:root{color-scheme:dark;--floor: #04111f;--deep: #082743;--ocean: #0f4c81;--lit: #5ec8e6;--surface: #e6f7ff;--ink: #7fa6bf;--ink-dim: rgba(127, 166, 191, .7);--line: rgba(127, 166, 191, .22);--gutter: 16px;--sans: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--floor);color:var(--surface);overflow:hidden;overscroll-behavior:none}body{font:400 13px/1.4 var(--sans);letter-spacing:.01em;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.sw{position:relative;width:100%;height:100vh;height:100svh;overflow:hidden}.sw__stage{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}.sw__camera{position:fixed;left:0;top:0;width:2px;height:2px;opacity:0;pointer-events:none}[hidden]{display:none!important}.entry{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) max(var(--gutter),env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(var(--gutter),env(safe-area-inset-left));background:#04111fdb;text-align:center;transition:opacity 1.6s ease,visibility 0s linear 0s}.entry.is-gone{opacity:0;visibility:hidden;pointer-events:none;transition:opacity 1.6s ease,visibility 0s linear 1.6s}.entry__inner{display:flex;flex-direction:column;align-items:center;max-width:340px}.entry__title{margin:0 -.42em 0 0;font:300 22px/1.2 var(--sans);letter-spacing:.42em;color:var(--surface)}.entry__line{margin:14px 0 0;font:400 14px/1.4 var(--sans);letter-spacing:.08em;color:var(--ink)}.entry__enter{margin-top:44px;min-width:132px;min-height:48px;padding:0 28px;border:1px solid rgba(127,166,191,.45);border-radius:24px;background:transparent;color:var(--surface);font:400 14px/1 var(--sans);letter-spacing:.24em;text-indent:.24em;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .3s ease,color .3s ease,opacity .3s ease}.entry__enter:hover{border-color:var(--lit)}.entry__enter:focus-visible{outline:1px solid var(--lit);outline-offset:3px}.entry__enter:disabled{opacity:.35;cursor:default}.entry__status{height:34px;margin-top:14px;display:flex;flex-direction:column;align-items:center}.entry__bar{display:block;width:132px;height:1px;background:var(--line);overflow:hidden;opacity:0;transition:opacity .4s ease}.entry.is-loading .entry__bar{opacity:1}.entry__fill{display:block;height:100%;background:var(--lit);transform-origin:left center;transform:scaleX(0);transition:transform .25s linear}.entry__fill.is-indeterminate{animation:sw-breathe 2.4s ease-in-out infinite}@keyframes sw-breathe{50%{opacity:.35}}.entry__error{margin:0;font:400 13px/1.4 var(--sans);color:var(--ink)}.entry__note{margin:28px 0 0;font:400 12px/1.55 var(--sans);letter-spacing:.04em;color:var(--ink)}.entry__hint{margin:4px 0 0;font:400 11px/1.4 var(--sans);letter-spacing:.12em;color:var(--ink-dim)}.lyrics{position:absolute;left:max(var(--gutter),env(safe-area-inset-left));right:max(var(--gutter),env(safe-area-inset-right));bottom:max(84px,calc(env(safe-area-inset-bottom) + 76px));height:3em;pointer-events:none;font:400 15px/1.4 var(--sans);letter-spacing:.04em;text-align:center}.lyrics__line{position:absolute;left:0;right:0;bottom:0;margin:0;color:var(--surface);opacity:0;text-shadow:0 0 10px rgba(4,17,31,.95),0 0 2px rgba(4,17,31,.9);transform:translateY(4px);transition:opacity .7s ease,transform .9s ease}.lyrics__line.is-on{opacity:.9;transform:none}@media (prefers-reduced-motion: reduce){.lyrics__line{transform:none;transition:opacity .4s linear}}[data-mode=bare] .lyrics{display:none}[data-mode=debug] .lyrics{bottom:132px}.veil{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--floor);opacity:0;pointer-events:none;transition:opacity .65s ease}.veil.is-on{opacity:1}.player{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:center;padding-bottom:max(20px,calc(env(safe-area-inset-bottom) + 8px));pointer-events:none;transition:opacity .8s ease}.player.is-hidden{opacity:0}.player.is-hidden .player__btn{pointer-events:none}.player__btn{pointer-events:auto;width:52px;height:52px;display:grid;place-items:center;padding:0;border:1px solid rgba(127,166,191,.35);border-radius:50%;background:#04111f8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--surface);cursor:pointer;-webkit-tap-highlight-color:transparent}.player__btn:focus-visible{outline:1px solid var(--lit);outline-offset:3px}.icon{grid-area:1 / 1;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;display:none}.icon--play{fill:currentColor;stroke-width:1}.player[data-state=playing] .icon--pause{display:block}.player:not([data-state=playing]):not([data-state=ended]) .icon--play{display:block}.player[data-state=ended] .icon--replay{display:block}@media (prefers-reduced-motion: reduce){.entry,.entry.is-gone{transition-duration:.4s,0s}.entry.is-gone{transition-delay:0s,.4s}.veil{transition-duration:.25s}.entry__fill.is-indeterminate{animation:none}}.hud{position:absolute;top:0;left:0;margin:0;padding:max(10px,env(safe-area-inset-top)) max(var(--gutter),env(safe-area-inset-right)) 8px max(var(--gutter),env(safe-area-inset-left));font:400 11px/1.45 var(--mono);color:var(--ink);background:#04111fb8;pointer-events:none;white-space:pre;font-variant-numeric:tabular-nums}.controls{position:absolute;left:0;right:0;bottom:0;padding:10px max(var(--gutter),env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(var(--gutter),env(safe-area-inset-left));background:linear-gradient(to top,#04111feb 55%,#04111f00)}.scrub{position:relative}.scrub__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;height:44px;margin:0;background:transparent;cursor:pointer;touch-action:pan-y}.scrub__input::-webkit-slider-runnable-track{height:2px;background:var(--line);border-radius:1px}.scrub__input::-moz-range-track{height:2px;background:var(--line)}.scrub__input::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-10px;border-radius:50%;background:var(--surface);border:6px solid var(--deep);box-shadow:0 0 0 1px var(--ink)}.scrub__input::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--surface);border:6px solid var(--deep);box-shadow:0 0 0 1px var(--ink)}.scrub__input:focus-visible{outline:1px solid var(--lit);outline-offset:2px}.scrub__ticks{position:relative;height:12px;margin:-6px 11px 0}.scrub__tick{position:absolute;top:0;width:1px;height:8px;background:var(--line)}.scrub__tick--on{background:var(--lit)}.buttons{display:flex;gap:8px;margin-top:8px}.btn{min-width:44px;min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:22px;background:#082743b3;color:var(--ink);font:500 13px/1 var(--sans);letter-spacing:.04em;cursor:pointer;-webkit-tap-highlight-color:transparent}.btn[aria-pressed=true]{color:var(--floor);background:var(--surface);border-color:var(--surface)}.btn:focus-visible{outline:1px solid var(--lit);outline-offset:2px}.btn--play{min-width:76px}@media (min-width: 900px){:root{--gutter: 28px}.controls{padding-top:16px}.controls>*{max-width:760px;margin-left:auto;margin-right:auto}}