:root{color-scheme:light;--paper:#fffdf8;--cream:#f8f3ea;--ink:#322d26;--muted:#746a5e;--accent:#853c29;--line:#e4d9c9;--lyrics-size:24px}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
[hidden]{display:none!important}button,input,a,summary{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,summary{cursor:pointer}button{min-height:44px;border:1px solid var(--line);border-radius:12px;padding:10px 14px;background:var(--paper);color:var(--ink);font-weight:600}button:disabled{opacity:.45;cursor:default}a{color:inherit}button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:white}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #986812;outline-offset:3px}.site-header{border-bottom:1px solid var(--line);padding:18px 16px;background:var(--paper)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:700;font-size:17px;max-width:1100px;margin:auto}.brand-mark{font-family:serif;font-size:31px;color:var(--accent);border-right:1px solid var(--line);padding-right:12px}.brand small{display:block;font-weight:400;font-size:11px;margin-top:4px;color:var(--muted)}main{max-width:1100px;margin:auto;padding:0 16px}.welcome{padding:26px 0 18px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--accent);line-height:1.7}.welcome h1{font-family:Georgia,serif;font-size:32px;line-height:1.17;font-weight:400;margin:10px 0 22px}.welcome em{color:var(--accent);font-weight:400}.search-wrap{display:flex;align-items:center;gap:10px;padding:0 14px;background:var(--paper);border:1px solid #cbbda9;border-radius:14px}.search-wrap span{font-size:28px;color:var(--accent)}input{min-width:0;font-size:16px;min-height:52px}.search-wrap input{width:100%;border:0;background:none;color:var(--ink);outline-offset:0}nav.library-nav,.filters{display:flex;gap:8px;overflow-x:auto;padding:3px 1px 9px;scrollbar-width:thin}.library-nav button,.filters button{flex-shrink:0;font-size:13px}.library-nav{border-bottom:1px solid var(--line)}#favoriteCount{margin-left:4px}section{margin-bottom:24px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:20px 0 12px}h2{font-family:Georgia,serif;font-weight:400;font-size:23px;margin:0}.muted{color:var(--muted);font-size:12px;line-height:1.6}.section-heading .muted{font-size:10px}.categories{display:grid;grid-template-rows:repeat(2,1fr);grid-auto-flow:column;grid-auto-columns:136px;gap:8px;overflow-x:auto;padding:3px 1px 10px;scrollbar-width:thin}.category{display:flex;gap:8px;align-items:center;font-size:12px;text-align:left;padding:10px}.category .icon{font-size:20px}.filters button{border-radius:24px;font-weight:500}.text-button{border:0;background:transparent;color:var(--accent);font-size:12px}.cards{display:grid;gap:10px}.card{display:flex;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:hidden}.card-main{flex:1;text-align:left;min-width:0;border:0;border-radius:0;padding:17px;background:none}.card-main .meta{font-size:10px;color:var(--accent);font-weight:600;letter-spacing:.4px}.card h3{font-size:16px;line-height:1.45;font-weight:600;margin:7px 0 4px}.hindi-title{font-size:13px;color:var(--muted);font-weight:400;line-height:1.7}.heart{flex:0 0 44px;margin-right:8px;padding:8px;border:0;font-size:23px;background:none;color:var(--accent)}.heart[aria-pressed=true]{background:#f4e7dc;color:var(--accent)}.empty{padding:28px 18px;border:1px dashed #cbbda9;border-radius:14px;line-height:1.7;background:var(--paper);font-size:14px}.empty p{margin:4px 0}footer{text-align:center;padding:22px 0 32px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;line-height:2}footer small{font-size:10px}
#reader{max-width:780px;margin:auto;padding-bottom:32px;min-height:100svh}.reader-top{display:flex;justify-content:space-between;gap:12px;padding:12px 0}.reader-top button{font-size:13px}.reader-heading{padding:10px 0 4px}.reader-heading h1{font-family:Georgia,serif;font-weight:400;font-size:29px;line-height:1.3;margin:10px 0}.reader-heading>p:last-child{color:var(--muted);font-size:17px;line-height:1.8;margin:10px 0}.reader-controls{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;gap:8px;background:var(--cream);padding:10px 0;border-bottom:1px solid var(--line)}.language-toggle,.font-controls{display:flex;gap:4px}.language-toggle{padding:3px;background:#ede4d7;border-radius:14px}.language-toggle button{border:0;background:transparent;padding:8px 15px}.language-toggle button[aria-pressed=true]{background:var(--accent)}.font-controls{align-items:center}.font-controls button{font-size:17px;min-width:44px;padding:8px}.reader-actions{display:flex;gap:8px}.reader-actions button{font-size:13px}.lyrics-text{font-family:"Nirmala UI","Kohinoor Devanagari","Noto Sans Devanagari",system-ui,sans-serif;font-size:var(--lyrics-size);line-height:1.95;white-space:pre-wrap;overflow-wrap:anywhere;padding:24px 0 32px}.lyrics-text[lang=en]{line-height:1.8}.source-details{border-top:1px solid var(--line);font-size:13px;line-height:1.8;color:var(--muted)}summary{min-height:44px;padding:14px 0}.reader-pagination{display:flex;justify-content:space-between;gap:10px;margin-top:20px}.reader-pagination button{flex:1;font-size:12px}.reading .site-header{display:none}.singing .reader-heading>p,.singing .reader-actions,.singing .source-details,.singing #languageNote{display:none}.singing .reader-heading h1{font-size:20px;margin:4px 0 8px}.singing .reader-top{padding:8px 0}.singing .lyrics-text{padding-top:20px}.notice{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);width:max-content;background:var(--ink);color:white;padding:12px 18px;border-radius:12px;z-index:10;font-size:13px}.skip{position:absolute;top:-100px;z-index:20;background:white;padding:12px}.skip:focus{top:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}dialog{max-width:calc(100% - 32px);width:440px;border:1px solid var(--line);border-radius:16px;padding:24px;background:var(--paper)}dialog::backdrop{background:#322d2666}dialog input{display:block;width:100%;margin:12px 0;border:1px solid var(--line);padding:8px}dialog label{display:block;margin-top:20px}
@media(min-width:768px){main{padding:0 32px}.site-header{padding:20px 32px}.welcome{padding:36px 0 20px}.welcome h1{font-size:44px}.search-wrap{max-width:680px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.categories{grid-auto-columns:166px}.category{font-size:14px}.reader-heading h1{font-size:36px}.lyrics-text{padding-top:32px}.brand{font-size:20px}.brand small{font-size:12px}}
@media(min-width:1100px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.categories{grid-template-columns:repeat(6,1fr);grid-auto-flow:row}.section-heading .muted{display:none}}
@media(prefers-reduced-motion:no-preference){button{transition:background-color .15s}}
.singing .reader-top{position:sticky;top:0;z-index:3;background:var(--cream)}.singing .reader-controls{top:60px}@media(max-width:767px){.welcome{padding-top:16px;margin-bottom:10px}.welcome h1{font-size:28px;margin-bottom:18px}section{margin-bottom:18px}}