:root{--bg:#F8F6F1;--card:#FFFFFF;--ink:#2B2026;--soft:#6E6268;--line:rgba(201,169,110,.45);--gold:#C9A96E;--rose:#D4838F;--berry:#7A2E4A;--onb:#FFFFFF;--blush:#FBEFEC;--sage:#A7BFA9;--fs:1;--hz:1}
[data-theme=night]{--bg:#1C1519;--card:#2A2026;--ink:#F8F6F1;--soft:#B9AAB0;--line:rgba(217,188,131,.35);--gold:#D9BC83;--rose:#E39AA5;--berry:#D9BC83;--onb:#1C1519;--blush:#33262D;--sage:#7FA386}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;height:100%;background:var(--bg);color:var(--ink)}
body{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:calc(19px*var(--fs));line-height:1.4;overflow:hidden}
html[lang=kn] body{font-family:'Noto Serif Kannada','Cormorant Garamond',serif;font-size:calc(17px*var(--fs));line-height:1.55}
button,input,textarea{font:inherit;color:inherit}
.app{position:fixed;inset:0;display:flex;flex-direction:column;max-width:560px;margin:0 auto;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}
.hd,.bar{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;min-height:48px}
.bar{display:grid;grid-template-columns:48px 1fr auto;gap:4px}
.bar .t{font-family:Cinzel,serif;font-weight:600;text-align:center;font-size:calc(14px*var(--fs));letter-spacing:.12em;text-transform:uppercase}
html[lang=kn] .bar .t{font-family:'Noto Serif Kannada',serif;letter-spacing:0;text-transform:none;font-size:calc(16px*var(--fs))}
.r{display:flex;gap:2px;align-items:center;justify-self:end}
.ib{min-width:44px;height:44px;border:0;background:none;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:Jost,sans-serif;font-size:13px;font-weight:500;color:var(--soft);cursor:pointer}
.ib svg{width:22px;height:22px}.ib:active{background:var(--blush)}
.body{flex:1;min-height:0;overflow-y:auto;padding:4px 20px 14px;display:flex;flex-direction:column;-webkit-overflow-scrolling:touch}
.body>*{flex-shrink:0}.body>:first-child{margin-top:auto}.body>:last-child{margin-bottom:auto}
.mid{display:flex;flex-direction:column;align-items:stretch}
.c{text-align:center}.mid.c{align-items:center}
h1,h2,h3{margin:.4em 0;font-weight:600}
h2{font-family:Cinzel,serif;font-size:1.25em;letter-spacing:.04em}
html[lang=kn] h2,html[lang=kn] h3{font-family:'Noto Serif Kannada',serif;letter-spacing:0}
h3{font-family:Cinzel,serif;font-size:1em;letter-spacing:.06em}
p{margin:.5em 0}
.brand{font-family:'Cinzel Decorative',Cinzel,serif;font-weight:700;letter-spacing:.06em;font-size:calc(34px*var(--fs)*var(--hz));margin:.15em 0;color:var(--ink);line-height:1.15}
html[lang=kn] .brand{font-family:'Noto Serif Kannada',serif;letter-spacing:0;font-size:calc(32px*var(--fs)*var(--hz))}
.entry .brand{font-size:calc(42px*var(--fs))}
.tag,.tag2{font-family:Cinzel,serif;font-size:calc(13px*var(--fs)*var(--hz));letter-spacing:.14em;text-transform:uppercase;margin:2px 0;color:var(--berry)}
[data-theme=night] .tag,[data-theme=night] .tag2{color:var(--gold)}
html[lang=kn] .tag,html[lang=kn] .tag2{font-family:'Noto Serif Kannada',serif;letter-spacing:0;text-transform:none;font-size:calc(15px*var(--fs)*var(--hz))}
.tag2{color:var(--soft);font-size:calc(12px*var(--fs)*var(--hz))}
.mark{display:flex;justify-content:center;margin:6px 0}
.inf{max-width:100%;height:auto;overflow:visible}.id{fill:var(--rose);filter:drop-shadow(0 0 5px var(--rose))}
.inf.draw .ip{stroke-dasharray:1;stroke-dashoffset:1;animation:dr 2.2s ease forwards}
.inf.draw .id{opacity:0}.inf.live .id{opacity:1;transition:opacity .6s}.inf.draw.live .ip{stroke-dashoffset:0;animation:none}
@keyframes dr{to{stroke-dashoffset:0}}
.ln{margin:.2em 0;font-size:1.1em}.nb{font-family:Jost,sans-serif;font-size:calc(12px*var(--fs));letter-spacing:.22em;color:var(--gold);margin:18px 0 12px;font-weight:500}
.enter{font-family:Jost,sans-serif;letter-spacing:.24em;font-weight:500;font-size:calc(14px*var(--fs));padding:14px 44px;border-radius:999px;border:1.5px solid var(--gold);background:none;color:var(--ink);cursor:pointer}
.enter:active{background:var(--blush)}
html[lang=kn] .enter,html[lang=kn] .nb{letter-spacing:.02em;font-family:'Noto Serif Kannada',serif}
.foot{display:flex;flex-direction:column;align-items:center;padding:8px 12px 10px;font-family:Jost,sans-serif;font-size:10.5px;letter-spacing:.18em;color:var(--soft);gap:1px}
.foot a{color:var(--soft);text-decoration:none;border-top:1px solid var(--line);padding-top:6px;margin-top:2px}
.foot span,.foot em{font-style:normal;letter-spacing:.08em;font-family:'Cormorant Garamond',serif;font-size:13px}
.soft{color:var(--soft)}.note{font-size:.88em;color:var(--soft)}.serif{font-family:'Cormorant Garamond',serif}.ital{font-style:italic;font-size:1.15em}
.big{font-family:Cinzel,serif;font-size:calc(26px*var(--fs));min-height:1.4em}
html[lang=kn] .big{font-family:'Noto Serif Kannada',serif}
.lbl{font-family:Jost,sans-serif;font-size:calc(12px*var(--fs));letter-spacing:.16em;text-transform:uppercase;color:var(--soft);margin:16px 0 6px;font-weight:500}
html[lang=kn] .lbl{letter-spacing:0;text-transform:none;font-family:'Noto Serif Kannada',serif;font-size:calc(14px*var(--fs))}
.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:12px;padding:13px 18px;border-radius:999px;border:0;background:var(--berry);color:var(--onb);font-family:Jost,sans-serif;font-weight:500;letter-spacing:.1em;text-transform:uppercase;font-size:calc(13px*var(--fs));text-decoration:none;cursor:pointer;text-align:center}
html[lang=kn] .btn{font-family:'Noto Serif Kannada',serif;letter-spacing:0;text-transform:none;font-size:calc(15px*var(--fs))}
.btn.alt{background:none;color:var(--ink);border:1.5px solid var(--line)}.btn:active{opacity:.8}.bi svg{width:18px;height:18px;display:block}
.btns{display:grid;grid-template-columns:1fr 1fr;gap:10px}.btns .btn{margin-top:12px}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:14px;margin-top:14px}
.card.lead{text-align:center}.card.lead .btn{margin-top:8px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{padding:8px 14px;border-radius:999px;border:1.5px solid var(--line);background:none;font-family:Jost,sans-serif;font-size:calc(13px*var(--fs));cursor:pointer}
html[lang=kn] .chip{font-family:'Noto Serif Kannada',serif;font-size:calc(14px*var(--fs))}
.chip[aria-pressed=true]{background:var(--berry);color:var(--onb);border-color:var(--berry)}
.seg{display:flex;border:1.5px solid var(--line);border-radius:999px;overflow:hidden;margin:4px 0}
.seg button{flex:1;border:0;background:none;padding:10px 6px;font-family:Jost,sans-serif;font-size:calc(13px*var(--fs));cursor:pointer}
html[lang=kn] .seg button{font-family:'Noto Serif Kannada',serif}
.seg button[aria-pressed=true]{background:var(--berry);color:var(--onb)}
input[type=text],input[type=time],textarea.gxt{width:100%;border:1.5px solid var(--line);border-radius:14px;background:var(--card);padding:11px 14px;margin-top:8px;outline:none}
input[type=text]:focus,textarea.gxt:focus,input[type=time]:focus{border-color:var(--gold)}
textarea.gxt{resize:none;display:block;overflow:hidden;line-height:1.35;min-height:54px}textarea.gxt.filled{background:var(--blush)}
input[type=range]{width:100%;accent-color:var(--berry)}
.hsl{display:flex;align-items:center;gap:12px}.hsl b{font-family:Cinzel,serif;min-width:1.5em;text-align:center}
.hsc{display:flex;justify-content:space-between;font-size:.8em;color:var(--soft)}
.tabs{display:flex;gap:6px;overflow-x:auto;margin-top:12px;padding-bottom:2px}
.tab{flex:1 0 auto;position:relative;border:1.5px solid var(--line);background:linear-gradient(90deg,var(--blush) var(--f,0%),transparent var(--f,0%));border-radius:14px;padding:6px 10px;display:flex;flex-direction:column;align-items:center;font-family:Jost,sans-serif;font-size:calc(12px*var(--fs));cursor:pointer}
html[lang=kn] .tab{font-family:'Noto Serif Kannada',serif}
.tab i{font-style:normal;color:var(--soft);font-size:.9em}.tab[aria-pressed=true]{border-color:var(--berry);border-width:2px}.tab.ok i{color:var(--berry)}
.gdn{display:flex;align-items:center;justify-content:space-between}.gdn button{width:44px;height:44px;border:0;background:none;font-size:26px;color:var(--soft);cursor:pointer}.gdn button:disabled{opacity:.25}
.gdn div{text-align:center;display:flex;flex-direction:column}.gdn b{font-family:Cinzel,serif}.gdn span{font-size:.8em;color:var(--soft)}
.rgcard{display:flex;gap:14px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:12px 14px;margin-top:6px}
.rgcard.full{border-color:var(--gold);background:var(--blush)}
.rgw{position:relative;width:76px;height:76px;flex:none}.rg{width:100%;height:100%;transform:rotate(-90deg)}
.rt{fill:none;stroke:var(--line);stroke-width:5}.rf{fill:none;stroke:url(#rgg);stroke:var(--rose);stroke-width:5;stroke-linecap:round;transition:stroke-dashoffset .5s}
.rcn{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.rcn b{font-family:Cinzel,serif;font-size:1.05em}.rcn span{font-size:.7em;color:var(--soft)}
.gmt{display:flex;flex-direction:column;gap:2px}.gmt p{margin:0}.gmt span{font-size:.8em;color:var(--soft)}
.gadd{background:none;border:0;color:var(--berry);font-family:Jost,sans-serif;font-size:calc(13px*var(--fs));padding:10px 0;cursor:pointer;display:flex;gap:6px;align-items:center}
[data-theme=night] .gadd{color:var(--gold)}
.more{margin-top:14px;border-top:1px solid var(--line);padding-top:8px}.more summary{cursor:pointer;font-family:Cinzel,serif;font-size:.85em;letter-spacing:.05em;padding:6px 0}
html[lang=kn] .more summary{font-family:'Noto Serif Kannada',serif}
.more ul{padding-left:20px;margin:6px 0}
.jl{display:flex;flex-direction:column;gap:8px;margin-top:8px}.jl>*{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 12px;text-align:left;font-size:.95em;width:100%}
.jl span{display:block;font-family:Jost,sans-serif;font-size:11px;letter-spacing:.06em;color:var(--soft)}
.gwk{display:flex;gap:6px;justify-content:space-between;margin:10px 0}.gwc{flex:1;background:none;border:0;display:flex;flex-direction:column;align-items:center;gap:4px;font-family:Jost,sans-serif;font-size:11px;color:var(--soft);cursor:pointer}
.gwb{width:100%;max-width:30px;height:56px;border-radius:8px;background:var(--blush);display:flex;align-items:flex-end;overflow:hidden}.gwb i{display:block;width:100%;background:var(--rose)}.gwc.now .gwb{outline:2px solid var(--gold)}
.dots{display:flex;gap:7px;justify-content:center;margin:10px 0}.dots i{width:8px;height:8px;border-radius:50%;border:1.5px solid var(--gold)}.dots i.on{background:var(--gold)}.dots i.past{background:var(--line)}
.pbar{width:70%;height:3px;border-radius:2px;background:var(--line);margin:6px auto;overflow:hidden}.pbar i{display:block;height:100%;background:var(--rose);transition:width .4s}
.home{--hz:1}.hero{text-align:center;display:flex;flex-direction:column;align-items:center}
.thought{display:block;width:100%;text-align:center;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:calc(9px*var(--hz)) 14px;margin:calc(8px*var(--hz)) 0;cursor:pointer;font-size:calc(1em*var(--hz))}
.thought small{display:block;font-family:Jost,sans-serif;font-size:10px;letter-spacing:.2em;color:var(--gold);margin-bottom:2px}
html[lang=kn] .thought small{letter-spacing:0;font-family:'Noto Serif Kannada',serif;font-size:12px}
.thought span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-style:italic;line-height:1.3}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:calc(9px*var(--hz))}
.tile{display:flex;flex-direction:column;align-items:center;gap:calc(3px*var(--hz));background:var(--card);border:1px solid var(--line);border-radius:18px;padding:calc(11px*var(--hz)) 8px;cursor:pointer}
.tile svg{width:calc(30px*var(--hz));height:calc(30px*var(--hz))}
.tile b{font-family:Cinzel,serif;font-weight:600;font-size:calc(.82em*var(--hz));letter-spacing:.03em}
html[lang=kn] .tile b{font-family:'Noto Serif Kannada',serif;letter-spacing:0}
.tile span{font-size:calc(.78em*var(--hz));color:var(--soft);line-height:1.2}
.tile.wide{grid-column:span 2;flex-direction:row;justify-content:center;gap:14px}.tile.wide div{display:flex;flex-direction:column;text-align:left}
.stat{text-align:center;font-size:calc(.9em*var(--hz));color:var(--soft);margin:calc(8px*var(--hz)) 0 0}.stat b{color:var(--berry);font-family:Cinzel,serif}[data-theme=night] .stat b{color:var(--gold)}
.verse{font-family:'Noto Serif Devanagari','Cormorant Garamond',serif;font-size:1.2em;line-height:1.7;margin:10px 0}
.verse.sc-kn{font-family:'Noto Serif Kannada',serif;font-size:1.1em}.verse.sc-rom{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.25em}
.mean{font-size:1.1em;margin:6px 0}.src{font-family:Jost,sans-serif;font-size:12px;letter-spacing:.1em;color:var(--gold);margin:4px 0 8px}
.pop{animation:pp .5s ease}@keyframes pp{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
.net,.upd{position:fixed;left:0;right:0;z-index:9;display:none;align-items:center;justify-content:center;gap:12px;padding:8px;font-family:Jost,sans-serif;font-size:13px}
.net{top:0;background:var(--blush);color:var(--ink)}.upd{bottom:0;background:var(--berry);color:var(--onb)}.net.on,.upd.on{display:flex}
.upd button{background:none;border:1.5px solid currentColor;color:inherit;border-radius:999px;padding:4px 14px;cursor:pointer}
.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);opacity:0;background:var(--ink);color:var(--bg);padding:10px 18px;border-radius:999px;font-family:Jost,sans-serif;font-size:13px;pointer-events:none;transition:.3s;z-index:10;max-width:90%;text-align:center}
.toast.on{opacity:1;transform:translate(-50%,0)}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.hero .inf{width:calc(96px*var(--hz));height:auto}.home .body{padding-top:0;padding-bottom:6px}