: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}}

/* Compact collection and accessible modal left navigation. */
.site-header{display:flex;align-items:center;gap:10px;padding:8px 16px}.brand{margin:0;font-size:16px;gap:8px}.brand-mark{font-size:26px;padding-right:8px}.brand small{display:none}#openMenu{font-size:21px;padding:6px 10px;min-width:44px}.search-bar{margin:12px 0 8px}.search-wrap{max-width:none;border-radius:10px}.search-wrap input{min-height:44px}.section-heading{margin:10px 0 2px}#collectionTitle{font-size:22px}#resultCount{margin:3px 0 10px}.active-filters{font-size:12px;color:var(--accent);margin:6px 0}.cards{list-style:none;padding:0;margin:0;grid-template-columns:1fr;gap:7px}.card{border-radius:10px}.card-main{display:flex;align-items:center;gap:12px;padding:11px 10px}.song-number{flex:0 0 36px;min-height:36px;display:grid;place-items:center;border-radius:9px;background:#f1e6d8;color:var(--accent);font-size:17px;font-variant-numeric:tabular-nums}.song-info{min-width:0}.card h3{font-size:15px;margin:2px 0;line-height:1.35}.card-main .meta{font-size:10px;letter-spacing:0}.hindi-title{font-size:12px;line-height:1.5}.heart{margin-right:4px}.empty{list-style:none}.reader-heading .eyebrow{letter-spacing:1px}
#libraryDrawer{inset:0 auto 0 0;margin:0;height:100dvh;max-height:100dvh;width:min(340px,90vw);max-width:90vw;border:0;border-right:1px solid var(--line);border-radius:0;padding:16px;overflow-y:auto;overscroll-behavior:contain}body:has(#libraryDrawer[open]){overflow:hidden}#libraryDrawer::backdrop{background:#322d2677}.drawer-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}.drawer-heading h2{font-size:22px}.drawer-heading button{padding:8px 12px}#libraryDrawer .library-nav{display:grid;overflow:visible;padding:0 0 14px}#libraryDrawer .library-nav button{text-align:left}#libraryDrawer section{margin:16px 0}#libraryDrawer h2{font-size:19px}#libraryDrawer .categories{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:none;grid-auto-flow:row;grid-auto-columns:auto;overflow:visible;padding:8px 0;gap:6px}#libraryDrawer .category{font-size:12px;min-height:48px;padding:8px}#libraryDrawer .category .icon{font-size:17px}#libraryDrawer .filters{flex-wrap:wrap;overflow:visible;margin-top:10px}.drawer-footer{position:sticky;bottom:-16px;background:var(--paper);padding:12px 0;display:flex;gap:8px;border-top:1px solid var(--line)}#showResults{background:var(--accent);color:white;flex:1}#drawerReset{font-size:12px}
@media(min-width:768px){.site-header{padding:10px 32px}.brand{font-size:18px}.search-bar{margin-top:18px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.card-main{padding:14px}.card h3{font-size:16px}}

/* Creator signature */
.creator-credit{display:grid;gap:8px;margin:0 auto 18px;text-align:center}.creator-label,.drawer-creator span{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:#853c29}.creator-credit strong{font-family:Georgia,serif;font-size:28px;font-weight:400;color:#853c29}.creator-note{font-size:12px;color:#776d61}.drawer-creator{display:grid;gap:7px;text-align:center;border-top:1px solid #e4dace;padding:22px 4px;margin-top:16px}.drawer-creator strong{font-family:Georgia,serif;font-size:24px;color:#853c29;font-weight:400}

#libraryDrawer #categories summary{font-family:Georgia,serif;font-size:20px;cursor:pointer;padding:12px 0}#libraryDrawer #categories[open] summary{margin-bottom:8px}#libraryDrawer .library-nav{gap:6px}#libraryDrawer .drawer-creator{padding:14px 4px;margin-top:10px}
#libraryDrawer .filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}#libraryDrawer .filters button{padding:8px 4px;font-size:12px;min-height:36px}#libraryDrawer section{margin:12px 0}#libraryDrawer .drawer-creator{padding:8px 0;margin-top:4px;gap:3px}#libraryDrawer .drawer-creator strong{font-size:18px}#libraryDrawer .drawer-creator span{font-size:8px;letter-spacing:1px}

.site-header{position:sticky;top:0;z-index:5;box-shadow:0 2px 8px #322d2608}#libraryDrawer .library-nav{grid-template-columns:repeat(2,minmax(0,1fr))}#libraryDrawer .library-nav button{text-align:center;min-width:0;padding:8px 4px;font-size:12px;white-space:normal}

#typeFilters summary{font-family:Georgia,serif;font-size:20px;padding:12px 0;cursor:pointer}#typeFilters[open]{margin-bottom:12px}