.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}#ptr{position:fixed;top:calc(max(var(--safe-t, 0px),env(safe-area-inset-top,0px)) + 6px);left:50%;transform:translate(-50%,-46px);width:34px;height:34px;border-radius:50%;background:var(--raised);border:1px solid var(--line);display:grid;place-items:center;z-index:60;opacity:0;pointer-events:none}#ptr.visible{opacity:1}.ptr-spin{width:15px;height:15px;border-radius:50%;border:2px solid var(--honey-lo);border-top-color:var(--honey)}#ptr.spinning .ptr-spin{animation:ptr-rot .7s linear infinite}@keyframes ptr-rot{to{transform:rotate(360deg)}}#install[hidden]{display:none}#install{position:fixed;left:50%;z-index:60;bottom:calc(max(var(--safe-b, 0px),env(safe-area-inset-bottom,0px)) + 14px);transform:translate(-50%,140%);display:flex;align-items:center;gap:.6rem;background:var(--raised);border:1px solid var(--line);border-radius:999px;padding:.45rem .55rem .45rem .6rem;box-shadow:0 10px 30px #00000080;transition:transform .22s cubic-bezier(.2,.8,.2,1);max-width:calc(100vw - 2rem)}#install.up{transform:translate(-50%)}#install .ip-icon{display:flex}#install img{border-radius:6px;display:block}#install .ip-text{font-size:.84rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#install button{font:inherit;cursor:pointer;border-radius:999px;flex:none;min-height:2rem;padding:0 .85rem;border:0;background:var(--honey);color:var(--ground);font-weight:600;font-size:.82rem}#install #install-no{background:none;color:var(--muted);padding:0 .5rem;font-size:.9rem}@media(prefers-reduced-motion:reduce){#install{transition:none}#ptr.spinning .ptr-spin{animation:none}}:root{--ground: #0d0b10;--surface: #17131c;--raised: #221c29;--raised-hi: #2a2333;--row: #141119;--row-hi: #1d1826;--line: #2f2738;--muted: #6e6478;--dim: #b9afc2;--text: #ede7f2;--honey: #e4a951;--honey-lo: #8d6730;--hot: #ef4b3c;--hot-lo: #8f2c22;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--tap: 2.75rem;--genre-l: .78;--genre-c: .085}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{color-scheme:dark}body{margin:0;background:var(--ground);color:var(--text);font-family:var(--sans);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit}:focus-visible{outline:2px solid var(--honey);outline-offset:2px}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.mono{font-family:var(--mono)}.num{font-variant-numeric:tabular-nums}.lbl{font-family:var(--mono);font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin:1.5rem 0 .5rem;display:flex;justify-content:space-between;gap:1rem}.lbl span{color:var(--honey-lo);letter-spacing:.08em;text-align:right}.resume{display:inline-flex;align-items:center;gap:.55rem;margin-top:.9rem;padding:.5rem .9rem;min-height:var(--tap);border:1px solid var(--honey-lo);border-radius:999px;background:color-mix(in oklab,var(--honey) 10%,transparent);text-decoration:none;max-width:100%}.resume .cap{font-family:var(--mono);font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);flex:none}.resume b{color:var(--honey);font-weight:500;font-size:.86rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eq{display:inline-flex;align-items:flex-end;gap:2px;height:.7em}.eq s{width:2px;height:100%;background:currentColor;text-decoration:none;transform-origin:50% 100%;animation:eq-bounce .9s ease-in-out infinite}.eq s:nth-child(2){animation-duration:.68s;animation-delay:.11s}.eq s:nth-child(3){animation-duration:1.12s;animation-delay:.26s}@keyframes eq-bounce{0%,to{transform:scaleY(.25)}50%{transform:scaleY(1)}}.now{font-style:normal;color:var(--honey)}.row .nm em.now-on .subtext{display:none}@media(prefers-reduced-motion:reduce){.eq s{animation:none;transform:scaleY(.6)}}.leds{display:flex;gap:2px}.leds i{width:5px;height:13px;background:#241e2b;flex:none}.leds i[data-lit]{background:var(--honey)}.leds i[data-lit][data-peak]{background:var(--hot)}@media(max-width:759px){.leds{gap:1px}.leds i{width:3px;height:11px}}.kb{text-align:center;min-width:3ch;display:inline-block;font-family:var(--mono);font-size:.72rem;color:var(--honey);border:1px solid var(--honey-lo);padding:.06rem .4rem;white-space:nowrap}.row,.out a,.sp a,a.yt,.modes a,.tag,.cue,button,.nm b{transition:background-color 90ms linear,border-color 90ms linear,color 90ms linear}@media(hover:hover){.row:hover{background:var(--row-hi)}.row:hover .ch{background:var(--honey)}p.out a:hover,p.out .sp a:hover,a.sp:hover,a.yt:hover,nav.modes a:hover,span.tag:hover{color:var(--text);border-color:var(--honey);background:color-mix(in oklab,var(--honey) 12%,transparent)}.cue:hover{border-color:var(--honey);color:var(--honey)}button:hover:not(:disabled){border-color:var(--honey);color:var(--text)}.nm:hover b{color:var(--honey)}}.genre{color:oklch(var(--genre-l) var(--genre-c) var(--h, 60))}.genre-none{color:color-mix(in oklab,var(--muted) 55%,var(--ground))}.genre:not(.tag)+.genre:not(.tag):before{content:" · ";color:var(--muted)}html,body{overscroll-behavior-y:none}:root{--nav-h: calc(3rem + var(--edge, 0px) + max(var(--safe-t, 0px), env(safe-area-inset-top, 0px)))}@media(min-width:760px){:root{--nav-h: calc(3.6rem + var(--edge, 0px) + max(var(--safe-t, 0px), env(safe-area-inset-top, 0px)))}}.nb-progress{position:fixed;left:0;top:var(--nav-h);height:2px;width:0;background:var(--honey);z-index:50;pointer-events:none;box-shadow:0 0 8px color-mix(in oklab,var(--honey) 60%,transparent);transition:width 1.4s cubic-bezier(.15,.85,.3,1)}.nb-progress[data-on]{width:72%}@media(prefers-reduced-motion:reduce){.nb-progress{transition:none}.nb-progress[data-on]{width:100%}}html[data-standalone]{--edge: 34px}@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation:none}body{min-height:100vh;min-height:100dvh}html[data-standalone]{height:100vh}html[data-standalone] body{min-height:100vh}.app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}html[data-standalone] .app{min-height:100vh}.app-scroll{flex:1}.pad{max-width:900px;margin:0 auto;width:100%;padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));padding-top:1rem;padding-bottom:calc(max(var(--safe-b, 0px),env(safe-area-inset-bottom,0px)) + 2rem)}@media(min-width:760px){.pad{padding-left:1.5rem;padding-right:1.5rem}}@media(orientation:landscape)and (max-height:500px){.nav{padding-top:calc(max(var(--safe-t, 0px),env(safe-area-inset-top,0px)) + 20px)}}