@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;600&display=swap";:root{font-family:IBM Plex Mono,ui-monospace,monospace;line-height:1.4;font-weight:400;color-scheme:dark;color:#fff;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--app-height: 100%}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:var(--app-height);overflow:hidden;background:#000}@supports (height: 100svh){:root{--app-height: 100svh}}@supports (height: 100dvh){:root{--app-height: 100dvh}}body{-ms-overflow-style:none;scrollbar-width:none}body::-webkit-scrollbar{display:none}::selection{background:#ffffff26;color:#fff}button{font-family:inherit}button:focus{outline:none}.hud-root{z-index:2000;position:fixed;inset:0}.hud-root.hud-hidden{opacity:0;pointer-events:none}.hud-mobile-shell{position:relative;width:100%;height:100%}#root canvas{position:fixed;inset:0;z-index:0!important;pointer-events:none}.intro-shell{position:fixed;inset:0;background:#050505;z-index:3000;display:grid;place-items:center;color:#f3f3f3;cursor:default;overflow:hidden}.intro-frame{position:relative;display:grid;gap:16px;text-align:center;transition:opacity .4s ease}.intro-name{font-size:clamp(28px,6vw,64px);letter-spacing:.35em;text-transform:uppercase;font-weight:600;animation:intro-rise .6s ease-out .1s both}.intro-meta{font-size:11px;letter-spacing:.3em;text-transform:uppercase;opacity:.6}.intro-enter{margin-top:18px;padding:10px 22px;border:1px solid rgba(243,243,243,.5);background:transparent;color:#f3f3f3;font-size:11px;letter-spacing:.4em;text-transform:uppercase;cursor:pointer;transition:background .2s ease,transform .2s ease;animation:intro-rise .6s ease-out .35s both}.intro-enter:hover{background:#f3f3f314;transform:translateY(-1px)}.intro-terminal{position:absolute;left:50%;top:50%;width:min(520px,82vw);transform:translate(-50%,-50%) perspective(900px) rotateX(14deg);border-radius:18px;background:linear-gradient(135deg,#ffffff0f,#000000b3);border:1px solid rgba(243,243,243,.2);box-shadow:0 30px 80px #000000b3;overflow:hidden;animation:intro-terminal-rise .6s ease-out both,intro-terminal-zoom .6s ease-in-out 1.9s both}.intro-terminal-bar{display:flex;gap:8px;padding:10px 16px;background:linear-gradient(90deg,#f3f3f314,#0000)}.intro-terminal-bar span{width:10px;height:10px;border-radius:50%;background:#f3f3f373}.intro-terminal-body{padding:18px 20px 22px;font-size:12px;letter-spacing:.08em;text-transform:lowercase;color:#f3f3f3d9}.intro-terminal-line{opacity:0;animation:intro-type .9s ease forwards}.intro-terminal-line:nth-child(1){animation-delay:.1s}.intro-terminal-line:nth-child(2){animation-delay:.4s}.intro-terminal-line:nth-child(3){animation-delay:.7s}.intro-terminal-line:nth-child(4){animation-delay:1s}.intro-terminal-line:nth-child(5){animation-delay:1.3s}.intro-terminal-success{color:#4ade80}@keyframes intro-rise{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes intro-terminal-rise{0%{opacity:0;transform:translate(-50%,-50%) perspective(900px) rotateX(18deg) translateY(20px)}to{opacity:1;transform:translate(-50%,-50%) perspective(900px) rotateX(14deg) translateY(0)}}@keyframes intro-terminal-zoom{0%{transform:translate(-50%,-50%) perspective(900px) rotateX(14deg) scale(1)}to{transform:translate(-50%,-50%) perspective(900px) rotateX(10deg) scale(1.04)}}@keyframes intro-type{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:720px){.intro-name{letter-spacing:.25em}.intro-terminal{width:min(88vw,520px)}}.intro-shell.is-booting .intro-frame{opacity:0;pointer-events:none}.track-sidebar{position:absolute;top:80px;left:20px;width:min(260px,70vw);max-height:calc(100vh - 220px);padding:16px 14px;border:1px solid rgba(255,255,255,.12);background:#050505b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:IBM Plex Mono,ui-monospace,monospace;text-transform:uppercase;letter-spacing:.1em;pointer-events:auto;overflow:hidden}.track-sidebar-title{font-size:9px;opacity:.5;margin-bottom:12px}.track-sidebar-section{margin-bottom:18px}.track-sidebar-folder{font-size:10px;opacity:.7;margin-bottom:8px}.track-sidebar-list{display:grid;gap:6px;max-height:200px;overflow-y:auto;padding-right:4px}.track-sidebar-list::-webkit-scrollbar{width:4px}.track-sidebar-list::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:999px}.track-sidebar-item{display:grid;grid-template-columns:48px 1fr;gap:8px;align-items:center;background:transparent;border:1px solid transparent;color:#ffffffa6;font-size:10px;padding:6px 8px;text-align:left;cursor:pointer}.track-sidebar-item:hover{color:#fff;border-color:#ffffff2e}.track-sidebar-item.is-active{border-color:#ffffff73;color:#fff;background:#ffffff14}.track-sidebar-empty{font-size:9px;opacity:.35;padding:6px 8px}.hud-play-button{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px;letter-spacing:.2em;text-transform:uppercase;background:#f3f3f314;border:1px solid rgba(243,243,243,.4);color:#f3f3f3;padding:12px 28px;cursor:pointer}.hud-play-button:hover{background:#f3f3f329}.hud-transport{display:flex;align-items:center;gap:6px;padding:4px;border:1px solid rgba(255,255,255,.14);background:#050505b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hud-transport-nudge{min-width:42px;padding:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:#ffffffb8;font-size:10px;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:background .16s ease,color .16s ease,border-color .16s ease}.hud-transport-nudge:hover{color:#fff;border-color:#ffffff38;background:#ffffff14}.hud-progress-shell{position:relative;margin-bottom:22px;padding-top:2px}.hud-progress-track{width:100%;height:2px;background:#ffffff1a}.hud-progress-fill{height:100%;background:#fff;transition:width .08s linear}.hud-progress-input{position:absolute;inset:-10px 0 auto;width:100%;height:24px;background:transparent;appearance:none;cursor:ew-resize}.hud-progress-input::-webkit-slider-runnable-track{height:2px;background:transparent}.hud-progress-input::-webkit-slider-thumb{appearance:none;width:8px;height:8px;border-radius:50%;margin-top:-3px;border:1px solid rgba(255,255,255,.9);background:#000;opacity:0;transition:opacity .12s ease}.hud-progress-shell:hover .hud-progress-input::-webkit-slider-thumb,.hud-progress-input:focus-visible::-webkit-slider-thumb{opacity:1}.hud-progress-input::-moz-range-track{height:2px;background:transparent}.hud-progress-input::-moz-range-thumb{width:8px;height:8px;border-radius:50%;border:1px solid rgba(255,255,255,.9);background:#000;opacity:0;transition:opacity .12s ease}.hud-progress-shell:hover .hud-progress-input::-moz-range-thumb,.hud-progress-input:focus-visible::-moz-range-thumb{opacity:1}.hud-progress-meta{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:8px;letter-spacing:.18em;color:#ffffff75}@media(max-width:720px){.hud-mobile-shell{pointer-events:auto;overflow-y:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:y mandatory;padding:env(safe-area-inset-top) 14px env(safe-area-inset-bottom)}.hud-toggle{position:fixed!important;top:auto!important;left:auto!important;right:14px;bottom:calc(env(safe-area-inset-bottom) + 14px);margin:0;z-index:12;background:#000000e0!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hud-main{padding-bottom:74px}.hud-topbar{position:static!important;flex-wrap:wrap;justify-content:flex-start;gap:8px;margin-bottom:12px;scroll-snap-align:start;scroll-snap-stop:always}.hud-color-panel{position:static!important;width:100%!important;margin:8px 0 12px}.track-sidebar{position:static;width:100%;max-height:46svh;margin-top:6px;scroll-snap-align:start;scroll-snap-stop:always}.track-sidebar-list{max-height:28svh;-webkit-overflow-scrolling:touch}.hud-bottom{position:static!important;padding:18px 0 8px!important;scroll-snap-align:start;scroll-snap-stop:always}.hud-bottom-row{flex-direction:column;align-items:stretch;gap:16px}.hud-track-info{flex:none}.hud-controls{justify-content:space-between;width:100%;padding-bottom:0;flex-wrap:wrap;gap:10px}.hud-transport{width:100%;justify-content:space-between}.hud-play-button{flex:1;text-align:center}.hud-counter{text-align:left}}