.song.svelte-135hcu6{max-width:46rem;min-height:100dvh;padding:.6rem 1.25rem calc(1.5rem + env(safe-area-inset-bottom));margin:0 auto}.top.svelte-135hcu6{border-bottom:1px solid var(--line);align-items:center;gap:.65rem;margin-bottom:.75rem;padding-bottom:.6rem;display:flex}.back.svelte-135hcu6{width:2.4rem;height:2.4rem;color:var(--ink-muted);transition:background var(--fast) var(--ease-out), color var(--fast) var(--ease-out);border-radius:50%;flex:none;justify-content:center;align-items:center;margin-left:-.4rem;display:inline-flex}.back.svelte-135hcu6:hover{background:var(--surface-alt);color:var(--accent-ink)}.kind.svelte-135hcu6{background:var(--surface-alt);width:2.2rem;height:2.2rem;color:var(--ink-muted);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.title.svelte-135hcu6{flex:1;min-width:0}.where.svelte-135hcu6{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);margin:0;font-size:.72rem;font-weight:700}h1.svelte-135hcu6{font-size:var(--step-1);margin:.05rem 0 0;line-height:1.2}.tagline.svelte-135hcu6{color:var(--ink-muted);margin:0 0 1rem}.player.svelte-135hcu6{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);align-items:center;gap:.9rem;margin-bottom:1.5rem;padding:.75rem 1rem;display:flex}.play.svelte-135hcu6{background:var(--accent);color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;width:3.2rem;height:3.2rem;transition:transform var(--fast) var(--ease-out), background var(--fast) var(--ease-out);border:0;border-radius:50%;flex:none;place-items:center;display:grid}.play.svelte-135hcu6:hover{background:var(--accent-ink)}.play.svelte-135hcu6:active{transform:scale(.94)}.track.svelte-135hcu6{flex-direction:column;flex:1;min-width:0;display:flex}.scrub.svelte-135hcu6{--fill:0%;appearance:none;cursor:pointer;touch-action:pan-y;background:0 0;width:100%;height:2.25rem;margin:0}.scrub.svelte-135hcu6:disabled{cursor:default;opacity:.6}.scrub.svelte-135hcu6::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--fill), var(--surface-alt) var(--fill));border-radius:999px;height:.4rem}.scrub.svelte-135hcu6::-moz-range-track{background:var(--surface-alt);border-radius:999px;height:.4rem}.scrub.svelte-135hcu6::-moz-range-progress{background:var(--accent);border-radius:999px;height:.4rem}.scrub.svelte-135hcu6::-webkit-slider-thumb{-webkit-appearance:none;background:var(--surface);border:2px solid var(--accent);border-radius:50%;width:1.25rem;height:1.25rem;margin-top:-.425rem;box-shadow:0 1px 3px #0003}.scrub.svelte-135hcu6::-moz-range-thumb{background:var(--surface);border:2px solid var(--accent);border-radius:50%;width:1.25rem;height:1.25rem;box-shadow:0 1px 3px #0003}.scrub.svelte-135hcu6:focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px}.times.svelte-135hcu6{font-size:var(--step--1);color:var(--ink-muted);justify-content:space-between;margin-top:-.2rem;display:flex}@media (width<=36rem){.song.svelte-135hcu6{padding:.4rem .85rem calc(6.5rem + env(safe-area-inset-bottom))}.top.svelte-135hcu6{gap:.45rem;margin-bottom:.55rem;padding-bottom:.45rem}.top.svelte-135hcu6>.kind:where(.svelte-135hcu6){display:none}h1.svelte-135hcu6{font-size:var(--step-0)}.player.svelte-135hcu6{left:.6rem;right:.6rem;bottom:calc(.6rem + env(safe-area-inset-bottom));z-index:5;margin:0;padding:.6rem .9rem;position:fixed;box-shadow:0 6px 24px #00000024}.play.svelte-135hcu6{width:3rem;height:3rem}}.teaches.svelte-135hcu6 ul:where(.svelte-135hcu6){flex-wrap:wrap;gap:.4rem;margin:0 0 1.5rem;padding:0;list-style:none;display:flex}.teaches.svelte-135hcu6 li:where(.svelte-135hcu6){border:1px solid var(--line-strong);border-radius:999px;padding:.25rem .7rem;font-size:.9rem}.lyrics.svelte-135hcu6 h2:where(.svelte-135hcu6){margin:1.5rem 0 .2rem;font-size:1.05rem}.note.svelte-135hcu6{color:var(--ink-muted);margin:0 0 .5rem;font-size:.9rem;font-style:italic}.lines.svelte-135hcu6{margin:0;padding:0;list-style:none}.lines.svelte-135hcu6 li:where(.svelte-135hcu6){padding:.15rem 0;line-height:1.5}.lines.svelte-135hcu6 li.de:where(.svelte-135hcu6) .text:where(.svelte-135hcu6){font-weight:600}.gloss.svelte-135hcu6{color:var(--ink-muted);font-style:italic;font-weight:400}.done.svelte-135hcu6{flex-direction:column;gap:.75rem;margin-top:2rem;display:flex}.done.svelte-135hcu6 label:where(.svelte-135hcu6){align-items:center;gap:.6rem;display:flex}.back-link.svelte-135hcu6{align-self:flex-start}