:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", "Cascadia Code", monospace;--bg-canvas: #09090b;--bg-sidebar: #0f0f12;--bg-panel: #111114;--bg-card: #18181b;--bg-card-hover: #1f1f23;--bg-elevated: #27272a;--text-primary: #fafafa;--text-secondary: #a1a1aa;--text-muted: #52525b;--border-subtle: #27272a;--border-muted: #3f3f46;--border-focus: #52525b;--accent-white: #e4e4e7;--accent-green: #22c55e;--accent-green-hover: #16a34a;--accent-green-subtle: rgba(34, 197, 94, .12);--accent-green-border: rgba(34, 197, 94, .3)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;height:100dvh;margin:0;padding:0;overflow:hidden;overscroll-behavior:none;touch-action:manipulation}body{font-family:var(--font-sans);background:var(--bg-canvas);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}app-root{display:block;width:100%;height:100%;height:100dvh;overflow:hidden}.desktop-only{display:inherit}.mobile-only{display:none!important}app-header-bar{display:block;width:100%;flex-shrink:0}app-sidebar{display:flex;height:100%}app-player-bar{display:block;width:100%;flex-shrink:0}@media(max-width:768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.mobile-mini-scrubber.mobile-only{display:block!important}app-sidebar,.app-sidebar{display:none!important}}.font-mono,.time-stamp,.cell-duration,.cell-format,.index-num,.count-badge,.sheet-time-row,.q-duration,.queue-idx{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--border-subtle);border-radius:3px}::-webkit-scrollbar-thumb:hover{background-color:var(--border-muted)}.mono-slider{-webkit-appearance:none;appearance:none;width:100%;height:4px;background:var(--bg-elevated);border-radius:2px;outline:none;cursor:pointer;transition:background .15s ease;touch-action:none}.mono-slider:hover{background:var(--border-muted)}.mono-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--text-primary);border:none;cursor:pointer;box-shadow:0 0 0 2px var(--bg-panel);transition:box-shadow .15s ease}.mono-slider:hover::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--bg-panel)}.mono-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--text-primary);border:none;cursor:pointer;box-shadow:0 0 0 2px var(--bg-panel);transition:box-shadow .15s ease}.mono-slider:hover::-moz-range-thumb{box-shadow:0 0 0 3px var(--bg-panel)}.mono-slider::-moz-range-track{background:var(--bg-elevated);height:4px;border-radius:2px}.vol-slider{height:3px}.vol-slider::-webkit-slider-thumb{width:10px;height:10px}.audio-bar-anim{display:inline-flex;align-items:flex-end;justify-content:center;gap:2px;width:14px;height:16px;min-height:16px;max-height:16px;cursor:pointer;contain:layout size}.audio-bar-anim span{display:block;width:3px;height:16px;background-color:var(--accent-white);border-radius:1px;transform-origin:bottom;will-change:transform;animation:audioBar .85s ease-in-out infinite alternate}.audio-bar-anim span:nth-child(1){animation-delay:0s;transform:scaleY(.35)}.audio-bar-anim span:nth-child(2){animation-delay:.2s;transform:scaleY(.9)}.audio-bar-anim span:nth-child(3){animation-delay:.4s;transform:scaleY(.55)}@keyframes audioBar{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-icon{animation:spin .8s linear infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}