:root{--mesh-accent-color: #368f6a;--hud-panel-width: clamp(220px, 23vw, 280px);--hud-panel-gap: 16px;--waveform-height: clamp(48px, 4vw, 110px);--waveform-preview-width: clamp(260px, 22vw, 420px);--transition-fast: .18s ease-out;--transition-normal: .3s ease-in-out;--transition-slow: .6s ease-out;--transition-shadow: .22s ease;--nav-width: clamp(280px, 32vw, 420px);--nav-panel-gap: clamp(10px, 1vw, 24px);--nav-button-gap: clamp(6px, .8vw, 16px);--nav-button-padding: clamp(8px, 1vw, 16px) clamp(12px, 1.1vw, 20px);--nav-button-font: clamp(.65rem, .85vw, 1rem);--nav-card-padding: clamp(12px, 1vw, 28px);--context-menu-width: clamp(260px, 22vw, 520px);--context-menu-padding: clamp(16px, 1.4vw, 36px);--context-button-height: clamp(36px, 2.5vw, 60px);--slider-track-height: clamp(6px, .6vw, 10px)}body{margin:0;overflow:hidden;background:none;font-family:Space Grotesk,IBM Plex Sans,Share Tech Mono,sans-serif;color:var(--mesh-accent-color);letter-spacing:.01em;text-wrap:wrap;transition:filter var(--transition-slow);touch-action:pinch-zoom;overscroll-behavior:none}html{overscroll-behavior:none}body:not(.ready) #c,body:not(.ready) #nav-shell{filter:blur(18px);transition:filter var(--transition-slow)}.retro-text{font-family:Share Tech Mono,IBM Plex Mono,monospace;letter-spacing:.05em}.color-cycle{color:var(--mesh-accent-color);transition:color var(--transition-fast),border-color var(--transition-fast)}canvas{display:block}#c{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:0}#shape,#file{display:none}a{font-size:calc(1.1rem,1.3rem);color:inherit;text-decoration:none;transition:color var(--transition-fast)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important}body{scroll-behavior:auto}}#nav-shell{position:fixed;bottom:18px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:var(--nav-panel-gap, 10px);align-items:center;z-index:20;pointer-events:all;width:100%;max-width:min(95vw,760px);padding-inline:clamp(8px,2vw,24px)}#nav-shell.context-open{transform:translate(-50%) scale(.92);gap:clamp(6px,1vw,12px)}#nav-shell,#nav-bar,.nav-card,#nav-panels{touch-action:pan-y pinch-zoom}#nav-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--nav-button-gap, 8px);padding:var(--nav-button-padding);border-radius:24px;border:1px solid color-mix(in srgb,var(--mesh-accent-color) 70%,transparent);background:#040a126b;box-sizing:border-box;box-shadow:0 12px 30px #0000007a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:min(100%,clamp(320px,80vw,780px));max-width:100%}.nav-button{border:1px solid transparent;border-radius:14px;padding:var(--nav-button-padding);text-transform:uppercase;letter-spacing:.06rem;font-size:var(--nav-button-font);cursor:pointer;background:#00000047;color:inherit;display:flex;align-items:center;gap:6px;min-width:clamp(64px,13vw,160px);transition:background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast);will-change:transform,box-shadow}.nav-button .nav-icon,.mini-btn{font-size:clamp(.85rem,1vw,1.4rem);color:inherit;opacity:.8}.nav-button .nav-label{font-family:Share Tech Mono,Inter,monospace}.nav-button.active,.nav-button:hover,.nav-button:focus-visible{background:color-mix(in srgb,var(--mesh-accent-color) 20%,rgba(0,0,0,.6));color:#fff;box-shadow:0 12px 30px #00000073;transform:translateY(-4px);border-color:color-mix(in srgb,var(--mesh-accent-color) 50%,transparent)}#nav-panels{pointer-events:all;margin:0 auto;order:-1;width:min(var(--nav-width),92vw);max-width:calc(var(--nav-width) + 40px);display:flex;flex-direction:column;align-items:center;gap:14px;max-height:min(82vh,calc(100vh - 120px));overflow-y:auto;padding-bottom:10px}#waveform-preview{position:fixed;top:14px;right:14px;width:var(--waveform-preview-width);border-radius:14px;border:1px solid color-mix(in srgb,var(--mesh-accent-color) 75%,transparent);pointer-events:none;z-index:15;padding:10px;overflow:hidden;transition:border-color var(--transition-fast);will-change:border-color}#waveform-preview:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;mix-blend-mode:screen;opacity:.75}#waveform-preview>#track-info{pointer-events:all;margin-top:8px;width:100%}#waveform-preview .waveform-label{font-size:.65rem;letter-spacing:.2rem;text-transform:uppercase;margin-bottom:6px;opacity:.8}#waveform-preview canvas{width:100%;height:var(--waveform-height);display:block}.nav-card{display:none;flex-direction:column;gap:clamp(10px,1vw,18px);padding:var(--nav-card-padding);border-radius:18px;background:#02070f5c;box-shadow:0 18px 40px #00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-height:min(72vh,calc(100vh - 140px));overflow-y:auto;pointer-events:none;transform:translateY(18px);transition:transform var(--transition-normal),opacity var(--transition-normal);opacity:0;will-change:transform,opacity;width:min(var(--nav-width),94vw);max-width:var(--nav-width);box-sizing:border-box;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.nav-card.active{display:flex;opacity:1;pointer-events:all;transform:translateY(0)}#waveform{width:100%;height:var(--waveform-height);pointer-events:none;border:1px solid var(--mesh-accent-color);border-radius:4px;background:#00000059;mix-blend-mode:screen;transition:transform var(--transition-slow)}#control-panel{padding:clamp(12px,1.1vw,32px);border-radius:clamp(10px,1vw,20px);background:#02071266;box-shadow:0 10px 30px #000000a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;gap:clamp(10px,1vw,18px)}.youtube-loader{display:flex;flex-direction:column;gap:.4rem;font-size:.75rem}.youtube-row{display:flex;gap:.5rem;align-items:center}.youtube-input{flex:1;min-width:0;border-radius:12px;padding:.45rem .75rem;background:#00000059;border:1px solid color-mix(in srgb,var(--mesh-accent-color) 60%,transparent)}.youtube-input::placeholder{color:#fff9}.youtube-button{border-radius:12px;padding:.45rem .9rem;font-size:.75rem;border:1px solid color-mix(in srgb,var(--mesh-accent-color) 60%,transparent);background:#00000080;cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast)}.youtube-button:hover:not(:disabled){background:color-mix(in srgb,var(--mesh-accent-color) 25%,rgba(0,0,0,.8));transform:translateY(-1px)}.youtube-button:disabled{opacity:.45;cursor:not-allowed}.youtube-status{font-size:.7rem;min-height:1rem;color:#ffffffa6}.youtube-status[data-state=loading]{color:var(--mesh-accent-color)}.youtube-status[data-state=error]{color:#ee6c6c}.youtube-status[data-state=success]{color:#6cf1ff}.nav-card[data-panel=audio] #control-panel.compact{padding:clamp(8px,.9vw,16px);min-width:min(260px,90vw);min-height:auto;gap:clamp(6px,1vw,12px)}.nav-card[data-panel=audio] .audio-row{display:flex;align-items:center;gap:8px}.mini-btn{background:#00000059;border:1px solid transparent;padding:clamp(6px,.9vw,12px) clamp(12px,1.2vw,18px);border-radius:8px;cursor:pointer;font-family:Share Tech Mono,monospace}.nav-card[data-panel=audio] .mini-track-label{display:flex;flex-direction:column;gap:2px;min-width:120px}.mini-title{font-size:.65rem;text-transform:uppercase;opacity:.8}.mini-name{font-size:.82rem;font-family:Orbitron,monospace}.mini-progress-row{display:flex;align-items:center;gap:8px}.mini-time{font-size:.72rem;width:42px;text-align:center}.mini-volume-row{padding-top:4px}.nav-card[data-panel=project]{min-width:260px;min-height:140px}.project-body p{margin:6px 0;font-size:.9rem}.nav-card[data-panel=project]>#project-panel{width:100%;max-width:var(--nav-width, min(420px, 65vw));box-sizing:border-box;padding:clamp(10px,1.6vw,18px);border-radius:18px;background:#0308126b;border:1px solid color-mix(in srgb,var(--mesh-accent-color) 60%,transparent);box-shadow:inset 0 0 12px #0006;display:flex;flex-direction:column;gap:12px;max-height:calc(100vh - 160px);overflow-y:auto;font-size:clamp(.78rem,.95vw,.95rem);line-height:1.55}.project-separator-line{border:1px solid;border-image:var(--mesh-accent-color)}.panel-heading{margin:0;text-transform:uppercase;letter-spacing:.3rem;font-size:1rem}.control-label{text-transform:uppercase;letter-spacing:.1rem;font-size:.68rem}.slider-meta{display:flex;justify-content:space-between;font-family:Orbitron,Audiowide,monospace;letter-spacing:.1rem;font-size:.75rem}.control-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:var(--slider-track-height);border-radius:999px;background:#ffffff14;outline:none;border:1px solid rgba(255,255,255,.12);transition:border-color var(--transition-fast),background var(--transition-fast);will-change:border-color,background}.control-slider:focus-visible{border-color:var(--mesh-accent-color);background:#ffffff26}.control-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--mesh-accent-color);border:none;cursor:pointer;box-shadow:0 0 10px #0fc9}.control-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--mesh-accent-color);border:none;cursor:pointer;box-shadow:0 0 10px #0fc9}#track-progress:disabled{opacity:.45;cursor:not-allowed}#track-info{padding:5px;background:#020712e6;border:1px solid var(--mesh-accent-color);border-radius:6px;z-index:20;display:flex;flex-direction:column;box-shadow:0 10px 30px #000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#track-info .time-header{letter-spacing:.3rem;text-transform:uppercase;font-size:.65rem;margin-bottom:4px}#track-time{font-size:1.4rem;font-family:Orbitron,Audiowide,monospace;display:block;letter-spacing:.1rem}#track-slots{display:flex;flex-direction:column}.track-slot{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;letter-spacing:.15rem;text-transform:uppercase}.slot-name{font-family:Orbitron,Audiowide,monospace;font-size:.5rem;letter-spacing:.35rem;white-space:nowrap}#context-menu{position:fixed;display:flex;flex-direction:column;gap:clamp(8px,1vw,16px);width:min(var(--context-menu-width),92vw);max-width:var(--nav-width);min-width:clamp(240px,45vw,360px);min-height:60px;padding:var(--context-menu-padding);border-radius:clamp(16px,1vw,28px);border:1px solid color-mix(in srgb,var(--mesh-accent-color) 70%,transparent);background:#040a126b;box-sizing:border-box;box-shadow:0 12px 30px #0000007a;z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;visibility:hidden;pointer-events:none;transition:border-color var(--transition-fast);max-height:min(80vh,640px);overflow-y:auto;touch-action:pan-y pinch-zoom;scrollbar-width:thin;-webkit-overflow-scrolling:touch;will-change:opacity,transform}#context-menu.visible{opacity:1;visibility:visible;pointer-events:all}#context-menu.fullscreen{top:0;right:0;bottom:0;left:0;width:auto;max-width:none;height:auto;max-height:auto;padding:clamp(16px,4vw,48px) clamp(18px,5vw,40px);border-radius:0;background:#020412f2;box-shadow:none;justify-content:flex-start;overflow-y:auto;scroll-behavior:smooth}.context-close{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:#00000073;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;transition:background var(--transition-fast),transform var(--transition-fast);margin-bottom:.2rem}.context-close:hover{background:#ffffff1a;transform:translateY(-1px)}.context-close:focus-visible{outline:2px solid var(--mesh-accent-color)}.context-heading{font-size:.65rem;letter-spacing:.25rem;text-transform:uppercase}.context-row{display:flex;gap:6px}.motion-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:clamp(10px,1vw,18px)}.motion-controls{display:flex;flex-direction:column;gap:10px;padding-top:6px;border-top:1px solid rgba(255,255,255,.08)}.motion-row{display:flex;flex-direction:column;gap:4px;width:100%}.motion-column{display:flex;flex-direction:column;gap:6px}.motion-column-heading{font-size:.7rem;letter-spacing:.25rem;opacity:.9;text-transform:uppercase}.motion-label{font-size:.68rem;letter-spacing:.2rem;display:flex;justify-content:space-between;align-items:center}.motion-value{font-size:.85rem;letter-spacing:.2rem}.motion-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:var(--slider-track-height);border-radius:999px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}.motion-slider:focus-visible{outline:none;border-color:var(--mesh-accent-color);background:#fff3}.motion-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--mesh-accent-color);border:none;box-shadow:0 0 10px #00ffcc73}.motion-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--mesh-accent-color);border:none;box-shadow:0 0 10px #00ffcc73}#context-shapes{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.context-button,.shape-icon-button{width:100%;height:var(--context-button-height);border-radius:clamp(10px,1vw,18px);border:1px solid var(--mesh-accent-color);background:#0009;font-size:clamp(.95rem,.9vw,1.25rem);font-weight:600;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);will-change:border-color,transform,box-shadow;box-shadow:0 0 8px #00000073}.shape-icon-button.active,.context-button:focus-visible,.context-button:hover{border-color:var(--mesh-accent-color);box-shadow:0 0 10px var(--mesh-accent-color);transform:translateY(-1px)}.shape-icon-button:hover{border-color:var(--mesh-accent-color)}.context-divider{height:1px;background:#00ffcc26}.context-button span{letter-spacing:.12rem}.motion-checkbox{display:flex;width:18px;height:18px;cursor:crosshair;border-color:var(--mesh-accent-color)}#playback-prompt{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#000000c7;z-index:40;opacity:0;pointer-events:none;transition:opacity var(--transition-normal);font-family:Orbitron,Audiowide,monospace;will-change:opacity}#playback-prompt.visible{opacity:1;pointer-events:all}#playback-prompt .prompt-card{background:#030812f2;border:1px solid var(--mesh-accent-color);border-radius:20px;padding:32px 36px;text-align:center;box-shadow:0 24px 60px #000000a6;width:min(90vw,420px);pointer-events:all}#playback-prompt h2{margin:0 0 12px;font-size:1rem;letter-spacing:.4rem;text-transform:uppercase}#playback-prompt p{margin:0 0 18px;font-size:.9rem}#playback-prompt .prompt-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}#playback-prompt button{border:none;border-radius:999px;padding:12px 32px;font-family:Orbitron,Audiowide,monospace;font-size:.85rem;letter-spacing:.35rem;text-transform:uppercase;cursor:pointer;transition:transform var(--transition-fast);will-change:transform;width:45%;min-width:140px}#playback-prompt button.primary{background:#138155;box-shadow:0 12px 18px #00ffa059}#playback-prompt button.secondary{background:transparent;border:1px solid rgb(85,85,85)}#playback-prompt button:hover{transform:translateY(-2px)}#thankyou-prompt{width:auto;position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000000eb;z-index:9999;opacity:0;pointer-events:none;transition:opacity var(--transition-normal);font-family:Orbitron,Audiowide,monospace;will-change:opacity}#thankyou-prompt.visible{opacity:1;pointer-events:all}#thankyou-prompt .prompt-panel{border-radius:0;border:1px solid var(--mesh-accent-color);padding:32px clamp(16px,5vw,64px);background:#030812fa;box-shadow:0 30px 80px #000000a6;text-align:center;box-sizing:border-box;max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}#thankyou-prompt .prompt-panel::-webkit-scrollbar{display:none}#thankyou-prompt h2{margin:0 0 18px;font-size:clamp(1rem,2.4vw,1.4rem);letter-spacing:clamp(.1rem,1.8vw,.35rem);text-transform:uppercase}#thankyou-prompt p{margin:0 0 24px;font-size:clamp(.85rem,1.9vw,1.15rem);line-height:1.65}#thankyou-prompt button{margin-top:24px;border:1px solid var(--mesh-accent-color);background:transparent;border-radius:999px;padding:12px 42px;font-size:clamp(.75rem,1.6vw,.95rem);letter-spacing:clamp(.1rem,1.4vw,.3rem);text-transform:uppercase;cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast);will-change:transform,border-color}#thankyou-prompt button:hover{border-color:var(--mesh-accent-color);transform:translateY(-2px)}#ui-standard{width:100%;max-width:var(--nav-width, min(420px, 65vw));box-sizing:border-box;padding:clamp(10px,1.6vw,18px);border-radius:28px;background:#0308126b;border:1px solid color-mix(in srgb,var(--mesh-accent-color) 60%,transparent);box-shadow:inset 0 0 12px #0006;display:flex;flex-direction:column;gap:12px;max-height:calc(100vh - 160px);overflow-y:auto;scrollbar-width:none;scroll-behavior:initial;font-size:clamp(.78rem,.95vw,.95rem);line-height:1.55}.legend-heading{font-size:clamp(.9rem,1.2vw,1.2rem);text-transform:uppercase;letter-spacing:.25rem}.legend-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:6px;margin:0}.legend-entry{display:flex;flex-direction:column;gap:6px}.legend-label{font-size:.85rem;text-transform:uppercase;letter-spacing:.1rem}.legend-value{font-family:Orbitron,Audiowide,monospace;font-size:.85rem;letter-spacing:.1rem}.legend-desc{font-size:1rem;letter-spacing:.1rem;opacity:.85;line-height:1.6}.legend-legend{font-size:inherit;line-height:1.6;letter-spacing:.05rem}.legend-desc,.legend-legend,.legend-keyword{white-space:normal;word-break:keep-all}.legend-separator,.project-separator-line{height:1px;width:100%;margin:12px 0;border:none;background:linear-gradient(90deg,transparent,color-mix(in srgb,rgba(255,255,255,.8) 70%,transparent),transparent);opacity:.9}.legend-memento{display:flex;flex-direction:column;gap:6px;text-shadow:0 0 12px rgba(105,158,255,.18);margin-bottom:6px}.legend-keyword{display:inline-block;font-weight:700;font-size:1.03rem;line-height:1.45;color:var(--mesh-accent-color);background:linear-gradient(90deg,color-mix(in srgb,var(--mesh-accent-color) 14%,transparent),transparent);padding:.08rem .4rem;border-radius:8px;border:1px solid color-mix(in srgb,var(--mesh-accent-color) 28%,transparent);box-shadow:0 8px 20px #060a0c2e;text-shadow:none;transition:background var(--transition-normal),transform var(--transition-fast),box-shadow var(--transition-fast);will-change:transform,box-shadow,background}.legend-keyword:hover,.legend-keyword:focus{transform:translateY(-2px);background:linear-gradient(90deg,color-mix(in srgb,var(--mesh-accent-color) 24%,transparent),transparent);box-shadow:0 12px 30px #060a0c38}@media (max-width: 768px){:root{--nav-width: clamp(240px, 66vw, 360px);--context-menu-width: clamp(280px, 60vw, 420px)}body{font-size:.82rem;padding-bottom:70px}#nav-shell{bottom:12px;transform:translate(-50%) scale(.92);width:100%}#nav-bar{width:min(92vw,420px);gap:clamp(8px,1.4vw,14px)}.nav-button{font-size:.72rem;letter-spacing:.08rem;min-width:clamp(64px,18vw,110px);padding-block:clamp(8px,1vw,12px)}#nav-panels{width:min(92vw,460px);gap:clamp(12px,1vw,18px)}.nav-card{max-height:min(72vh,calc(100vh - 120px))}#waveform-preview{top:12px;right:12px;width:min(86vw,320px);border-radius:clamp(12px,1vw,16px)}#control-panel{padding:clamp(10px,2vw,24px)}.panel-heading{font-size:.85rem;letter-spacing:.2rem}.slider-meta,.control-label{font-size:.58rem;letter-spacing:.08rem}#track-time{font-size:1.1rem}#ui-standard{font-size:.72rem}.motion-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}#thankyou-prompt{align-items:flex-start;padding-top:24px}#thankyou-prompt .prompt-panel{border-radius:20px;padding:24px clamp(16px,10vw,40px);width:min(92vw,520px)}#thankyou-prompt h2{font-size:.95rem;letter-spacing:.2rem}#thankyou-prompt button{padding:12px 32px;font-size:1rem}}@media (max-width: 600px){#playback-prompt{padding:0 12px;background:#000000e6}#playback-prompt .prompt-card{width:min(92vw,360px);padding:24px 20px;border-radius:16px}#playback-prompt .prompt-actions{flex-direction:column}#playback-prompt button{width:100%}}@media (max-width: 480px){#nav-shell{gap:clamp(8px,1vw,12px)}#nav-bar{gap:6px}.nav-button{flex:1 1 48%;text-align:center;min-width:0;letter-spacing:.08rem}#waveform-preview{display:none}#control-panel,#track-info{padding:clamp(12px,2vw,18px)}}@media (hover: none) and (pointer: coarse){#nav-shell{transform:translate(-50%) scale(1)}.nav-button{font-size:.78rem;padding:clamp(10px,1.2vw,16px);min-width:88px}#nav-bar{gap:8px}.nav-card{border-radius:26px}}@media (max-width: 1024px){:root{--waveform-preview-width: clamp(200px, 30vw, 320px);--waveform-height: clamp(56px, 5vw, 90px)}#waveform-preview{top:18px;right:18px}}@media (min-width: 1600px){:root{--nav-button-padding: clamp(12px, 1vw, 26px);--nav-button-font: clamp(.9rem, .8vw, 1.3rem);--context-menu-width: clamp(360px, 22vw, 600px);--context-menu-padding: clamp(20px, 1.5vw, 48px);--context-button-height: clamp(46px, 2vw, 68px);--slider-track-height: clamp(8px, .7vw, 14px);--waveform-height: clamp(70px, 4vw, 130px)}body{font-size:1.4rem}#nav-shell{bottom:clamp(28px,2vw,50px);transform:translate(-50%) scale(1.02)}#nav-bar{gap:clamp(10px,.8vw,18px);padding-inline:clamp(12px,1vw,28px)}.context-button,.shape-icon-button{font-size:clamp(1rem,1vw,1.4rem)}#context-menu{max-height:auto;max-width:auto}#track-time{font-size:clamp(1.8rem,2vw,2.4rem)}}@media (min-width: 2200px){:root{--nav-button-padding: clamp(14px, 1vw, 30px);--nav-button-font: clamp(1rem, .9vw, 1.4rem);--context-menu-width: clamp(420px, 24vw, 760px);--context-button-height: clamp(56px, 2vw, 80px);--waveform-height: clamp(90px, 5vw, 160px);--context-menu-padding: clamp(28px, 2vw, 60px)}body{font-size:1.25rem}#nav-shell{gap:clamp(14px,1.2vw,28px);transform:translate(-50%) scale(1.08)}.context-button,.shape-icon-button{height:var(--context-button-height)}#thankyou-prompt button{font-size:clamp(1rem,1.2vw,1.4rem);padding:clamp(18px,2vw,48px)}}@media (max-width: 680px){.nav-card[data-panel=audio] #control-panel.compact{width:100%;padding-bottom:.25rem}.mini-progress-row{flex-direction:column;gap:6px}.mini-progress-row input{width:100%}.youtube-row{flex-direction:column}.youtube-input,.youtube-button{width:100%}#context-menu{max-width:auto;max-height:auto;overflow-y:auto}}@media (max-width: 520px){#nav-shell{bottom:6px;width:98vw;max-width:98vw}.nav-card{padding-inline:clamp(10px,5vw,18px)}#nav-bar{max-width:100%}#track-info{display:flex;flex-direction:column;gap:8px}#track-time{font-size:1rem;text-align:center}}@media (max-width: 420px){body{font-size:.75rem}#nav-shell{left:50%;bottom:0;transform:translate(-50%);width:100%;padding-bottom:18px}#nav-bar{flex-wrap:wrap;justify-content:space-between}.nav-card{width:100%;margin-bottom:10px}.nav-card .panel-heading,.nav-card .mini-title,.nav-card .mini-name{font-size:.65rem}.nav-card[data-panel=audio]{padding-bottom:6px}.youtube-loader{gap:.25rem}#track-progress{width:100%}#waveform-preview{display:none}}#main-container{display:flex}#menu-toggle{flex-direction:column;top:20px;left:20px;width:36px;height:36px;cursor:pointer;z-index:20}#menu-toggle div{width:100%;height:4px;background:var(--mesh-accent-color);margin:6px 0;transition:transform var(--transition-fast);will-change:transform}#menu{flex-direction:column;display:flex;gap:10px;position:absolute;top:0;left:0;width:260px;height:100%;background:#001400e0;border-right:2px solid var(--mesh-accent-color);padding:20px;transform:translate(-20rem);transition:transform var(--transition-normal);will-change:transform;z-index:10}#menu.visible{transform:translate(0)}input,select,label{width:100%;margin-top:10px;background:#000;color:var(--mesh-accent-color);border:1px solid var(--mesh-accent-color);padding:6px}