:root{--paper:#f5ecd9;--paper2:#efe2c6;--ink:#2b1d14;--maroon:#6e1f1a;--gold:#a8761f;--soft:#6b5640;--bar:#1c120cf0}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--paper);color:var(--ink);font:17px/1.75 'Noto Serif Telugu',serif;padding-bottom:72px}
img,audio{-webkit-user-drag:none;user-select:none;-webkit-touch-callout:none}
a{color:inherit}
.hero{position:relative;aspect-ratio:16/9;width:100%;overflow:hidden;background:#120b07}
.hero img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;display:block}
.hero::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to bottom,transparent 82%,var(--paper))}
.tag{z-index:2}
@media (min-width:1024px){
 body{padding-bottom:84px;background:radial-gradient(ellipse at 50% 0,#fbf3e2 0,var(--paper) 55%,var(--paper2) 100%) fixed}
 .hero{width:min(1280px,calc((100vh - 170px) * 16 / 9),calc(100vw - 96px));margin:28px auto 0;aspect-ratio:16/9;background:#120b07;
  box-shadow:0 18px 50px -18px #3b1a10aa,0 0 0 1px #a8761f55;outline:1px solid #a8761f33;outline-offset:8px}
 .hero img{object-fit:cover}
 .hero::after{background:none}
 main{max-width:820px;margin:36px auto 0;padding:0 24px}
 body{font-size:19px} .verse{font-size:32px} .iast{font-size:19px} .mean .en{font-size:21px} .spk{font-size:17px}
}
}
.tag{position:absolute;top:14px;left:0;right:0;text-align:center;z-index:1;font:600 13px 'Noto Serif Telugu';letter-spacing:.12em;color:#fbefd5;text-shadow:0 1px 3px #000a}
main{max-width:680px;margin:8px auto 0;padding:0 16px;position:relative;text-align:center}
.spk{font:600 15px 'Tiro Telugu';color:var(--gold);letter-spacing:.06em}
.verse{font:clamp(18px,4.9vw,28px)/1.8 'Tiro Telugu';color:var(--maroon);overflow-wrap:anywhere}
.iast{font:italic 500 17px/1.5 'Cormorant Garamond';color:var(--soft);margin-top:6px}
.spk2{font:600 15px 'Tiro Telugu';color:var(--gold);letter-spacing:.06em}
.iast .spk2{font:italic 500 15px 'Cormorant Garamond'}
.colophon{margin-top:36px;padding-top:18px;border-top:1px solid #a8761f55;font:17px/1.8 'Tiro Telugu';color:var(--maroon)}
.orn{width:200px;height:14px;color:var(--gold);margin:18px auto 14px;display:block}
audio{width:100%;margin:4px 0 20px}
.mean{text-align:left;display:grid;gap:18px}
.mean h2{font:600 12px 'Noto Serif Telugu';letter-spacing:.14em;color:var(--gold)}
.mean h2.en{font:600 13px 'Cormorant Garamond';letter-spacing:.22em}
.mean .en{font:19px/1.55 'EB Garamond'}
.note{font-size:15px;color:var(--soft);border-left:2px solid var(--gold);padding-left:12px}
.note i{display:block;font:italic 16px/1.45 'EB Garamond'}
h1.title{font:clamp(34px,9vw,52px)/1.3 'Tiro Telugu';color:var(--maroon)}
h1.title small{display:block;font:20px 'Tiro Telugu';color:var(--ink)}
.en-t{font:italic 500 20px 'Cormorant Garamond';color:var(--soft)}
.inv{font:15px 'Tiro Telugu';color:var(--gold);letter-spacing:.1em;margin-top:8px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:10px;margin:22px 0}
.grid a{display:block;padding:12px 0;border:1px solid var(--gold);background:#fff8ea;text-decoration:none;font:600 16px 'Cormorant Garamond';color:var(--maroon)}
.grid a:hover,.grid a:focus-visible{background:var(--maroon);color:#fbefd5;outline:none}
.chapters{list-style:none;display:grid;gap:12px;margin:22px 0;text-align:left}
.chapters a{display:flex;gap:14px;align-items:center;padding:14px 16px;border:1px solid var(--gold);background:#fff8ea;text-decoration:none}
.chapters b{font:600 22px 'Cormorant Garamond';color:var(--gold);min-width:28px}
.chapters span{font:19px 'Tiro Telugu';color:var(--maroon)} .chapters em{display:block;font:italic 15px 'EB Garamond';color:var(--soft)}
nav.bar{position:fixed;left:0;right:0;bottom:0;height:60px;background:var(--bar);display:flex;align-items:center;justify-content:space-between;padding:0 8px;z-index:5}
nav.bar a,nav.bar span{color:#f3dfb2;text-decoration:none;font:600 14px 'Noto Serif Telugu';display:flex;align-items:center;gap:6px;padding:10px 12px;min-width:44px}
nav.bar a.mid{font:600 15px 'Cormorant Garamond';letter-spacing:.12em;color:#d9a441}
nav.bar .off{opacity:.25}
nav.bar svg{width:22px;height:22px}
nav.bar a:focus-visible{outline:2px solid #d9a441}
.player{margin:4px 0 20px}
footer.legal{text-align:center;margin:40px 0 10px;font:14px 'EB Garamond';color:var(--soft)} footer.legal a{color:var(--soft)}
a.buy{display:block;padding:14px 16px;background:var(--maroon);color:#fbefd5;text-decoration:none;font:600 16px 'Noto Serif Telugu';border:1px solid var(--gold)}
a.buy small{display:block;font:500 15px 'Cormorant Garamond';letter-spacing:.08em;color:#e9bd5c}
.card{background:#fff8ea;border:1px solid var(--gold);padding:20px 16px;margin:20px 0;text-align:left}
.card h2{font:600 20px 'Tiro Telugu';color:var(--maroon)} .card ul{margin:10px 0 0 20px}
.price{font:600 40px 'Cormorant Garamond';color:var(--maroon)} .price small{font-size:16px;color:var(--soft)}
button.pay{width:100%;padding:14px;background:var(--maroon);color:#fbefd5;border:0;font:600 18px 'Noto Serif Telugu';cursor:pointer}
button.pay:disabled{opacity:.5}
.restore input{width:100%;padding:12px;border:1px solid var(--gold);font:16px monospace;margin:8px 0;background:#fff}
.restore button{padding:10px 16px;border:1px solid var(--maroon);background:none;color:var(--maroon);font:600 15px 'Noto Serif Telugu';cursor:pointer}
.msg{margin-top:10px;font-size:15px} .msg.err{color:#a3271d}