:root{--ink: #f6eedf;--ink-2: #d9ccb3;--muted: #a8977a;--gold: #e9c46a;--gold-2: #f7dc9c;--panel: rgba(20, 14, 10, .8);--panel-solid: #17100b;--line: rgba(233, 196, 106, .2);--line-2: rgba(233, 196, 106, .4);--night: #0d0906;--display: "Source Serif 4", Georgia, serif;--body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--dev: "Noto Serif Devanagari", "Kohinoor Devanagari", serif;--hindi: "Noto Sans Devanagari", "Inter", sans-serif;--ar: .8;--panel-min: 470px;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--night)}body{margin:0;color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px}.app{container:app / inline-size;position:relative;margin:0 auto}.run{position:relative;height:100vh;height:100dvh}.run.deep{height:280vh}.pin{position:sticky;top:0;height:100vh;height:100dvh;overflow:hidden;overflow:clip}.reader,.cover{position:absolute;inset:0;will-change:transform,opacity,filter}.reader{display:flex}.bg{position:absolute;inset:-80px;background-size:cover;background-position:center;filter:blur(60px) brightness(.38) saturate(1.15);transform:scale(1.1)}.plate{container:plate / inline-size;position:relative;flex:none;height:100%;width:min(calc(100cqw - var(--panel-min) - 24px),calc(100dvh * var(--ar)))}.plate img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity 1.1s ease}.plate img.on{opacity:1}.plate:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.42),transparent 16%,transparent 80%,rgba(0,0,0,.5))}.side{position:relative;flex:1;min-width:0;padding:12px;display:flex}.hud{position:absolute;top:14px;left:14px;right:14px;display:flex;align-items:flex-start;gap:10px;z-index:5}.pill{display:flex;align-items:center;gap:12px;padding:8px 14px 8px 8px;border-radius:16px;background:var(--panel);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(246,238,223,.12);text-align:left}.pill .n{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(180deg,#f1cf7a,#d9a93f);color:#2a1a08;font-weight:600;font-size:18px}.pill b{display:block;font-family:var(--hindi);font-weight:500;font-size:19px;line-height:1.2}.pill span{font-size:13px;color:var(--ink-2);white-space:nowrap}#pillSub{display:block;max-width:210px;overflow:hidden;text-overflow:ellipsis}.pill svg{width:16px;height:16px;color:var(--ink-2);margin-left:6px}.hud .sp{flex:1}.hud .acts{display:flex;gap:8px;flex:none}@container plate (max-width: 660px){.icon-btn{padding:10px}.icon-btn .t{display:none}}@container plate (max-width: 420px){.pill{padding:5px 9px 5px 5px;gap:8px}.pill .n{width:30px;height:30px;font-size:14px;border-radius:8px}.pill b{font-size:15px}.pill span{font-size:11px}.pill svg{display:none}.icon-btn{padding:8px;border-radius:10px}.icon-btn svg{width:16px;height:16px}.hud{top:8px;left:8px;right:8px;gap:6px}.hud .acts{gap:6px}}.icon-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:var(--panel);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(246,238,223,.12);font-size:14px;color:var(--ink)}.icon-btn svg{width:18px;height:18px}.icon-btn[aria-pressed=true]{border-color:var(--line-2);color:var(--gold-2);background:#3c2c12b8}.strip{position:absolute;left:14px;right:14px;bottom:14px;height:28px;z-index:5;display:flex;align-items:center;gap:4px;padding:0 8px;border-radius:999px;background:#0a07058c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(246,238,223,.08)}.caption{position:absolute;left:14px;bottom:52px;z-index:5;font-size:12.5px;color:var(--ink-2);background:#0a070599;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(246,238,223,.1);border-radius:10px;padding:7px 11px;max-width:calc(100% - 28px)}.tick{flex:1;height:6px;border-radius:3px;background:#f6eedf29;border:none;padding:0;transition:background .3s,height .3s}.tick:hover{background:#f6eedf52}.tick.done{background:#e9c46a73}.tick.on{background:linear-gradient(180deg,#f1cf7a,#d9a93f);height:14px;box-shadow:0 0 14px #e9c46a80}.panel{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--panel);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 60px #00000073}.panel-scroll{flex:1;overflow-y:auto;padding:30px clamp(24px,3.2cqw,48px) 12px;scrollbar-width:thin;scrollbar-color:var(--line-2) transparent}.panel-in{max-width:700px;margin:0 auto}.panel-foot{display:flex;align-items:center;gap:10px;padding:12px 14px;border-top:1px solid var(--line)}.nav-btn{width:50px;height:50px;border-radius:50%;border:1px solid var(--line-2);background:transparent;display:grid;place-items:center;transition:background .2s;flex:none}.nav-btn svg{width:22px;height:22px}.nav-btn:hover:not(:disabled){background:#e9c46a1f}.nav-btn:disabled{opacity:.3;cursor:default}.nav-next{background:linear-gradient(180deg,#f1cf7a,#d9a93f);color:#2a1a08;border:none}.foot-sp{flex:1}.play-btn{flex:1;height:46px;border-radius:999px;border:1px solid var(--line);background:#ffffff08;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;color:var(--ink-2)}.play-btn svg{width:14px;height:14px}.play-btn[aria-pressed=true]{color:var(--gold-2);border-color:var(--line-2)}.card{animation:cardIn .7s cubic-bezier(.2,.8,.2,1)}@keyframes cardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}.speaker{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;letter-spacing:.04em;color:var(--ink-2)}.speaker .dot{width:9px;height:9px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px var(--gold)}.speaker b{color:var(--gold);font-weight:500}.verse-id{font-family:var(--display);font-size:16px;color:var(--muted);display:flex;align-items:center;gap:8px}.verse-id svg{width:15px;height:15px}.verse{font-family:var(--dev);font-size:24px;line-height:1.8;color:var(--gold-2);margin:0 0 10px;text-shadow:0 0 24px rgba(233,196,106,.18)}.verse .ln{display:block}.verse .ln+.ln{padding-left:1.6em}.iast{font-family:var(--display);font-size:18px;line-height:1.6;color:var(--ink-2);margin:0 0 20px}.iast .ln{display:block}.verify{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:-4px 0 20px;font-size:13px;color:var(--muted)}.vbtn{font-size:12.5px;padding:5px 11px;border-radius:999px;border:1px solid rgba(246,238,223,.18);background:transparent;color:var(--ink-2);transition:background .15s,border-color .15s}.vbtn:hover{border-color:#f6eedf66}.vbtn.ok.on{background:#6fc38c2e;border-color:#6fc38c;color:#bff0cf}.vbtn.bad.on{background:#e0605a29;border-color:#e0605a;color:#ffc9c4}.translation{font-family:var(--display);font-size:26px;line-height:1.42;font-weight:500;margin:0 0 14px;text-wrap:pretty}.translation:before{content:"";display:block;width:40px;height:2px;background:var(--gold);margin-bottom:18px;border-radius:2px}.translation-hi{font-family:var(--hindi);font-size:21px;line-height:1.75;color:var(--ink-2);margin:0 0 24px;text-wrap:pretty}.tabbar{display:flex;flex-wrap:wrap;gap:0 2px;border-bottom:1px solid var(--line);margin-bottom:16px}.tab{background:none;border:none;border-bottom:2px solid transparent;padding:8px 12px 10px;font-size:14px;color:var(--muted);letter-spacing:.02em;margin-bottom:-1px}.tab:hover{color:var(--ink-2)}.tab.on{color:var(--gold-2);border-bottom-color:var(--gold)}.meaning{font-size:17px;line-height:1.75;color:var(--ink-2);margin:0 0 20px;text-wrap:pretty}.meaning p{margin:0 0 10px}.words{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 20px}.word{font-size:13.5px;background:#e9c46a14;border:1px solid var(--line);border-radius:8px;padding:5px 10px;color:var(--ink-2)}.word i{font-family:var(--dev);font-style:normal;font-size:16px;color:var(--gold-2);margin-right:4px}.label{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);font-weight:500}.chapter-intro h1,.chapter-intro h2{font-family:var(--display);font-size:40px;line-height:1.1;margin:10px 0 16px;font-weight:600}.chapter-intro .story{font-size:17px;line-height:1.8;color:var(--ink-2)}.chapter-intro .story p{margin:0 0 14px}.chapter-intro .cta{margin-top:10px;font-size:13.5px;color:var(--muted)}.deep-card{margin:8px 0 20px;padding:20px 22px;border-radius:16px;border:1px solid var(--line-2);background:linear-gradient(180deg,#e9c46a1f,#e9c46a0a);display:grid;grid-template-columns:1fr auto;gap:6px 20px;align-items:end}.deep-card .label{grid-column:1 / -1}.deep-card h3,.deep-card .h3{font-family:var(--display);font-size:23px;line-height:1.25;margin:4px 0;font-weight:600;text-wrap:balance}.deep-card p{margin:0;font-size:14.5px;color:var(--ink-2)}.btn-gold{display:inline-flex;align-items:center;gap:8px;border:none;border-radius:999px;padding:12px 20px;font-size:14.5px;font-weight:500;white-space:nowrap;background:linear-gradient(180deg,#f1cf7a,#d9a93f);color:#2a1a08;box-shadow:0 8px 30px #e9c46a40;transition:transform .2s,box-shadow .2s}.btn-gold:hover{box-shadow:0 10px 34px #e9c46a66;transform:translateY(-1px)}.btn-gold:active{transform:scale(.97)}.btn-gold svg{width:16px;height:16px}.cover{transform:translate3d(0,104%,0);display:grid;align-items:end;background:var(--night);overflow:hidden}.cover{display:flex;align-items:stretch}.cover .cbg{position:absolute;inset:-80px;background-size:cover;background-position:center;filter:blur(60px) brightness(.32) saturate(1.1)}.cover .cart{position:relative;order:2;flex:none;height:100%;width:min(56cqw,calc(100dvh * var(--ar)));transform-origin:50% 50%}.cover.nopic .cart{display:none}.cover .cart img{width:100%;height:100%;object-fit:contain;display:block}.cover .cart:after{content:"";position:absolute;inset:0 auto 0 -1px;width:22%;background:linear-gradient(90deg,rgba(13,9,6,.85),transparent);z-index:1}.cover .ctext{position:relative;z-index:2;flex:1;min-width:0;align-self:center;padding:0 clamp(28px,5cqw,80px);max-width:780px;margin-left:auto}.cover h1,.cover .h1{font-family:var(--display);font-size:clamp(38px,4.4cqw,68px);line-height:1.04;font-weight:600;margin:14px 0 16px;letter-spacing:-.015em;text-wrap:balance}.cover .by{font-size:15px;color:var(--ink-2)}.cover .cue{margin-top:30px;display:inline-flex;align-items:center;gap:10px;font-size:13px;color:var(--muted);letter-spacing:.04em}.cover .cue i{width:22px;height:34px;border-radius:12px;border:1.5px solid var(--line-2);position:relative}.cover .cue i:after{content:"";position:absolute;left:50%;top:7px;width:3px;height:7px;margin-left:-1.5px;border-radius:2px;background:var(--gold);animation:cue 1.8s ease-in-out infinite}@keyframes cue{0%{transform:translateY(0);opacity:1}70%{transform:translateY(11px);opacity:0}to{opacity:0}}.back{position:fixed;top:16px;left:50%;z-index:40;transform:translate(-50%,-80px);transition:transform .5s cubic-bezier(.2,.8,.2,1);display:inline-flex;align-items:center;gap:8px;font-size:13.5px;padding:9px 16px;border-radius:999px;background:#17100bdb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--line-2);color:var(--gold-2)}.back.show{transform:translate(-50%)}.back svg{width:14px;height:14px}.article{position:relative;z-index:2;background:var(--night);padding:10px 24px 120px}.article[hidden]{display:none}.art{max-width:720px;margin:0 auto}.anchor{padding:24px 26px;border-radius:16px;border:1px solid var(--line);background:#e9c46a0d;margin:0 0 40px}.anchor .verse{font-size:24px}.anchor .tr{font-family:var(--display);font-style:italic;font-size:18px;color:var(--ink-2);margin:6px 0 0}.art h2{font-family:var(--display);font-size:30px;line-height:1.2;font-weight:600;margin:52px 0 16px;text-wrap:balance}.art p,.art li{font-family:var(--display);font-size:20px;line-height:1.78;color:var(--ink-2)}.art p{margin:0 0 20px}.art strong{color:var(--ink);font-weight:600}.art em{font-style:italic;color:var(--ink)}.lead:first-letter{font-size:3.4em;float:left;line-height:.92;margin:6px 12px 0 0;color:var(--gold);font-weight:600}.ladder{list-style:none;padding:0;margin:10px 0 28px}.ladder li{display:grid;grid-template-columns:120px 1fr;gap:20px;padding:16px 0;border-top:1px solid var(--line);margin:0}.ladder li:last-child{border-bottom:1px solid var(--line)}.ladder .k{font-family:var(--dev);color:var(--gold-2);font-size:20px;line-height:1.4}.ladder .k small{display:block;font-family:var(--body);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:2px}.q{margin:26px 0;padding:4px 0 4px 22px;border-left:2px solid var(--gold)}.q .verse{font-size:22px;margin:0}.q .tr{font-family:var(--display);font-style:italic;font-size:17.5px;color:var(--muted);margin:4px 0 0}.src{font-family:var(--body);font-size:11.5px;letter-spacing:.04em;color:var(--gold);border:1px solid var(--line-2);border-radius:999px;padding:1px 8px;margin-left:6px;vertical-align:2px;white-space:nowrap;font-style:normal}.src.trad{color:var(--muted);border-color:#f6eedf2e}.life{list-style:none;padding:0;margin:4px 0 26px;display:grid;gap:10px}.life li{padding:15px 20px;border-left:2px solid var(--gold);background:#e9c46a0f;border-radius:0 12px 12px 0;margin:0;font-size:18.5px}.voice{margin:48px 0 10px;padding:28px 30px;border-radius:16px;border:1px solid var(--line-2);background:linear-gradient(180deg,#e9c46a1f,#e9c46a0a)}.voice .label{display:block;margin-bottom:12px}.voice p{font-style:italic;color:var(--ink)}.voice .vn{font-family:var(--body);font-style:normal;font-size:13px;color:var(--muted);margin:0}.sources{margin-top:44px;padding-top:18px;border-top:1px solid var(--line);font-size:14px;line-height:1.7;color:var(--muted)}.sources b{color:var(--ink-2);font-weight:500}.endnav{display:flex;justify-content:space-between;gap:12px;margin-top:44px;flex-wrap:wrap}.btn-ghost{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:12px 20px;border:1px solid var(--line-2);background:transparent;font-size:14.5px;color:var(--ink)}.btn-ghost:hover{background:#e9c46a1a;border-color:var(--gold)}.btn-ghost svg{width:16px;height:16px}.comm{margin:4px 0 18px;padding-top:18px;border-top:1px solid var(--line)}.comm .label{display:flex;justify-content:space-between;gap:10px;margin-bottom:10px}.comm .label i{font-style:normal;color:var(--muted);letter-spacing:.08em}.comm p{font-family:var(--display);font-size:18.5px;line-height:1.72;color:var(--ink-2);margin:0;text-wrap:pretty}.comm p em{color:var(--ink)}.scene-chip{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted);margin:-6px 0 18px}.scene-chip b{color:var(--ink-2);font-weight:500}.card-end{margin:6px 0 18px;padding:16px 18px;border-radius:14px;border:1px dashed var(--line-2)}.card-end p{margin:6px 0 0;font-size:15px;color:var(--ink-2)}.card-end b{color:var(--gold-2);font-weight:500;font-family:var(--display);font-size:17px}.tick{position:relative;overflow:hidden}.tick .fill{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(180deg,#f1cf7a,#d9a93f);border-radius:inherit;transition:width .5s cubic-bezier(.2,.8,.2,1)}.tick.on{background:#f6eedf38;box-shadow:0 0 14px #e9c46a59}.tick:disabled{opacity:.45;cursor:default}body.no-hi .translation-hi,body.no-iast .iast{display:none}.verse .vn{white-space:nowrap}@container app (max-width: 760px){.caption{display:none}}.cover .cart{height:auto;max-height:100%;aspect-ratio:var(--ar);align-self:center}@container app (max-width: 760px){#pillSub,.pill svg{display:none}.pill{padding-right:12px}}@container app (max-width: 760px){.reader{flex-direction:column}.plate{width:100%;height:auto;aspect-ratio:var(--ar);max-height:58%}.side{padding:0 8px 8px;margin-top:-18px;z-index:6;flex:1;min-height:0}.strip{bottom:28px;height:22px}.panel-scroll{padding:20px 18px 8px}.verse{font-size:20px}.translation{font-size:21px}.translation-hi{font-size:18px}.deep-card{grid-template-columns:1fr}.cover{flex-direction:column}.cover .cart{order:0;width:100%;height:auto;aspect-ratio:var(--ar);max-height:60%}.cover .cart:after{inset:auto 0 -1px;width:auto;height:30%;background:linear-gradient(0deg,rgba(13,9,6,.9),transparent)}.cover .ctext{align-self:stretch;padding:18px 20px 0;margin:0}.article{padding-inline:16px}.art p,.art li{font-size:18px}.ladder li{grid-template-columns:1fr;gap:4px}.voice{padding:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@container app (max-width: 760px){.panel-scroll{padding:16px 16px 6px}.card-top{margin-bottom:12px}.speaker{font-size:12.5px}.verse-id{font-size:14px}.verse{font-size:17px;line-height:1.7;margin-bottom:6px}.translation{font-size:16px;line-height:1.5;margin-bottom:10px}.translation:before{margin-bottom:12px;width:32px}.translation-hi{font-size:15px;line-height:1.7;margin-bottom:16px}.comm{padding-top:14px}.comm p{font-size:15px;line-height:1.65}.scene-chip{font-size:12px}.chapter-intro h1,.chapter-intro h2{font-size:28px}.chapter-intro .story{font-size:15.5px;line-height:1.7}.panel-foot{padding:8px 10px}.nav-btn{width:44px;height:44px}}.soon{position:absolute;inset:0;display:grid;place-content:center;gap:12px;padding:12% 14%;text-align:center;z-index:1;background:radial-gradient(120% 80% at 50% 110%,rgba(233,196,106,.22),transparent 60%),linear-gradient(180deg,#1d140d,#0d0906)}.soon[hidden]{display:none}.soon p{margin:0;font-family:var(--display);font-size:clamp(18px,3.2cqw,30px);line-height:1.35;color:var(--ink);text-wrap:balance}.toc{position:fixed;inset:0;z-index:80;display:flex;justify-content:flex-start;background:#00000080;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.toc[hidden]{display:none}.toc-in{width:min(520px,100%);height:100%;display:flex;flex-direction:column;background:var(--panel-solid);border-right:1px solid var(--line-2);animation:tocIn .45s cubic-bezier(.2,.8,.2,1)}@keyframes tocIn{0%{transform:translate(-40px);opacity:0}to{transform:none;opacity:1}}.toc-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:22px 22px 14px;border-bottom:1px solid var(--line)}.toc-head h2{font-family:var(--hindi);font-weight:500;font-size:24px;margin:6px 0 4px}.toc-head p{margin:0;font-size:13px;color:var(--muted)}.toc .x{background:none;border:1px solid var(--line-2);border-radius:50%;width:40px;height:40px;font-size:22px;color:var(--ink-2);flex:none}.toc-list{list-style:none;margin:0;padding:8px 10px 40px;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:var(--line-2) transparent}.toc-list button{width:100%;display:grid;grid-template-columns:64px 1fr;gap:14px;align-items:center;text-align:left;background:none;border:1px solid transparent;border-radius:14px;padding:8px}.toc-list button:hover{background:#e9c46a12}.toc-list button[aria-current=true]{border-color:var(--line-2);background:#e9c46a1a}.toc-list .th{width:64px;height:64px;border-radius:10px;overflow:hidden;background:linear-gradient(180deg,#2a1d12,#120c08);display:grid;place-items:center;font-family:var(--display);font-size:22px;color:var(--gold)}.toc-list .th img{width:100%;height:100%;object-fit:cover;display:block}.toc-list .t{display:block;font-family:var(--display);font-size:17px;line-height:1.3;color:var(--ink);text-wrap:balance}.toc-list .m{display:block;font-size:12.5px;color:var(--muted);margin-top:3px;letter-spacing:.02em}.toc-list .m b{color:var(--gold);font-weight:500}.toc-list a{width:100%;display:grid;grid-template-columns:64px 1fr;gap:14px;align-items:center;text-align:left;border:1px solid transparent;border-radius:14px;padding:8px;color:inherit;text-decoration:none}.toc-list a:hover{background:#e9c46a12}.toc-list a[aria-current=page]{border-color:var(--line-2);background:#e9c46a1a}.toc-list .t i{font-style:normal;color:var(--muted);font-size:13px}.kandas{display:flex;gap:6px;padding:12px 22px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}.kandas a{flex:none;min-width:44px;height:40px;padding:0 12px;border-radius:999px;border:1px solid var(--line);display:inline-flex;align-items:center;gap:6px;color:var(--ink-2);text-decoration:none;font-size:13.5px}.kandas a b{font-weight:600;color:var(--gold)}.kandas a[aria-current=true]{border-color:var(--gold);background:#e9c46a1f;color:var(--ink)}.home-links{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:10px;font-size:13px}.home-links a{color:var(--gold-2);text-decoration:none}.home-links a:hover{text-decoration:underline}.card-end a{color:var(--gold-2)}.ref-link{color:inherit;text-decoration:none}
