:root{--clr-bg:#080814;--clr-bg-2:#0d0d1a;--clr-bg-3:#12122a;--clr-bg-drawer:#0d0d1a;--clr-bg-header:#0d0d1ad9;--clr-surface:#ffffff0a;--clr-surface-2:#ffffff12;--clr-border:#ffffff14;--clr-border-2:#ffffff24;--clr-sing:#0f8;--clr-sing-glow:#00ff8859;--clr-ref:#4dabf7;--clr-ref-glow:#4dabf74d;--clr-accent:#9c6fde;--clr-accent-glow:#9c6fde4d;--clr-success:#0f8;--clr-warning:#ffd43b;--clr-danger:#ff6b6b;--clr-danger-glow:#ff6b6b4d;--clr-text:#ffffffeb;--clr-text-muted:#ffffff80;--clr-text-faint:#ffffff47;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--header-h:72px;--footer-h:0px;--radius:10px;--radius-sm:6px;--radius-lg:16px;--tr-fast:.15s ease;--tr-med:.25s ease}[data-theme=light]{--clr-bg:#f5f5fa;--clr-bg-2:#ebebef;--clr-bg-3:#dedee6;--clr-bg-drawer:#ebebef;--clr-bg-header:#f5f5fad9;--clr-surface:#0000000a;--clr-surface-2:#00000012;--clr-border:#00000014;--clr-border-2:#00000024;--clr-sing:#00a85a;--clr-sing-glow:#00a85a33;--clr-ref:#1c7ed6;--clr-ref-glow:#1c7ed626;--clr-accent:#7048e8;--clr-accent-glow:#7048e833;--clr-success:#00a85a;--clr-warning:#f59f00;--clr-danger:#e03131;--clr-danger-glow:#e0313133;--clr-text:#101020;--clr-text-muted:#10102099;--clr-text-faint:#10102059}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{font-family:var(--font-sans);background:var(--clr-bg);color:var(--clr-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:var(--font-sans);cursor:pointer;color:inherit;touch-action:manipulation;background:0 0;border:none}.app{grid-template-rows:var(--header-h) 1fr;background:radial-gradient(ellipse 80% 40% at 20% -10%, #9c6fde1f, transparent), radial-gradient(ellipse 60% 30% at 80% 110%, #00ff880f, transparent), var(--clr-bg);grid-template-columns:1fr;height:100dvh;display:grid;position:relative}[data-theme=light] .app{background:radial-gradient(ellipse 80% 40% at 20% -10%, #7048e814, transparent), radial-gradient(ellipse 60% 30% at 80% 110%, #00a85a0a, transparent), var(--clr-bg)}.app__header{padding:0 20px 0 16px;padding-left:max(16px, env(safe-area-inset-left,16px));padding-right:max(20px, env(safe-area-inset-right,20px));background:var(--clr-bg-header);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--clr-border);z-index:10;grid-row:1;justify-content:space-between;align-items:center;display:flex;position:relative}.app__header-tuner{pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.app__logo{align-items:center;gap:10px;display:flex}.app__header-spacer{justify-content:flex-end;display:flex}.app__logo-icon{width:24px;height:24px;color:var(--clr-sing);filter:drop-shadow(0 0 8px var(--clr-sing-glow))}.app__logo-img{object-fit:contain;width:38px;height:38px;filter:drop-shadow(0 0 6px var(--clr-sing-glow));border-radius:8px}.app__logo-text{flex-direction:column;justify-content:center;align-items:flex-start;gap:1px;display:flex}.app__title{letter-spacing:-.5px;color:var(--clr-text);font-size:22px;font-weight:700;line-height:1.1}.app__subtitle{font-family:var(--font-mono);color:var(--clr-text-muted);letter-spacing:-.1px;opacity:.8;font-size:10px;font-weight:500}.app__hud{z-index:4;pointer-events:none;justify-content:center;width:100%;display:flex;position:absolute;top:36px;left:50%;transform:translate(-50%)}.app__graph{background:var(--clr-bg-2);grid-row:2;position:relative;overflow:hidden}.app__empty-state{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0 0 0 64px}.app__empty-icon{width:64px;height:64px;color:var(--clr-text);opacity:.15}.app__empty-text{color:var(--clr-text-faint);text-align:center;font-size:15px;line-height:1.6}.app__controls{bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:8;pointer-events:none;-webkit-backdrop-filter:none;background:0 0;border:none;position:absolute;left:50%;overflow:visible;transform:translate(-50%)}.error-banner{top:calc(var(--header-h) + 8px);z-index:100;border:1px solid var(--clr-danger);border-radius:var(--radius);color:var(--clr-danger);box-shadow:0 0 24px var(--clr-danger-glow);background:#ff6b6b26;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:500;animation:.3s slideDown;display:flex;position:fixed;left:50%;transform:translate(-50%)}.error-banner__icon{font-size:16px}@keyframes slideDown{0%{opacity:0;transform:translate(-50%)translateY(-12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.legend{bottom:calc(var(--footer-h) + 8px);z-index:5;flex-direction:column;gap:4px;display:flex;position:fixed;right:12px}.legend__item{color:var(--clr-text-muted);border:1px solid var(--clr-border);background:#00000080;border-radius:20px;align-items:center;gap:6px;padding:4px 8px;font-size:11px;display:flex}.legend__dot{border-radius:2px;width:10px;height:3px}.legend__dot--sing{background:var(--clr-sing);box-shadow:0 0 6px var(--clr-sing-glow)}.legend__dot--ref{background:var(--clr-ref);box-shadow:0 0 6px var(--clr-ref-glow)}.pitch-cursor{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);width:100%;min-width:280px;max-width:340px;transition:border-color var(--tr-fast);background:#0d0d1ad1;border:1px solid #ffffff1f;flex-direction:column;align-items:center;gap:4px;padding:8px 20px;display:flex;box-shadow:0 8px 32px #00000073}.pitch-cursor--silent{opacity:.5}.pitch-cursor__note{font-family:var(--font-mono);letter-spacing:-1px;color:var(--clr-text);text-shadow:0 0 20px var(--clr-sing-glow);font-size:28px;font-weight:700;line-height:1}.pitch-cursor__details{align-items:center;gap:10px;display:flex}.pitch-cursor__cents{font-family:var(--font-mono);text-align:center;border-radius:var(--radius-sm);min-width:56px;transition:color var(--tr-fast), background var(--tr-fast);padding:1px 6px;font-size:14px;font-weight:600}.pitch-cursor__cents--intune{color:var(--clr-success);background:#00ff881f}.pitch-cursor__cents--sharp{color:var(--clr-danger);background:#ff6b6b1f}.pitch-cursor__cents--flat{color:var(--clr-ref);background:#4dabf71f}.pitch-cursor__hz{font-family:var(--font-mono);color:var(--clr-text-muted);font-size:12px}.pitch-cursor__needle-wrap{width:100%}.pitch-cursor__needle-track{background:var(--clr-surface-2);border-radius:3px;height:6px;position:relative;overflow:visible}.pitch-cursor__needle-center{background:var(--clr-border-2);border-radius:1px;width:2px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pitch-cursor__needle-thumb{background:var(--clr-danger);width:10px;height:10px;box-shadow:0 0 6px var(--clr-danger-glow);transition:left 80ms linear, background var(--tr-fast), box-shadow var(--tr-fast);border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.pitch-cursor__needle-thumb--intune{background:var(--clr-success);box-shadow:0 0 8px var(--clr-sing-glow)}.pitch-cursor__needle-labels{color:var(--clr-text-faint);font-size:9px;font-family:var(--font-mono);justify-content:space-between;margin-top:2px;display:flex}.pitch-cursor__clarity-bar{background:var(--clr-surface-2);border-radius:2px;width:100%;height:3px;overflow:hidden}.pitch-cursor__clarity-fill{background:linear-gradient(90deg, var(--clr-accent), var(--clr-sing));border-radius:2px;height:100%;transition:width .1s linear}.pitch-cursor-compact{background:var(--clr-surface);border:1px solid var(--clr-border);white-space:nowrap;border-radius:22px;align-items:center;gap:10px;min-width:190px;padding:6px 16px;display:flex}.pitch-cursor-compact--silent{opacity:.35}.pitch-cursor-compact__note{font-family:var(--font-mono);text-align:center;min-width:36px;color:var(--clr-text);font-size:18px;font-weight:700;line-height:1}.pitch-cursor-compact__needle-track{background:var(--clr-surface-2);border-radius:3px;flex-shrink:0;width:88px;height:5px;position:relative}.pitch-cursor-compact__needle-center{background:var(--clr-border-2);border-radius:1px;width:2px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pitch-cursor-compact__needle-thumb{background:var(--clr-danger);width:10px;height:10px;box-shadow:0 0 5px var(--clr-danger-glow);transition:left 80ms linear, background var(--tr-fast);border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.pitch-cursor-compact__needle-thumb--intune{background:var(--clr-success);box-shadow:0 0 7px var(--clr-sing-glow)}.pitch-cursor-compact__cents{font-family:var(--font-mono);text-align:center;border-radius:4px;min-width:38px;padding:2px 5px;font-size:11px;font-weight:600}[data-theme=light] .pitch-cursor-compact{background:#f0f0f5e6;border-color:#0000001f}@media (max-width:640px){.pitch-cursor-compact{min-width:unset;gap:7px;padding:5px 12px}.pitch-cursor-compact__needle-track{width:60px}.pitch-cursor-compact__note{min-width:30px;font-size:16px}}.controls-bar{border:1px solid var(--clr-border-2);-webkit-backdrop-filter:blur(28px);pointer-events:auto;background:#0d0d1ac2;border-radius:40px;flex-direction:column;justify-content:center;width:max-content;max-width:90vw;height:auto;padding:8px 16px;display:flex;position:relative;overflow:visible;box-shadow:0 10px 40px #00000080}.controls-bar__container{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.controls-bar__side{align-items:center;display:flex}.controls-bar__side--right{justify-content:flex-end}.controls-bar__center{justify-content:center;align-items:center;gap:12px;display:flex}.controls-bar__group{align-items:center;gap:12px;display:flex}.controls-bar__status{color:var(--clr-danger);letter-spacing:.5px;text-transform:uppercase;background:#080814d9;border:1px solid #ff6b6b33;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:10px;font-weight:600;display:inline-flex;position:absolute;top:-30px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000004d}.btn--settings{color:#b197fc!important;border-color:#9c6fde80!important}.btn--settings:hover{box-shadow:0 0 12px var(--clr-accent-glow)!important;background:#9c6fde1f!important;border-color:#c084fc!important}.btn--settings.btn--active{border-color:var(--clr-accent)!important;color:#fff!important;background:#9c6fde3d!important}.btn--mute{color:var(--clr-text-muted)!important;border-color:#ffffff26!important}.btn--mute:hover{background:var(--clr-surface-2)!important;color:var(--clr-text)!important}.btn--mute--off{color:var(--clr-danger)!important;background:#ff6b6b14!important;border-color:#ff6b6b66!important}.btn--report{color:#63e6be!important;border-color:#4dabf780!important}.btn--report:hover{background:#4dabf71f!important;border-color:#63e6be!important;box-shadow:0 0 12px #63e6be4d!important}.btn--report.btn--active{color:#fff!important;background:#63e6be3d!important;border-color:#63e6be!important}.controls-bar__dot{background:var(--clr-danger);width:6px;height:6px;box-shadow:0 0 6px var(--clr-danger);border-radius:50%;animation:1s ease-in-out infinite recordPulse}.btn--circle{justify-content:center;width:40px;height:40px;border-radius:50%!important;padding:0!important}.btn--large{width:48px;height:48px}.btn__icon--large{stroke-width:2.5px;width:18px;height:18px}.btn{border-radius:var(--radius-sm);border:1px solid var(--clr-border);background:var(--clr-surface);color:var(--clr-text);transition:background var(--tr-fast), border-color var(--tr-fast), box-shadow var(--tr-fast), transform var(--tr-fast);white-space:nowrap;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.btn:hover:not(:disabled){background:var(--clr-surface-2);border-color:var(--clr-border-2);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn__icon{font-size:14px;line-height:1}.btn--record{color:var(--clr-danger);border-color:#ff6b6b80}.btn--record:hover:not(:disabled){border-color:var(--clr-danger);box-shadow:0 0 12px var(--clr-danger-glow);background:#ff6b6b1f}.btn--play-record{color:#e53935;border-color:#e5393580}.btn--play-record:hover:not(:disabled){background:#e539351f;border-color:#e53935;box-shadow:0 0 12px #e5393559}.btn--play-record .btn__icon{letter-spacing:-1px;font-size:11px}.btn--record .btn__icon{color:var(--clr-danger);animation:1.5s ease-in-out infinite recordPulse}@keyframes recordPulse{0%,to{opacity:1}50%{opacity:.4}}.btn--stop{color:var(--clr-danger);border-color:#ff6b6b4d}.btn--stop:hover:not(:disabled){background:#ff6b6b1a}.btn--play{color:var(--clr-sing);border-color:#0f86}.btn--play:hover:not(:disabled){border-color:var(--clr-sing);box-shadow:0 0 12px var(--clr-sing-glow);background:#00ff881a}.btn--pause{color:var(--clr-ref);border-color:#4dabf766}.btn--pause:hover:not(:disabled){border-color:var(--clr-ref);background:#4dabf71a}.btn--secondary{border-color:var(--clr-border);color:var(--clr-text-muted)}.btn--secondary:hover:not(:disabled){color:var(--clr-text)}.btn--active{border-color:var(--clr-ref);color:var(--clr-ref);background:#4dabf71f}.btn--ghost{color:var(--clr-text-faint);background:0 0;border-color:#0000;padding:7px 8px}.btn--ghost:hover:not(:disabled){background:var(--clr-surface);border-color:var(--clr-border);color:var(--clr-text-muted)}.btn--danger{color:var(--clr-danger);border-color:#ff6b6b4d}.btn--danger:hover:not(:disabled){background:#ff6b6b1a}#btn-clear{background:#ff6b6b1a;color:var(--clr-danger)!important;border-color:#ff6b6b8c!important}#btn-clear:hover:not(:disabled){box-shadow:0 0 12px var(--clr-danger-glow);background:#ff6b6b33;border-color:var(--clr-danger)!important}.controls__rec-indicator{color:var(--clr-danger);align-items:center;gap:6px;font-size:11px;font-weight:500;display:flex}.controls__rec-indicator--play{color:#ffb400}.controls__rec-indicator--play .controls__rec-dot{background:#ffb400;box-shadow:0 0 8px #ffb40066}.controls__rec-dot{background:var(--clr-danger);width:8px;height:8px;box-shadow:0 0 8px var(--clr-danger-glow);border-radius:50%;animation:1s ease-in-out infinite recordPulse}.controls__ref-info{color:var(--clr-text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.controls__ref-icon{font-size:14px}.controls__ref-name{color:var(--clr-ref);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:500;overflow:hidden}.controls__ref-dur{font-family:var(--font-mono);color:var(--clr-text-faint);background:var(--clr-surface);border-radius:4px;padding:1px 5px;font-size:11px}.controls__progress-bar{background:var(--clr-surface-2);border-radius:2px;width:100%;height:3px;overflow:hidden}.controls__progress-fill{background:linear-gradient(90deg, var(--clr-ref), var(--clr-accent));border-radius:2px;height:100%;transition:width .2s}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--clr-border-2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}@media (max-width:640px){:root{--header-h:60px;--footer-h:0px}.app__subtitle{display:none}.app__title{font-size:17px}.app__logo{gap:8px}.app__logo-img{width:30px;height:30px}.app__header-tuner{left:auto;right:calc(max(10px, env(safe-area-inset-right,10px)) + 54px);transform:translateY(-50%)}.account-menu__trigger{width:30px;height:30px}.pitch-cursor__note{font-size:22px}@media (orientation:portrait){.app__empty-state{left:44px}}.app__controls{bottom:calc(12px + env(safe-area-inset-bottom,0px));justify-content:center;width:100%;display:flex}.controls-bar{max-width:calc(100vw - 12px);padding:6px 8px}.controls-bar__container{flex-wrap:wrap;justify-content:center;gap:6px;padding:0}.controls-bar__center{display:contents}.controls-bar__side,.controls-bar__group{flex-wrap:nowrap;gap:6px}.controls-bar .btn--circle{width:38px;height:38px}.controls-bar .btn--large{width:42px;height:42px}}@media (max-width:768px){.settings-drawer__content,.report-sidebar__content{padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}}.btn__icon--svg{stroke-width:2.25px;vertical-align:middle;width:14px;height:14px;display:inline-block}.controls__ref-icon-svg{width:14px;height:14px;color:var(--clr-ref);stroke-width:2.25px;vertical-align:middle;display:inline-block}.error-banner__icon-svg{stroke-width:2.25px;vertical-align:middle;width:16px;height:16px;display:inline-block}.language-switcher-btn{letter-spacing:.5px;background:var(--clr-surface);border:1px solid var(--clr-border);color:var(--clr-text-muted);transition:all var(--tr-fast);border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700}.language-switcher-btn:hover{color:var(--clr-text);border-color:var(--clr-border-2);background:var(--clr-surface-2);box-shadow:0 0 8px #ffffff0d}.btn--download{color:var(--clr-accent);border-color:#9c6fde66}.btn--download:hover:not(:disabled){border-color:var(--clr-accent);box-shadow:0 0 12px var(--clr-accent-glow);background:#9c6fde1a}.controls__row--input{flex-direction:row;align-items:center;gap:20px;height:100%;display:flex}.controls__sublabel{text-transform:uppercase;color:var(--clr-text-faint);letter-spacing:.5px;font-size:9px;font-weight:600}.volume-meter-container{flex-direction:column;gap:5px;min-width:100px;display:flex}.volume-meter{background:var(--clr-surface-2);border:1px solid var(--clr-border);border-radius:3px;width:100px;height:6px;position:relative;overflow:hidden}.volume-meter__fill{background:linear-gradient(90deg, var(--clr-sing), var(--clr-warning), var(--clr-danger));border-radius:3px;height:100%;transition:width 50ms}.sensitivity-container{flex-direction:column;gap:5px;min-width:130px;display:flex}.sensitivity-controls{align-items:center;gap:8px;display:flex}.sensitivity-slider{appearance:none;background:var(--clr-surface-2);cursor:pointer;border:none;border-radius:2px;outline:none;width:90px;height:4px}.sensitivity-slider::-webkit-slider-thumb{appearance:none;background:var(--clr-accent);width:12px;height:12px;box-shadow:0 0 8px var(--clr-accent-glow);transition:transform var(--tr-fast);border-radius:50%}.sensitivity-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.sensitivity-val{font-family:var(--font-mono);color:var(--clr-text-muted);text-align:right;min-width:32px;font-size:11px}@media (max-width:640px){.controls__row--input{flex-direction:column;align-items:stretch;gap:12px;width:100%}.volume-meter,.volume-meter-container,.sensitivity-slider,.sensitivity-container{width:100%}}.select-input{appearance:none;font-family:var(--font-sans);color:var(--clr-text-muted);background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--tr-fast);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='rgba(255, 255, 255, 0.5)' stroke-width='2.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:12px;outline:none;min-width:140px;padding:7px 32px 7px 12px;font-size:13px;font-weight:500}.select-input:hover:not(:disabled){background-color:var(--clr-surface-2);border-color:var(--clr-border-2);color:var(--clr-text);box-shadow:0 0 10px #ffffff0d}.select-input:focus:not(:disabled){border-color:var(--clr-accent);box-shadow:0 0 12px var(--clr-accent-glow);color:var(--clr-text)}.select-input:disabled{opacity:.35;cursor:not-allowed}.select-input option{background:var(--clr-bg-3);color:var(--clr-text)}.controls__row--exercise{gap:8px}@media (max-width:640px){.controls__row--exercise{flex-direction:column;align-items:stretch;gap:8px;width:100%}.select-input{width:100%}}.report-sidebar{top:var(--header-h);right:0;bottom:var(--footer-h);background:var(--clr-bg-drawer);border-left:1px solid var(--clr-border-2);-webkit-backdrop-filter:none;z-index:9;pointer-events:none;flex-direction:column;width:360px;transition:transform .35s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;overflow:hidden;transform:translate(100%);box-shadow:-10px 0 40px #0009}.report-sidebar--open{pointer-events:auto;transform:translate(0)}.mixer-sidebar{top:var(--header-h);right:0;bottom:var(--footer-h);background:var(--clr-bg-drawer);border-left:1px solid var(--clr-border-2);z-index:8;pointer-events:none;flex-direction:column;width:360px;transition:transform .35s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;overflow:hidden;transform:translate(100%);box-shadow:-10px 0 40px #0009}.mixer-sidebar--open{pointer-events:auto;transform:translate(0)}@media (max-width:768px){.mixer-sidebar{top:var(--header-h);border-left:none;border-top:1px solid var(--clr-border-2);width:100%;bottom:0}}.report-sidebar__header{border-bottom:1px solid var(--clr-border);justify-content:space-between;align-items:center;padding:20px;display:flex}.report-sidebar__title{letter-spacing:-.2px;color:var(--clr-text);font-size:16px;font-weight:700}.report-sidebar__close{border:1px solid var(--clr-border);background:var(--clr-surface);width:32px;height:32px;transition:all var(--tr-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.report-sidebar__close:hover{background:var(--clr-surface-2);border-color:var(--clr-border-2);transform:rotate(90deg)}.report-sidebar__content{flex-direction:column;flex:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.report-card{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-lg);transition:all var(--tr-fast);flex-direction:column;gap:10px;padding:18px;display:flex}.report-card:hover{background:var(--clr-surface-2);border-color:var(--clr-border-2)}.report-card--warning{background:#ffb4000a;border-color:#ffb40040}.report-card__warning-text{color:var(--clr-warning);text-align:center;font-size:13px;line-height:1.5}.report-card--score{justify-content:center;align-items:center;padding:24px}.score-ring{width:140px;height:140px;position:relative}.score-ring__svg{width:100%;height:100%;transform:rotate(-90deg)}.score-ring__track{fill:none;stroke:var(--clr-surface-2);stroke-width:8px}.score-ring__fill{fill:none;stroke-width:8px;stroke-linecap:round;transition:stroke-dashoffset .6s}.score-ring__value-wrap{flex-direction:column;justify-content:center;align-items:center;line-height:1.1;display:flex;position:absolute;inset:0}.score-ring__number{font-family:var(--font-mono);color:var(--clr-text);text-shadow:0 0 20px #ffffff26;font-size:32px;font-weight:800}.score-ring__label{text-transform:uppercase;color:var(--clr-text-faint);letter-spacing:.5px;margin-top:4px;font-size:9px;font-weight:600}.bias-gauge{flex-direction:column;gap:8px;margin-top:4px;display:flex}.bias-gauge__needle-track{background:var(--clr-surface-2);border-radius:3px;height:6px;position:relative}.bias-gauge__needle-center{background:var(--clr-border-2);border-radius:1px;width:2px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bias-gauge__needle-thumb{border-radius:50%;width:12px;height:12px;transition:left .35s cubic-bezier(.16,1,.3,1);position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #00000080}.bias-gauge__labels{color:var(--clr-text-faint);font-size:9px;font-family:var(--font-mono);justify-content:space-between;display:flex}.bias-gauge__value{color:var(--clr-text);font-weight:700}.report-card__feedback-text{color:var(--clr-text);font-size:13px;line-height:1.6}.settings-drawer{top:var(--header-h);right:0;bottom:var(--footer-h);background:var(--clr-bg-drawer);border-left:1px solid var(--clr-border-2);-webkit-backdrop-filter:none;z-index:9;pointer-events:none;flex-direction:column;width:380px;transition:transform .35s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;overflow:hidden;transform:translate(100%);box-shadow:-10px 0 40px #0009}.settings-drawer--open{pointer-events:auto;transform:translate(0)}.settings-drawer__header{border-bottom:1px solid var(--clr-border);justify-content:space-between;align-items:center;padding:20px;display:flex}.settings-drawer__title{letter-spacing:-.2px;color:var(--clr-text);font-size:16px;font-weight:700}.settings-drawer__close{border:1px solid var(--clr-border);background:var(--clr-surface);width:32px;height:32px;transition:all var(--tr-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.settings-drawer__close:hover{background:var(--clr-surface-2);border-color:var(--clr-border-2);transform:rotate(90deg)}.settings-drawer__content{flex-direction:column;flex:1;gap:24px;padding:20px;display:flex;overflow-y:auto}.settings-drawer__tabs{z-index:5;gap:8px;display:flex;position:sticky;top:0}.settings-drawer__tabs:before{content:"";background:var(--clr-bg-drawer);z-index:-1;position:absolute;inset:-20px -20px -12px}.settings-drawer__tab{border:1px solid var(--clr-border-2);background:var(--clr-surface);color:var(--clr-text-muted);cursor:pointer;border-radius:9px;flex:1;padding:9px 12px;font-size:13px;font-weight:600;transition:background .12s,color .12s,border-color .12s}.settings-drawer__tab:hover{border-color:var(--clr-accent);color:var(--clr-text)}.settings-drawer__tab--active{background:var(--clr-accent);border-color:var(--clr-accent);color:#fff;box-shadow:0 0 0 1px var(--clr-accent), 0 4px 12px var(--clr-accent-glow)}.settings-section{flex-direction:column;gap:12px;display:flex}.settings-section__title{text-transform:uppercase;color:var(--clr-accent);letter-spacing:1px;border-bottom:1px dashed var(--clr-border);padding-bottom:6px;font-size:11px;font-weight:700}.settings-section__fields{flex-direction:column;gap:16px;display:flex}.settings-field{flex-direction:column;gap:6px;display:flex}.settings-field__label{color:var(--clr-text-muted);font-size:11px;font-weight:600}.select-input--drawer{width:100%}.settings-drawer__appearance-row{gap:8px;display:flex}.custom-params-grid,.standard-params-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.settings-field--checkboxes{flex-direction:row;grid-column:span 2;justify-content:space-between;gap:16px;margin-top:4px}.settings-checkbox-label{cursor:pointer;color:var(--clr-text-muted);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:12px;font-weight:600;display:inline-flex}.checkbox-input{cursor:pointer;accent-color:var(--clr-accent);width:15px;height:15px}@media (max-width:768px){.report-sidebar{top:var(--header-h);border-left:none;border-top:1px solid var(--clr-border-2);width:100%;bottom:0;transform:translate(100%)}.report-sidebar--open{transform:translate(0)}.settings-drawer{top:var(--header-h);border-left:none;border-top:1px solid var(--clr-border-2);width:100%;bottom:0;transform:translate(100%)}.settings-drawer--open{transform:translate(0)}}.yt-search-row{align-items:center;display:flex;position:relative}.yt-search-input{width:100%;font-family:var(--font-sans);color:var(--clr-text);background:var(--clr-surface);border:1px solid var(--clr-border-2);border-radius:var(--radius-sm);transition:border-color var(--tr-fast), box-shadow var(--tr-fast);outline:none;padding:8px 36px 8px 12px;font-size:13px;font-weight:500}.yt-search-input::placeholder{color:var(--clr-text-faint)}.yt-search-input:focus{border-color:#f44;box-shadow:0 0 10px #ff444440}.yt-search-spinner{border:2px solid #ff44444d;border-top-color:#f44;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite ytSpin;position:absolute;right:10px}@keyframes ytSpin{to{transform:rotate(360deg)}}.mixer-spinner{border:2.5px solid var(--clr-border-2);border-top-color:var(--clr-accent);border-radius:50%;width:22px;height:22px;animation:.7s linear infinite ytSpin;display:inline-block}.yt-search-error{color:var(--clr-danger);margin-top:4px;font-size:11px}.yt-search-empty{color:var(--clr-text-faint);text-align:center;padding:8px 0;font-size:12px}.yt-search-hint{color:var(--clr-text-faint);margin-top:4px;font-size:10px;font-style:italic;line-height:1.5}.yt-results-grid{scrollbar-width:thin;flex-direction:column;gap:6px;max-height:340px;margin-top:8px;display:flex;overflow-y:auto}.yt-result-card{text-align:left;background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-sm);cursor:pointer;width:100%;transition:background var(--tr-fast), border-color var(--tr-fast), transform var(--tr-fast);align-items:flex-start;gap:10px;padding:8px;display:flex}.yt-result-card:hover{background:var(--clr-surface-2);border-color:#ff444480;transform:translate(2px)}.yt-result-card__thumb-wrap{border-radius:var(--radius-sm);background:var(--clr-bg-3);flex-shrink:0;width:80px;height:52px;position:relative;overflow:hidden}.yt-result-card__thumb{object-fit:cover;width:100%;height:100%;display:block}.yt-result-card__dur{font-size:9px;font-family:var(--font-mono);color:#fff;background:#000000bf;border-radius:3px;padding:1px 4px;font-weight:700;position:absolute;bottom:3px;right:3px}.yt-result-card__meta{flex-direction:column;gap:3px;display:flex;overflow:hidden}.yt-result-card__title{color:var(--clr-text);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:12px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.yt-result-card__author{color:var(--clr-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.stems-mixer{flex-direction:column;gap:10px;display:flex}.stems-mixer__channel{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-sm);transition:background var(--tr-fast), border-color var(--tr-fast), opacity var(--tr-fast);grid-template-columns:60px 1fr auto auto;align-items:center;gap:8px;padding:8px 10px;display:grid}.stems-mixer__channel--dimmed{opacity:.4}.stems-mixer__channel:hover{background:var(--clr-surface-2)}.stems-mixer__label{text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:700;overflow:hidden}.stems-mixer__fader-wrap{align-items:center;gap:6px;display:flex}.stems-mixer__fader{appearance:none;background:var(--clr-surface-2);cursor:pointer;height:4px;transition:opacity var(--tr-fast);border-radius:2px;outline:none;flex:1}.stems-mixer__fader::-webkit-slider-thumb{appearance:none;background:var(--stem-color,var(--clr-accent));width:14px;height:14px;box-shadow:0 0 8px color-mix(in srgb, var(--stem-color,var(--clr-accent)) 40%, transparent);cursor:pointer;transition:transform var(--tr-fast);border-radius:50%}.stems-mixer__fader::-webkit-slider-thumb:hover{transform:scale(1.2)}.stems-mixer__fader:disabled{cursor:not-allowed}.stems-mixer__vol{font-family:var(--font-mono);color:var(--clr-text-muted);text-align:right;min-width:28px;font-size:10px}.stems-mixer__mute-btn{border:1px solid var(--clr-border);background:var(--clr-surface);width:28px;height:28px;transition:all var(--tr-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.stems-mixer__mute-btn:hover{background:var(--clr-surface-2);border-color:var(--clr-border-2)}.stems-mixer__mute-btn--active{background:#ff6b6b1f!important;border-color:#ff6b6b66!important}.stems-mixer__solo-btn{border:1px solid var(--clr-border);background:var(--clr-surface);width:28px;height:28px;color:var(--clr-text-muted);cursor:pointer;transition:all var(--tr-fast);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex}.stems-mixer__solo-btn--active{color:#f5c842;background:#f5c84229;border-color:#f5c8428c}.karaoke-overlay{z-index:6;pointer-events:none;text-align:center;width:calc(100% - 32px);max-width:600px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.karaoke-overlay__line{-webkit-backdrop-filter:blur(18px);background:#080814c7;border:1px solid #ffffff14;border-radius:24px;flex-wrap:wrap;justify-content:center;gap:4px;padding:10px 18px;display:flex;box-shadow:0 8px 32px #00000073}.karaoke-overlay__word{letter-spacing:-.3px;color:var(--clr-text-muted);font-size:22px;font-weight:700;transition:color .12s,text-shadow .12s}.karaoke-overlay__word--active{color:#fff;text-shadow:0 0 16px var(--clr-accent-glow), 0 0 32px var(--clr-accent-glow)}.karaoke-overlay__word--done{color:var(--clr-accent)}@media (max-width:640px){.karaoke-overlay__word{font-size:18px}.yt-result-card__thumb-wrap{width:64px;height:42px}}.app__header-actions{align-items:center;gap:12px;display:flex}.theme-switcher-btn{border:1px solid var(--clr-border);background:var(--clr-surface);width:32px;height:32px;color:var(--clr-text-muted);transition:all var(--tr-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.theme-switcher-btn:hover{color:var(--clr-text);border-color:var(--clr-border-2);background:var(--clr-surface-2);box-shadow:0 0 8px #ffffff0d}.theme-switcher-icon{width:16px;height:16px}.account-menu{position:relative}.account-menu__trigger{border:1px solid var(--clr-border);background:var(--clr-surface);width:32px;height:32px;color:var(--clr-text-muted);transition:all var(--tr-fast);border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;overflow:hidden}.account-menu__trigger:hover{color:var(--clr-text);border-color:var(--clr-border-2);background:var(--clr-surface-2)}.account-menu__icon{width:17px;height:17px}.account-menu__avatar{object-fit:cover;width:100%;height:100%}.account-menu__panel{background:var(--clr-bg);border:1px solid var(--clr-border);border-radius:var(--radius-lg);z-index:30;flex-direction:column;gap:8px;min-width:220px;padding:14px;display:flex;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 8px 24px #0006}.account-menu__user{align-items:center;gap:10px;display:flex}.account-menu__quota{color:var(--clr-text-muted);font-size:12px}.account-menu__panel-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:32px;height:32px}.account-menu__name{color:var(--clr-text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.account-menu__hint{color:var(--clr-text-muted);font-size:12px}.account-menu__action{width:100%}.btn__icon--google{box-sizing:border-box;background:#fff;border-radius:3px;width:18px;height:18px;padding:2px}.edge-handle{border-radius:var(--radius-lg) 0 0 var(--radius-lg);z-index:10;color:#fff;width:44px;height:70px;transition:right .35s cubic-bezier(.16, 1, .3, 1), background var(--tr-fast), box-shadow var(--tr-fast), filter var(--tr-fast);justify-content:center;align-items:center;display:flex;position:fixed;right:0}.edge-handle__icon{width:20px;height:20px}.edge-handle:hover{filter:brightness(1.12)}.edge-handle--open{right:360px}.edge-handle--settings{background:var(--clr-accent);border:1px solid var(--clr-accent);border-right:none;bottom:236px;box-shadow:-6px 2px 16px #9c6fde66}.edge-handle--settings.edge-handle--open{right:380px}.edge-handle--mixer{background:#14b8a6;border:1px solid #14b8a6;border-right:none;bottom:158px;box-shadow:-6px 2px 16px #14b8a666}.edge-handle--report{background:#f59e0b;border:1px solid #f59e0b;border-right:none;bottom:80px;box-shadow:-6px 2px 16px #f59e0b66}@media (max-width:768px){.edge-handle--open{display:none}.edge-handle--settings{bottom:calc(236px + env(safe-area-inset-bottom,0px))}.edge-handle--mixer{bottom:calc(158px + env(safe-area-inset-bottom,0px))}.edge-handle--report{bottom:calc(80px + env(safe-area-inset-bottom,0px))}}[data-theme=light] .controls-bar{background:#f5f5fad1;box-shadow:0 10px 40px #00000026}[data-theme=light] .karaoke-overlay{background:#f5f5fad9;border:1px solid #00000014;box-shadow:0 8px 32px #0000001a}[data-theme=light] .karaoke-overlay__word--active{color:#000;text-shadow:0 0 16px #7048e82e}[data-theme=light] .select-input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='rgba(0, 0, 0, 0.5)' stroke-width='2.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5'/%3E%3C/svg%3E")}[data-theme=light] .theme-switcher-btn:hover,[data-theme=light] .language-switcher-btn:hover{box-shadow:0 0 8px #0000000d}[data-theme=light] .pitch-cursor{background:#f0f0f5f0;border-color:#00000026;box-shadow:0 8px 32px #0000001a}[data-theme=light] .pitch-cursor__note{color:var(--clr-text);text-shadow:none}[data-theme=light] .pitch-cursor__cents--intune{color:#008f4c;background:#00a85a26}[data-theme=light] .pitch-cursor__cents--sharp{color:#d92b2b;background:#e0313126}[data-theme=light] .pitch-cursor__cents--flat{color:#1a73e8;background:#1c7ed626}[data-theme=light] .pitch-cursor__needle-track{background:#00000014}[data-theme=light] .pitch-cursor__needle-center{background:#00000059}[data-theme=light] .pitch-cursor__needle-labels{color:var(--clr-text-muted)}[data-theme=light] .legend__item{background:#f0f0f5e6;border-color:#00000014}.settings-drawer__footer{justify-content:center;margin-top:auto;padding-top:16px;display:flex}.settings-drawer__feedback-link{color:var(--clr-text-faint);border-radius:var(--radius-sm);transition:color var(--tr-fast), background var(--tr-fast);white-space:nowrap;padding:8px 12px;font-size:.8125rem;text-decoration:none}.settings-drawer__feedback-link:hover{color:var(--clr-text-muted);background:var(--clr-surface)}.settings-drawer__footer-links{justify-content:center;align-items:center;gap:4px;margin-top:auto;padding-top:16px;display:flex}.settings-drawer__footer-links .settings-drawer__feedback-link{cursor:pointer;font:inherit;background:0 0;border:none}.settings-drawer__footer-sep{color:var(--clr-text-faint);opacity:.5}.settings-drawer__version{padding-bottom:max(2px, env(safe-area-inset-bottom,0px));text-align:center;font-family:var(--font-mono);letter-spacing:.3px;color:var(--clr-text-faint);opacity:.55;margin-top:6px;font-size:10px}.help-modal__backdrop{z-index:50;-webkit-backdrop-filter:blur(2px);background:#0000008c;justify-content:center;align-items:center;padding:20px;animation:.2s help-modal-fade;display:flex;position:fixed;inset:0}@keyframes help-modal-fade{0%{opacity:0}to{opacity:1}}.help-modal{background:var(--clr-bg-drawer);border:1px solid var(--clr-border-2);border-radius:var(--radius-lg,16px);flex-direction:column;width:100%;max-width:560px;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 24px 60px #0009}.help-modal__header{border-bottom:1px solid var(--clr-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px;display:flex}.help-modal__title{letter-spacing:-.2px;color:var(--clr-text);font-size:18px;font-weight:700}.help-modal__content{padding:8px 24px 24px;overflow-y:auto}.help-modal__section{margin-top:20px}.help-modal__heading{color:var(--clr-text);align-items:center;gap:8px;margin-bottom:6px;font-size:14px;font-weight:700;display:flex}.help-modal__heading-icon{width:17px;height:17px;color:var(--clr-accent);flex:none}.help-modal__paragraph{color:var(--clr-text-muted);margin-top:6px;font-size:13.5px;line-height:1.55}.latency-tap-circle{background:var(--clr-accent-dim,#7878ff1f);border:2px solid var(--clr-accent);width:150px;height:150px;color:var(--clr-text);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;margin:20px auto 0;font-size:14px;font-weight:700;transition:transform 80ms,background 80ms;display:flex}.latency-tap-circle:active{transform:scale(.94)}.latency-tap-circle--pulse{background:var(--clr-accent);color:#fff;transform:scale(1.06)}