:root{--ink: #1f1714;--muted: #6d5850;--paper: #f7f1e6;--card: #fffdf8;--accent: #6d1c2a;--accent-dark: #54141f;--gold: #c4a35a;--line: #e6d8c4;--page-pad: max(16px, env(safe-area-inset-left));--page-pad-right: max(16px, env(safe-area-inset-right));--page-pad-top: max(12px, env(safe-area-inset-top));--page-pad-bottom: max(24px, env(safe-area-inset-bottom));--page-max: 760px}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}html{-webkit-text-size-adjust:100%}body{font-family:Figtree,system-ui,sans-serif;background:var(--paper);color:var(--ink);overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page{width:min(var(--page-max),100%);margin:0 auto;padding:var(--page-pad-top) var(--page-pad-right) var(--page-pad-bottom) var(--page-pad)}.hero{display:grid;justify-items:center;text-align:center;gap:14px;margin-bottom:20px}.hero-icon{width:72px;height:72px;border-radius:18px;box-shadow:0 10px 24px #6d1c2a38}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700;color:var(--muted);margin:0 0 8px}.hero h1,.reader-top h1,.lyrics h2{font-family:"Source Serif 4",Georgia,serif;font-weight:600;line-height:1.15;margin:0}.hero h1{font-size:clamp(1.8rem,8vw,2.8rem)}.hero-sub{margin:8px 0 0;color:var(--muted)}.search-bar input{width:100%;min-height:48px;border:1px solid var(--line);border-radius:14px;background:var(--card);padding:12px 16px;font:inherit;color:var(--ink)}.search-bar input:focus{outline:2px solid var(--accent);outline-offset:1px}.toolbar{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 8px}.segmented{display:flex;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:3px}.segmented button{border:0;background:transparent;min-height:36px;padding:0 14px;border-radius:999px;font:inherit;font-weight:600;color:var(--muted);cursor:pointer}.segmented button.active{background:var(--accent);color:#fff}.result-count,.empty{color:var(--muted);font-size:13px;margin:4px 0 12px}.song-list{display:grid;gap:8px}.song-card{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 14px;text-decoration:none;min-height:64px}.song-num{flex:0 0 auto;font-size:12px;font-weight:700;color:#fff;background:var(--accent);min-width:44px;height:36px;padding:0 8px;border-radius:999px;display:grid;place-items:center}.song-copy{display:grid;gap:2px;min-width:0}.song-card strong{font-size:.98rem;line-height:1.3}.song-meta,.english-title,.credits{color:var(--muted);font-size:13px;font-style:italic}.reader-top{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--paper) 92%,white);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:calc(var(--page-pad-top) * -1) calc(var(--page-pad-right) * -1) 16px calc(var(--page-pad) * -1);padding:var(--page-pad-top) var(--page-pad-right) 12px var(--page-pad);border-bottom:1px solid var(--line)}.back{display:inline-flex;align-items:center;min-height:44px;margin-bottom:4px;color:var(--accent-dark);text-decoration:none;font-weight:600}.reader-top h1{font-size:clamp(1.35rem,6vw,2.1rem)}.reader-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.reader-actions button{min-height:40px;border-radius:999px;border:1px solid var(--accent);background:transparent;color:var(--accent-dark);font-weight:700;padding:0 14px;cursor:pointer}.reader-actions button[aria-pressed=true]{background:var(--accent);color:#fff}.lyrics{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px 18px 28px;text-align:center}.lyrics h2{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin:1.4em 0 .7em}.lyrics section:first-child h2{margin-top:0}.lyrics p{font-family:"Source Serif 4",Georgia,serif;margin:0 0 .35em;line-height:1.55}.lyrics .chorus{background:#f3ece3;border-radius:12px;padding:8px 10px 12px;margin:12px 0}.video{margin-top:18px;border-radius:16px;overflow:hidden;aspect-ratio:16 / 9;background:#000}.video iframe{width:100%;height:100%;border:0}.pager{display:flex;justify-content:space-between;gap:12px;margin-top:18px}.pager a{min-height:44px;display:inline-flex;align-items:center;font-weight:700;color:var(--accent-dark);text-decoration:none}.install-chip{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:30;border:0;border-radius:999px;background:var(--accent);color:#fff;font-weight:700;min-height:44px;padding:10px 16px;box-shadow:0 10px 24px #6d1c2a47}.install-overlay{position:fixed;inset:0;z-index:40;background:#1c161273;display:grid;align-items:end;padding:16px;padding-bottom:max(16px,env(safe-area-inset-bottom))}.install-sheet{width:min(420px,100%);margin:0 auto;background:var(--card);border-radius:20px;padding:22px 20px 18px;text-align:center;box-shadow:0 18px 40px #1c161247}.install-icon{width:64px;height:64px;margin:0 auto 12px;border-radius:16px}.install-sheet h2{font-family:"Source Serif 4",Georgia,serif;font-size:1.35rem;margin:0 0 8px}.install-sheet p{margin:0 0 18px;color:var(--muted);line-height:1.45}.install-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.install-later,.install-go{min-height:44px;border-radius:12px;font-weight:700;cursor:pointer}.install-later{border:1px solid var(--line);background:transparent;color:var(--ink)}.install-go{border:0;background:var(--accent);color:#fff}.install-go:disabled{opacity:.6}@media(min-width:640px){.hero{grid-template-columns:88px 1fr;justify-items:start;text-align:left;align-items:center}.lyrics{padding:32px 36px 40px}}