:root{--ink:#1d2525;--pine:#263836;--saffron:#c86629;--gold:#e3b55e;--cream:#f7f1e8;--paper:#fffdf9;--muted:#6d716c;--line:#ded7ca;--size:1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",system-ui,sans-serif;font-size:16px}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:1rem;top:1rem;z-index:5;background:#fff;padding:.6rem}.site-header{height:84px;padding:0 clamp(1rem,4vw,4.5rem);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(29,37,37,.12);background:rgba(247,241,232,.92);position:sticky;top:0;z-index:3;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:.55rem;color:var(--ink);text-decoration:none;font-weight:600}.brand-qhc{justify-self:end}.logo-slot{width:32px;height:32px;border:1px solid var(--saffron);border-radius:50%;display:grid;place-items:center;color:var(--saffron);font:500 .7rem "DM Mono",monospace}.header-title{text-align:center;line-height:1.1;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.header-title strong{display:block;font:600 1.1rem "Source Serif 4",serif;letter-spacing:.01em;text-transform:none;color:var(--ink);margin-top:.15rem}.welcome{min-height:clamp(370px,55vh,590px);padding:clamp(4.5rem,10vw,9rem) clamp(1rem,10vw,12rem);position:relative;overflow:hidden;background:var(--ink);color:var(--cream)}.welcome:after{content:"ॐ";position:absolute;right:-.05em;bottom:-.35em;color:rgba(227,181,94,.1);font:clamp(16rem,45vw,44rem) "Noto Serif Devanagari",serif;line-height:1}.eyebrow{margin:0 0:.9rem;text-transform:uppercase;letter-spacing:.15em;font:500 .68rem "DM Mono",monospace;color:var(--saffron)}.welcome .eyebrow{color:var(--gold)}h1,h2{font-family:"Source Serif 4",Georgia,serif;font-weight:500}.welcome h1{position:relative;font-size:clamp(3.25rem,8vw,7rem);line-height:.95;letter-spacing:-.055em;max-width:700px;margin:0}.welcome-copy{position:relative;max-width:600px;line-height:1.65;font-size:clamp(1rem,1.5vw,1.2rem);color:#dedbd2;margin:1.7rem 0}.welcome-actions{position:relative;display:flex;gap:.75rem;flex-wrap:wrap}.button,.icon-button{font:inherit;border:0;cursor:pointer}.button{padding:.85rem 1.15rem;border-radius:2px;font-weight:600}.button-primary{background:var(--gold);color:var(--ink)}.button-quiet{border:1px solid rgba(255,255,255,.5);background:transparent;color:white}.controls{margin:-1.65rem auto 0;position:relative;z-index:2;max-width:1160px;padding:0 1rem;display:flex;gap:.5rem}.search{flex:1;background:var(--paper);box-shadow:0 5px 22px rgba(31,36,32,.12);border:1px solid var(--line);border-radius:2px}.search input{width:100%;padding:1.05rem 1.1rem;border:0;background:transparent;font:inherit;color:var(--ink);outline-offset:-3px}.icon-button{background:var(--paper);padding:.7rem .8rem;border:1px solid var(--line);box-shadow:0 5px 22px rgba(31,36,32,.08);border-radius:2px;color:var(--ink)}.icon-button[aria-pressed="true"]{background:var(--pine);color:white}.app-layout{display:grid;grid-template-columns:minmax(235px,310px) minmax(0,1fr);gap:clamp(1.5rem,4vw,4rem);max-width:1160px;margin:3.75rem auto;padding:0 1rem}.programme-panel{border-top:2px solid var(--saffron)}.panel-heading{padding:1.25rem 0 1rem;border-bottom:1px solid var(--line)}.panel-heading h2{font-size:2rem;margin:0}.programme-list{display:flex;flex-direction:column}.programme-item{width:100%;padding:1rem 0;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;cursor:pointer;color:var(--ink);display:grid;grid-template-columns:2rem 1fr;gap:.4rem;font-family:inherit}.programme-item:hover,.programme-item[aria-current="true"]{color:var(--saffron)}.programme-item small{font:500 .7rem "DM Mono",monospace;color:var(--muted);padding-top:.2rem}.programme-item span{font-weight:600;line-height:1.3}.programme-item em{display:block;font-style:normal;color:var(--muted);font-size:.78rem;margin-top:.2rem}.lyrics-panel{background:var(--paper);min-height:680px;padding:clamp(1.5rem,5vw,5rem);box-shadow:0 3px 24px rgba(31,36,32,.06)}.empty-state{max-width:430px;padding-top:clamp(5rem,17vh,12rem)}.empty-state h2{font-size:clamp(2.4rem,4vw,4rem);line-height:1;margin:.2rem 0 1rem}.empty-state p:last-child{line-height:1.6;color:var(--muted)}.lyrics-topline{display:flex;justify-content:space-between;gap:1rem;color:var(--muted);font:500 .68rem "DM Mono",monospace;text-transform:uppercase;letter-spacing:.08em}.lyrics-panel h2{font-size:clamp(2.6rem,5vw,5rem);line-height:.95;letter-spacing:-.045em;margin:1.1rem 0 .8rem}.item-subtitle{font-size:1.05rem;color:var(--muted);margin:0 0 1.8rem;line-height:1.45}.item-note{border-left:2px solid var(--gold);padding:.65rem 1rem;background:#fff8e9;color:#625030;line-height:1.5}.lyrics-content{font-size:calc(1.08rem * var(--size));line-height:1.63}.verse{padding:1.55rem 0;border-top:1px solid var(--line)}.devanagari{font-family:"Noto Serif Devanagari","Nirmala UI",serif;font-size:calc(1.46em * var(--size));line-height:1.55;white-space:pre-line}.roman{font-family:"Source Serif 4",Georgia,serif;font-size:calc(1em * var(--size));line-height:1.55;color:#5a615c;white-space:pre-line;margin-top:.42rem}.roman[hidden]{display:none}.placeholder{padding:1.25rem;background:#fff8e9;border:1px dashed #d8c18c;color:#625030;line-height:1.6}.lyrics-footer{margin-top:3rem;padding-top:1rem;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:1rem;font-size:.8rem;color:var(--muted)}.lyrics-footer a,footer a{color:inherit}.library{max-width:1160px;margin:0 auto 4rem;padding:2.5rem 1rem;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:3rem}.library h2{font-size:2.3rem;line-height:1;margin:0}.library>p{margin:0;line-height:1.7;color:var(--muted)}code{font:500 .85em "DM Mono",monospace;background:#ebe5db;padding:.15em .25em}footer{border-top:1px solid rgba(29,37,37,.12);padding:1.5rem clamp(1rem,4vw,4.5rem);display:flex;justify-content:space-between;gap:1rem;font-size:.8rem;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:700px){.site-header{height:65px;grid-template-columns:1fr auto}.header-title{display:none}.brand-yb span:last-child{display:none}.app-layout{grid-template-columns:1fr;margin-top:2.5rem}.programme-panel{order:2}.lyrics-panel{min-height:500px}.library{grid-template-columns:1fr;gap:1.25rem}.controls{gap:.3rem}.icon-button{padding:.7rem .55rem}.welcome{padding-top:5rem}.brand-qhc span:first-child{display:none}}@media print{.site-header,.welcome,.controls,.programme-panel,.library,footer{display:none}.app-layout{display:block;margin:0;padding:0}.lyrics-panel{box-shadow:none;padding:0}.roman{display:block!important}}