:root{--accent-h:322;--tint-h:322;--bg3d-h:300;--bg3d-b:1;--bg3d-c:1;--tint-c:1;--bg-0:oklch(0.155 calc(var(--tint-c)*0.024) var(--tint-h));--bg-1:oklch(0.205 calc(var(--tint-c)*0.028) var(--tint-h));--bg-2:oklch(0.255 calc(var(--tint-c)*0.032) var(--tint-h));--bg-3:oklch(0.315 calc(var(--tint-c)*0.038) var(--tint-h));--bg-inset:oklch(0.135 calc(var(--tint-c)*0.02) var(--tint-h));--bg-glow:oklch(0.45 calc(var(--tint-c)*0.11) var(--tint-h)/0.22);--tx-hi:oklch(0.97 calc(var(--tint-c)*0.008) var(--tint-h));--tx-mid:oklch(0.80 calc(var(--tint-c)*0.018) var(--tint-h));--tx-lo:oklch(0.635 calc(var(--tint-c)*0.026) var(--tint-h));--tx-faint:oklch(0.52 calc(var(--tint-c)*0.03) var(--tint-h));--accent-l:1;--accent-struct-l:1;--tint-l:1;--text-l:1;--accent-c:1;--accent:oklch(calc(var(--accent-l)*0.7) calc(var(--accent-c)*0.205) var(--accent-h));--accent-soft:oklch(calc(var(--accent-l)*0.89) calc(var(--accent-c)*0.085) var(--accent-h));--text-accent:oklch(calc(0.89 + var(--text-l)*0.11) calc((1 - var(--text-l))*0.085*var(--accent-c)) var(--accent-h));--accent-bright:oklch(calc(var(--accent-struct-l)*0.78) calc(var(--accent-c)*0.215) var(--accent-h));--accent-dim:oklch(calc(var(--accent-struct-l)*0.55) calc(var(--accent-c)*0.16) var(--accent-h));--accent-ghost:oklch(calc(var(--accent-struct-l)*0.7) calc(var(--accent-c)*0.205) var(--accent-h)/0.14);--line-subtle:oklch(0.62 calc(var(--tint-c)*0.1) var(--tint-h)/0.20);--line:oklch(0.62 calc(var(--tint-c)*0.11) var(--tint-h)/0.34);--line-strong:oklch(0.62 calc(var(--tint-c)*0.12) var(--tint-h)/0.55);--line-accent:oklch(0.70 calc(var(--accent-c)*0.205) var(--accent-h)/0.55);--surface-input:oklch(calc(var(--tint-l)*0.135) calc(var(--tint-c)*0.02) var(--tint-h)/0.60);--surface-control:oklch(calc(var(--tint-l)*0.205) calc(var(--tint-c)*0.026) var(--tint-h)/0.72);--surface-panel:oklch(calc(var(--tint-l)*0.175) calc(var(--tint-c)*0.024) var(--tint-h)/0.96);--surface-overlay:oklch(0 0 0/0.60);--tint-accent-low:oklch(0.70 calc(var(--accent-c)*0.205) var(--accent-h)/0.08);--tint-accent-med:oklch(0.70 calc(var(--accent-c)*0.205) var(--accent-h)/0.22);--btn-hover:oklch(0.62 calc(var(--tint-c)*0.13) var(--tint-h)/0.20);--btn-hover-danger:oklch(0.62 0.21 22/0.24);--success:oklch(0.80 0.16 158);--info:oklch(0.72 0.13 245);--warn:oklch(0.83 0.15 78);--danger:oklch(0.70 0.19 18);--danger-strong:oklch(0.64 0.21 22);--tint-danger-low:oklch(0.70 0.19 18/0.10);--grad-brand:linear-gradient(135deg,var(--accent-dim),var(--accent-bright));--grad-cool:linear-gradient(90deg,var(--accent-dim),var(--accent-bright));--grad-active-chip:linear-gradient(135deg,oklch(0.70 calc(var(--accent-c)*0.205) var(--accent-h)/0.25),oklch(0.78 calc(var(--accent-c)*0.215) var(--accent-h)/0.14));--r-sm:6px;--r-md:8px;--r-lg:14px;--glow:1;--gap:1}*{box-sizing:border-box;margin:0;padding:0}#root,body,html{background:#0a0a15;height:100%;overflow:hidden}body{color:#ccc;font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}button{transition:box-shadow .14s ease}.synapse-wordmark{color:#ffffff05;display:inline-block;font-size:clamp(72px,19vw,440px);font-weight:800;letter-spacing:.02em;line-height:.95;margin:0;position:relative;text-shadow:0 1px 0 #ffffff0d,0 0 22px #ad9cff12,0 2px 8px #00000038}.synapse-wordmark:before{-webkit-text-stroke:1.6px #0000;-webkit-text-fill-color:#0000;animation:synapseWave 50s linear infinite;background:linear-gradient(90deg,#7c3aed,#d946ef,#38bdf8,#ffd84d,#7c3aed);-webkit-background-clip:text;background-clip:text;background-size:300% 100%;color:#0000;content:"SYNAPSE";left:0;opacity:0;opacity:calc(var(--syn-glow, 0)*.45);position:absolute;top:0;transition:opacity 3.5s ease-out;z-index:-1}@keyframes synapseWave{to{background-position:300% 0}}.dash-pill{box-shadow:var(--pill-rest-glow);isolation:isolate;position:relative}.dash-pill:not(:disabled):hover{box-shadow:var(--pill-hover-glow);transform:translateY(-2px)}.dash-pill__fill{background:var(--pill-accent);border-radius:inherit;inset:0;opacity:0;pointer-events:none;position:absolute;transform:scale(0);transform-origin:center;transition:transform .42s cubic-bezier(.4,0,.2,1),opacity .3s ease;z-index:0}.dash-pill:not(:disabled):hover .dash-pill__fill{opacity:1;transform:scale(1);transition:transform .65s cubic-bezier(.12,1,.2,1),opacity .2s ease}.dash-pill__label{color:var(--pill-accent);letter-spacing:.6px;position:relative;transition:color .34s ease,letter-spacing .9s cubic-bezier(.16,1,.3,1);z-index:1}.dash-pill:not(:disabled):hover .dash-pill__label{color:var(--pill-ink);letter-spacing:5px;transition:color .3s ease .08s,letter-spacing .45s cubic-bezier(.16,1,.3,1)}@media (prefers-reduced-motion:reduce){.dash-pill__fill,.dash-pill__label{transition-duration:.01ms}}@keyframes recBlink{0%,to{opacity:1}50%{opacity:0}}.rec-blink{animation:recBlink 1s ease-in-out infinite}@keyframes dashFadeIn{0%{opacity:0}to{opacity:1}}@keyframes dashCardTL{0%{opacity:0;transform:translate(-70px,-70px)}to{opacity:1;transform:translate(0)}}@keyframes dashCardTR{0%{opacity:0;transform:translate(70px,-70px)}to{opacity:1;transform:translate(0)}}@keyframes dashCardBL{0%{opacity:0;transform:translate(-70px,70px)}to{opacity:1;transform:translate(0)}}@keyframes dashCardBR{0%{opacity:0;transform:translate(70px,70px)}to{opacity:1;transform:translate(0)}}.dash-wave-fade{animation:dashFadeIn 1.9s ease-out backwards}.dash-fade-in{animation:dashFadeIn 1.1s ease-out backwards}.dash-card-tl{animation:dashCardTL .85s cubic-bezier(.16,1,.3,1) backwards}.dash-card-tr{animation:dashCardTR .85s cubic-bezier(.16,1,.3,1) backwards}.dash-card-bl{animation:dashCardBL .85s cubic-bezier(.16,1,.3,1) backwards}.dash-card-br{animation:dashCardBR .85s cubic-bezier(.16,1,.3,1) backwards}@media (prefers-reduced-motion:reduce){.dash-card-bl,.dash-card-br,.dash-card-tl,.dash-card-tr,.dash-fade-in,.dash-wave-fade{animation:none}}:root{--text-primary:var(--tx-hi);--text-secondary:var(--tx-mid);--text-muted:var(--tx-lo);--text-dim:var(--tx-faint);--magenta:var(--accent);--pink:var(--accent-soft);--pink-hot:var(--accent-bright);--purple-light:var(--accent-dim);--purple-mid:oklch(0.55 calc(var(--accent-c)*0.16) var(--accent-h));--purple-deep:oklch(0.40 calc(var(--accent-c)*0.14) var(--accent-h));--bg-darkest:oklch(0.10 calc(var(--tint-c)*0.016) var(--tint-h));--bg-dark:var(--bg-0);--bg-surface:var(--bg-1);--bg-card:oklch(0.065 calc(var(--tint-c)*0.016) var(--tint-h)/0.78);--bg-elevated:oklch(0.18 calc(var(--tint-c)*0.026) var(--tint-h)/0.5);--glass-bg:oklch(0.065 calc(var(--tint-c)*0.016) var(--tint-h)/0.62);--glass-border:var(--line-subtle);--glass-border-hover:oklch(0.62 calc(var(--tint-c)*0.1) var(--tint-h)/0.35);--glass-blur:24px;--border-subtle:var(--line-subtle);--border-default:var(--line);--border-active:var(--line-accent);--gradient-primary:var(--grad-brand);--gradient-button:var(--grad-brand);--gradient-button-hover:linear-gradient(135deg,var(--accent-bright),var(--accent));--gradient-subtle:linear-gradient(135deg,oklch(0.55 calc(var(--accent-c)*0.16) var(--accent-h)/0.15),oklch(0.70 calc(var(--accent-c)*0.205) var(--accent-h)/0.15));--gradient-glow:radial-gradient(circle at 50% 0%,oklch(0.55 calc(var(--accent-c)*0.16) var(--accent-h)/0.20) 0%,#0000 60%);--shadow-glow:0 0 20px oklch(0.55 calc(var(--accent-c)*0.16) var(--accent-h)/0.15);--shadow-glow-strong:0 0 30px oklch(0.55 calc(var(--accent-c)*0.16) var(--accent-h)/0.30);--shadow-card:0 4px 24px #0006;--accent-blue:#60a5fa;--accent-green:#34d399;--accent-yellow:#fbbf24;--accent-red:#f87171;--accent-orange:#fb923c;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:22px;--sidebar-left-width:200px;--sidebar-right-width:220px;--font-ui:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*,:after,:before{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:oklch(.1 calc(var(--tint-c)*.016) var(--tint-h));background:var(--bg-darkest);margin:0;padding:0}.app,body{color:var(--tx-hi);color:var(--text-primary);font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-ui)}.app{background:var(--bg-0);background:var(--bg-dark);display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative}.app:before{background:radial-gradient(ellipse,oklch(.55 calc(var(--accent-c)*.16) var(--accent-h)/.12) 0,oklch(.78 calc(var(--accent-c)*.215) var(--accent-h)/.05) 40%,#0000 70%);content:"";height:600px;left:50%;pointer-events:none;position:fixed;top:-200px;transform:translateX(-50%);width:800px;z-index:0}.app-header{align-items:center;backdrop-filter:blur(24px);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(var(--glass-blur));background:oklch(.065 calc(var(--tint-c)*.016) var(--tint-h)/.62);background:var(--glass-bg);border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;min-height:40px;padding:8px 16px;position:relative;z-index:10}.app-title{align-items:center;background:var(--grad-brand);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;display:flex;font-size:14px;font-weight:700;gap:8px;letter-spacing:.3px}.app-title,.title-icon{-webkit-text-fill-color:#0000}.title-icon{background:var(--grad-brand);background:var(--gradient-button);-webkit-background-clip:text;background-clip:text;font-size:18px}.header-actions,.header-right-actions{align-items:center;display:flex;gap:6px}.header-btn{background:#0f0f1e66;border:1px solid var(--border-subtle);border-radius:10px;border-radius:var(--radius-sm);color:var(--tx-mid);color:var(--text-secondary);cursor:pointer;font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-ui);font-size:11px;font-weight:500;letter-spacing:.2px;padding:4px 10px}.header-btn-accent{background:linear-gradient(135deg,oklch(.7 calc(var(--accent-c)*.205) var(--accent-h)/.15),oklch(.78 calc(var(--accent-c)*.215) var(--accent-h)/.1));border-color:oklch(.7 calc(var(--accent-c)*.205) var(--accent-h)/.3);color:var(--accent);color:var(--magenta)}.header-btn-training{background:linear-gradient(135deg,#60a5fa26,#34d3991a);border-color:#60a5fa4d;color:#60a5fa;color:var(--accent-blue)}.header-btn-new{background:linear-gradient(135deg,#34d39926,#60a5fa1a);border-color:#34d39959;color:#34d399}.header-btn-locked{background:linear-gradient(135deg,#fbbf2433,#fb923c1f);border-color:#fbbf2466;box-shadow:0 0 8px #fbbf2426;color:#fbbf24}.header-btn-unlocked{background:#0f0f1e66;border-color:#34d39933;color:#34d399;color:var(--accent-green)}.app-status{align-items:center;display:flex;font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-mono);font-size:11px;font-weight:400;gap:10px}.header-logo{height:52px;object-fit:contain;opacity:.9;transition:opacity .2s ease;width:auto}.header-logo:hover{opacity:1}.status-loaded{color:var(--tx-mid);color:var(--text-secondary)}.status-empty{color:var(--tx-faint);color:var(--text-dim)}.app-main{flex:1 1;min-height:0;overflow:hidden;position:relative;z-index:1}.sidebar-left{background:#0000;border:none;border-radius:0;bottom:16px;bottom:var(--shell-pad-y,16px);display:flex;flex-direction:column;left:16px;left:var(--shell-pad-left,var(--sidebar-x,16px));overflow:visible;padding:0;position:absolute;top:16px;top:var(--shell-pad-y,16px);z-index:10}.sidebar-left.collapsed{border:none;min-width:0!important;width:0!important}.sidebar-right{background:#0000;border:none;border-radius:0;bottom:16px;bottom:var(--shell-pad-y,16px);display:flex;flex-direction:column;overflow:visible;padding:0;position:absolute;right:16px;right:var(--sidebar-x,16px);top:16px;top:var(--shell-pad-y,16px);z-index:10}.sidebar-right.collapsed{border:none;min-width:0!important;width:0!important}.sidebar-toggle{align-items:center;background:#0a0818e6;border:1px solid #5032a033;color:var(--tx-lo);color:var(--text-muted);cursor:pointer;display:flex;font-size:20px;height:88px;justify-content:center;line-height:1;padding:0;position:absolute;top:8px;transform:none;transition:background .15s ease,color .15s ease,border-color .15s ease;width:40px;z-index:5}.sidebar-toggle:hover:not(:disabled){background:#140f2df2;border-color:oklch(.7 calc(var(--accent-c)*.205) var(--accent-h)/.35);color:var(--accent);color:var(--magenta);filter:none;transform:none}.sidebar-toggle-left,.sidebar-toggle-right{display:none}.sidebar-toggle-left{border-radius:10px 0 0 10px;border-right:none;right:0}.sidebar-left.collapsed .sidebar-toggle-left{border-radius:0 10px 10px 0;display:flex;left:0;right:auto}.sidebar-toggle-right{border-left:none;border-radius:0 10px 10px 0;left:0}.sidebar-right.collapsed .sidebar-toggle-right{border-radius:10px 0 0 10px;display:flex;left:auto;right:0}.bottom-panel{background:#0000;border:none;bottom:16px;box-shadow:none;display:flex;flex-direction:column;gap:8px;left:16px;left:var(--bottom-left,16px);overflow:visible;position:absolute;right:16px;right:var(--bottom-right,16px);z-index:10}.bottom-panel.collapsed{height:auto}.bottom-panel,.sidebar-left,.sidebar-right{transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .34s ease}.app-main.ui-hidden .sidebar-left{opacity:0;pointer-events:none;transform:translateX(-118%)}.app-main.ui-hidden .sidebar-right{opacity:0;pointer-events:none;transform:translateX(118%)}.app-main.ui-hidden .bottom-panel{opacity:0;pointer-events:none;transform:translateY(135%)}.ui-restore-btn{align-items:center;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:oklch(.16 calc(var(--tint-c)*.03) var(--tint-h)/.85);border:1px solid oklch(.7 calc(var(--accent-c)*.205) var(--accent-h)/.45);border-radius:999px;box-shadow:0 6px 20px #00000073;color:var(--accent);cursor:pointer;display:flex;height:40px;justify-content:center;opacity:0;pointer-events:none;position:fixed;right:18px;top:16px;transform:translateY(-10px) scale(.9);transition:opacity .3s ease,transform .42s cubic-bezier(.22,1,.36,1);width:40px;z-index:60}.ui-restore-btn.show{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.ui-restore-btn:hover{background:oklch(.2 calc(var(--tint-c)*.04) var(--tint-h)/.9);border-color:var(--accent)}.bottom-panel-collapsed{align-self:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:oklch(.1 calc(var(--tint-c)*.02) var(--tint-h)/.85);border:1px solid oklch(.62 calc(var(--tint-c)*.11) var(--tint-h)/.22);border-radius:999px;box-shadow:0 4px 16px #00000059;gap:6px;padding:5px 7px}.bottom-panel-collapsed,.ct-btn{align-items:center;display:inline-flex}.ct-btn{background:oklch(.18 calc(var(--tint-c)*.026) var(--tint-h)/.5);border:1px solid var(--accent);border-radius:50%;color:var(--accent);cursor:pointer;flex-shrink:0;height:32px;justify-content:center;outline:none;transition:background .15s ease;width:32px}.ct-btn:hover{background:oklch(.3 calc(var(--accent-c)*.07) var(--accent-h)/.5)}.bottom-panel-show{align-items:center;background:oklch(.18 calc(var(--tint-c)*.026) var(--tint-h)/.5);border:1px solid var(--accent);border-radius:999px;color:var(--accent);cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;font-weight:600;gap:6px;letter-spacing:.4px;outline:none;padding:6px 14px}.bottom-panel-show:hover{background:oklch(.3 calc(var(--accent-c)*.07) var(--accent-h)/.5)}.bottom-panel-handle{background:none;border:none;cursor:pointer;flex-shrink:0;height:12px;padding:0;position:relative;width:100%}.bottom-panel-handle:before{background:var(--accent);border-radius:3px;content:"";height:3px;left:50%;opacity:0;position:absolute;top:5px;transform:translateX(-50%);transition:opacity .18s ease;width:90px}.bottom-panel-handle:hover:before{box-shadow:0 0 8px oklch(.7 calc(var(--accent-c)*.205) var(--accent-h)/.6);opacity:1}.bottom-panel-handle:hover{filter:none;transform:none}.center-column{display:flex;flex-direction:column;inset:0;overflow:hidden;position:absolute}.viewport{flex:1 1;min-height:0;overflow:hidden;position:relative}.viewport-empty{align-items:center;background:var(--bg-0);background:var(--bg-dark);display:flex;flex-direction:column;gap:16px;height:100%;justify-content:center;position:relative}.viewport-empty:before{background:radial-gradient(circle,oklch(.55 calc(var(--accent-c)*.16) var(--accent-h)/.15) 0,#0000 70%);content:"";height:400px;pointer-events:none;position:absolute;width:400px}.empty-app-icon{filter:drop-shadow(0 0 24px rgba(139,92,246,.3));height:200px;object-fit:contain;position:relative;-webkit-user-select:none;user-select:none;width:200px;z-index:1}.empty-subtitle{color:var(--tx-mid);color:var(--text-secondary);font-size:14px;position:relative;z-index:1}.empty-hint{color:var(--tx-lo);color:var(--text-muted);font-size:12px;margin-top:8px;position:relative;z-index:1}.empty-hint kbd{background:oklch(.7 calc(var(--accent-c)*.205) var(--accent-h)/.15);border:1px solid oklch(.7 calc(var(--accent-c)*.205) var(--accent-h)/.3);border-radius:4px;color:var(--tx-mid);color:var(--text-secondary);font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-mono);font-size:11px;padding:1px 6px}.empty-hint strong{color:var(--accent);color:var(--magenta)}::-webkit-scrollbar{height:14px;width:14px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:oklch(.7 calc(var(--accent-c)*.205) var(--accent-h)/.9);background-clip:content-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:oklch(.78 calc(var(--accent-c)*.215) var(--accent-h)/1);background-clip:content-box}*{scrollbar-color:oklch(.7 calc(var(--accent-c)*.205) var(--accent-h)/.9) #0000;scrollbar-width:thin}.overlay-scroll{scrollbar-width:none}.overlay-scroll::-webkit-scrollbar{display:none;height:0;width:0}button{font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-ui);transition:all .2s ease}button:hover:not(:disabled){filter:brightness(1.15);transform:translateY(-1px)}button:active:not(:disabled){filter:brightness(.95);transform:translateY(0)}button:disabled{cursor:not-allowed;filter:none;opacity:.35;transform:none}::selection{background:oklch(.7 calc(var(--accent-c)*.205) var(--accent-h)/.3)}input,select{font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-ui);transition:border-color .2s ease,box-shadow .2s ease}input:focus,select:focus{border-color:var(--purple-light)!important;box-shadow:0 0 0 2px oklch(.7 calc(var(--accent-c)*.205) var(--accent-h)/.2);outline:none}.glass-panel{backdrop-filter:blur(24px);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(var(--glass-blur));background:oklch(.065 calc(var(--tint-c)*.016) var(--tint-h)/.62);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:14px;border-radius:var(--radius-md)}.gradient-text{-webkit-text-fill-color:#0000;background:var(--grad-brand);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text}.gradient-btn{background:var(--grad-brand);background:var(--gradient-button);border:none;border-radius:10px;border-radius:var(--radius-sm);box-shadow:0 2px 12px oklch(.7 calc(var(--accent-c)*.205) var(--accent-h)/.3);color:#fff;cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.3px;padding:8px 16px}.gradient-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--accent-bright),var(--accent));background:var(--gradient-button-hover);box-shadow:0 4px 20px oklch(.7 calc(var(--accent-c)*.205) var(--accent-h)/.4)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.color-swatch{-webkit-appearance:none;appearance:none;background:#0000;border:2px solid oklch(.62 calc(var(--tint-c)*.11) var(--tint-h)/.4);border-radius:5px;cursor:pointer;flex-shrink:0;height:22px;padding:0;width:28px}.color-swatch::-webkit-color-swatch-wrapper{padding:0}.color-swatch::-webkit-color-swatch{border:none;border-radius:3px}.color-swatch::-moz-color-swatch{border:none;border-radius:3px}.overlay-scroll,.overlay-scroll *{color:var(--text-accent)!important}.overlay-scroll .ic-themed,.overlay-scroll .ic-themed *,.overlay-scroll svg,.overlay-scroll svg *{color:var(--accent-soft)!important}.overlay-scroll .ic-white,.overlay-scroll svg.ic-white,.overlay-scroll svg.ic-white *{color:#fff!important}.overlay-scroll .ic-danger,.overlay-scroll svg.ic-danger,.overlay-scroll svg.ic-danger *{color:#ef4444!important}button.accent-fill-hover:hover,button.accent-fill-hover:hover *,button.accent-fill-hover:hover svg{color:oklch(.14 calc(var(--tint-c)*.022) var(--tint-h))!important}button.accent-fill-active{background:oklch(.62 calc(var(--accent-c)*.14) var(--accent-h))!important}button.accent-fill-active,button.accent-fill-active *,button.accent-fill-active svg{color:oklch(.14 calc(var(--tint-c)*.022) var(--tint-h))!important}button{transition:filter .15s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease}button:not(:disabled):hover{filter:brightness(1.12)}@keyframes tooltipIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px oklch(.7 calc(var(--accent-c)*.205) var(--accent-h)/.2)}50%{box-shadow:0 0 20px oklch(.7 calc(var(--accent-c)*.205) var(--accent-h)/.4)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes metronome-swing{0%{transform:rotate(-22deg)}50%{transform:rotate(22deg)}to{transform:rotate(-22deg)}}.metronome-needle{animation:metronome-swing .66s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 100%}@keyframes vinyl-spin{to{transform:rotate(1turn)}}.vinyl-spin{animation:vinyl-spin 3.5s linear infinite;will-change:transform}.viewport-loader{align-items:center;animation:fadeIn .25s ease;display:flex;flex-direction:column;gap:14px;inset:0;justify-content:center;pointer-events:none;position:absolute;z-index:5}.viewport-spinner{animation:vinyl-spin .8s linear infinite;border:3px solid oklch(.62 calc(var(--tint-c)*.11) var(--tint-h)/.18);border-radius:50%;border-top-color:var(--accent);height:44px;width:44px;will-change:transform}.viewport-loader-text{color:var(--accent);font-size:12px;font-weight:600;letter-spacing:.4px;opacity:.85}:root{--sr-left-w:clamp(200px,16.5vw,230px);--sr-right-w:clamp(206px,17.5vw,245px)}.sr-playbar{grid-column-gap:8px;grid-row-gap:6px;align-items:center;column-gap:8px;display:grid;grid-template-columns:280px minmax(0,1fr) 280px;row-gap:6px}.sr-playbar .sr-pb-pill{min-width:0;overflow:hidden}.sr-hint-bar{min-width:0}.sr-hint-bar .sr-hint-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:1500px){.sr-playbar{grid-template-columns:236px minmax(0,1fr) 236px}}@media (max-width:1280px){.sr-playbar{grid-template-columns:204px minmax(0,1fr) 204px}.sr-viz-pill{display:none!important}}@media (max-width:1100px){.bottom-panel{left:12px!important;right:12px!important;z-index:20}.sidebar-left,.sidebar-right{bottom:176px}}@media (max-width:880px){.sr-playbar{grid-template-columns:170px minmax(0,1fr) 0}.sr-hint-bar,.sr-song-pill{display:none!important}}@media (max-width:640px){.dash-grid{grid-template-columns:1fr!important}}.sr-hint-cell{max-height:34px;min-width:0;overflow:hidden;white-space:nowrap}@media (max-width:880px){.sr-hint-cell{display:none!important}}
/*# sourceMappingURL=main.0e35abbd.css.map*/