:root{--ink:#1d1714;--paper:#f5eedf;--paper2:#fffaf1;--videha:#861d1d;--navy:#0d2d4c;--gold:#b6852c;--muted:#776b5e;--panel:rgba(250,245,235,.98);--fs:1rem;--barh:58px;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{overflow:hidden;background:#050505;color:#fff;font-family:Georgia,"Noto Serif Devanagari","Noto Serif",serif}.skip{position:fixed;left:-9999px;top:8px;z-index:9999}.skip:focus{left:8px;background:#fff;color:#000;padding:.65rem 1rem;border-radius:.3rem}.app{height:100%;display:grid;grid-template-rows:auto 1fr auto}.top{min-height:var(--barh);display:flex;align-items:center;gap:.6rem;padding:.48rem .7rem;background:rgba(10,9,8,.96);border-bottom:1px solid #4b3628;z-index:30}.brand{min-width:0;flex:1;display:flex;align-items:baseline;gap:.55rem}.brand strong{letter-spacing:.14em;color:#f2d59c}.brand span{font-size:.78rem;color:#cdbfae;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.buttons,.modes{display:flex;gap:.35rem;align-items:center}.btn{border:1px solid #604a3a;background:#191513;color:#f8eee1;border-radius:999px;padding:.43rem .72rem;cursor:pointer}.btn:hover,.btn:focus-visible{outline:none;border-color:#d3a04a;box-shadow:0 0 0 2px rgba(211,160,74,.22)}.btn.primary,.btn[aria-pressed=true]{background:var(--videha);border-color:#b54b42}.stage{position:relative;min-height:0;overflow:hidden;display:grid;place-items:center;background:#050505}.ambient{position:absolute;inset:-5%;background-size:cover;background-position:center;filter:blur(34px) brightness(.26) saturate(.7);transform:scale(1.1);opacity:.85}.vignette{position:absolute;inset:0;z-index:1;background:radial-gradient(circle at center,transparent 48%,rgba(0,0,0,.55) 100%);pointer-events:none}.frame{position:relative;z-index:2;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;box-shadow:0 18px 70px rgba(0,0,0,.38);user-select:none;-webkit-user-drag:none}.cinematic .frame{animation:ken 15s ease-in-out alternate infinite}@keyframes ken{from{transform:scale(1)}to{transform:scale(1.014)}}body.reduced .frame{animation:none!important}.chapter-badge{position:absolute;left:1rem;top:1rem;z-index:6;max-width:min(70vw,700px);background:rgba(8,7,6,.72);border-left:4px solid var(--videha);padding:.46rem .72rem;backdrop-filter:blur(8px)}.chapter-badge b{display:block;color:#f6dfad;font-size:.8rem;letter-spacing:.06em}.chapter-badge span{display:block;margin-top:.12rem;font-size:.9rem;color:#eee0d0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.study-text{position:absolute;right:1rem;bottom:1rem;z-index:7;width:min(600px,46vw);max-height:54%;overflow:auto;background:rgba(250,245,235,.96);color:var(--ink);border:1px solid #b9a486;border-radius:.55rem;padding:.9rem 1rem;box-shadow:0 14px 50px rgba(0,0,0,.28);display:none}.study .study-text{display:block}.study-text h3{margin:.1rem 0 .5rem;color:var(--videha)}.study-text p{margin:.45rem 0;font-size:var(--fs);line-height:1.55;white-space:pre-wrap}.bottom{display:flex;align-items:center;gap:.48rem;padding:.48rem .65rem;background:rgba(10,9,8,.97);border-top:1px solid #4b3628;z-index:30}.progress{flex:1;height:6px;background:#312824;border-radius:20px;overflow:hidden;cursor:pointer}.progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#8c2420,#c7993d)}.count{min-width:9ch;text-align:center;color:#d5c7b5;font:12px/1.2 system-ui,sans-serif;font-variant-numeric:tabular-nums}.copyright{max-width:34vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#bcae9b;font-size:.69rem}.drawer{position:fixed;inset:0 auto 0 0;width:min(520px,94vw);z-index:100;background:var(--panel);color:var(--ink);box-shadow:0 0 80px rgba(0,0,0,.45);transform:translateX(-105%);transition:.25s;display:grid;grid-template-rows:auto auto auto 1fr}.drawer.open{transform:none}.drawer-head{display:flex;align-items:center;gap:.5rem;padding:.85rem 1rem .35rem}.drawer-head h2{margin:0;flex:1;color:var(--videha);font-size:1.25rem}.search{margin:.4rem 1rem .55rem;padding:.72rem .8rem;border:1px solid #b8a990;border-radius:.4rem;background:#fff;color:#111}.tabs{display:flex;gap:.35rem;padding:0 1rem .65rem;border-bottom:1px solid #d8ccba}.tabs button{border:1px solid #c5b49c;background:#f7f0e4;color:#3b2c24;border-radius:999px;padding:.35rem .65rem;cursor:pointer}.tabs button.on{background:var(--videha);color:#fff;border-color:var(--videha)}.drawer-body{overflow:auto;padding:.55rem 1rem 2rem}.group-title{position:sticky;top:-.55rem;background:var(--panel);padding:.65rem .15rem .35rem;color:var(--navy);font-weight:bold;border-bottom:1px solid #ddd0be}.navitem{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #e1d6c7;background:transparent;color:inherit;padding:.62rem .25rem;cursor:pointer}.navitem:hover,.navitem:focus-visible{background:#efe4d3;outline:none}.navitem b{color:var(--videha)}.navitem small{display:block;margin-top:.15rem;color:#76695d;line-height:1.35}.panel{position:fixed;right:1rem;top:4.5rem;z-index:90;width:min(540px,93vw);max-height:76vh;overflow:auto;background:var(--panel);color:var(--ink);border:1px solid #b49d7f;border-radius:.65rem;padding:1rem 1.1rem;box-shadow:0 20px 70px rgba(0,0,0,.38);display:none}.panel.open{display:block}.panel h3{color:var(--videha);margin:.15rem 2.2rem .55rem 0}.panel p{line-height:1.55}.close{float:right}.paper-mode .stage{background:var(--paper)}.paper-mode .ambient,.paper-mode .vignette{opacity:0}.paper-mode .frame{box-shadow:0 8px 35px rgba(70,50,30,.18)}.loading{position:absolute;z-index:20;padding:.7rem 1rem;border-radius:.4rem;background:#171311;color:#eee}.hidden{display:none!important}.section-card{display:grid;grid-template-columns:1fr auto;gap:.3rem .6rem;padding:.7rem .2rem;border-bottom:1px solid #ddd0bd;cursor:pointer}.section-card b{color:var(--videha)}.pill{font:11px system-ui,sans-serif;background:#e8dccb;border-radius:999px;padding:.15rem .45rem;align-self:center}.admin-note{font-size:.75rem;color:#a79b8c;margin-left:.4rem}
@media(max-width:800px){.brand span,.copyright,.modes{display:none}.top{flex-wrap:wrap}.buttons{width:100%;overflow:auto}.study-text{right:.5rem;bottom:.5rem;width:calc(100vw - 1rem);max-height:42%;}.chapter-badge{left:.5rem;top:.5rem}.btn{padding:.4rem .58rem}.bottom{gap:.3rem}.bottom .btn{font-size:.8rem}}@media(prefers-reduced-motion:reduce){.frame{animation:none!important}.drawer{transition:none}}