@layer tokens,base,shell,header,spectrum,stereo,metering,nav,panelShell,diagnose,eqCalibration,quickGuide,responsive;@layer tokens{:root{color-scheme:dark;--sf-font-ui: "Inter", "Segoe UI Variable Text", "Segoe UI", "Aptos", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--sf-font-display: "Inter", "Segoe UI Variable Display", "Segoe UI", "Aptos Display", system-ui, sans-serif;--sf-font-number: "Inter", "Segoe UI Variable Text", "Segoe UI", "Aptos", system-ui, sans-serif;--sf-weight-regular: 410;--sf-weight-medium: 500;--sf-weight-strong: 540;--sf-weight-title: 580;--sf-ease-out: cubic-bezier(.2, .8, .2, 1);--sf-ease-soft: cubic-bezier(.16, 1, .3, 1);--sf-dur-fast: .15s;--sf-dur-med: .26s;--sf-bg-0: #02060d;--sf-bg-1: #06101b;--sf-surface-0: rgba(4, 11, 20, .985);--sf-surface-1: rgba(7, 19, 33, .955);--sf-surface-2: rgba(9, 28, 45, .86);--sf-surface-3: rgba(13, 39, 60, .72);--sf-line-0: rgba(133, 199, 230, .1);--sf-line-1: rgba(133, 213, 235, .16);--sf-line-2: rgba(136, 221, 225, .24);--sf-text-0: rgba(244, 250, 253, .96);--sf-text-1: rgba(214, 230, 239, .82);--sf-text-2: rgba(156, 176, 190, .68);--sf-text-3: rgba(112, 132, 148, .54);--sf-cyan: #45e8ee;--sf-cyan-soft: #9bf2ea;--sf-blue: #4fb1e8;--sf-mint: #87eec8;--sf-amber: #dfbd6a;--sf-orange: #ff9f43;--sf-rose: #e77b90;--sf-danger: #ff6f89;--sf-meter-cyan: rgba(80, 230, 235, .74);--sf-meter-mint: rgba(138, 242, 203, .76);--sf-meter-amber: rgba(230, 193, 105, .78);--sf-meter-orange: rgba(255, 159, 67, .8);--sf-meter-rose: rgba(234, 116, 137, .78);--sf-meter-gradient-dbfs: linear-gradient(90deg, rgba(72, 220, 225, .82) 0%, rgba(125, 238, 198, .84) 64%, rgba(190, 226, 120, .84) 70%, rgba(230, 193, 105, .88) 80%, rgba(255, 159, 67, .86) 90%, rgba(234, 116, 137, .88) 100%);--sf-meter-gradient-lufs: linear-gradient(90deg, rgba(72, 220, 225, .8) 0%, rgba(125, 238, 198, .84) 64%, rgba(190, 226, 120, .84) 67%, rgba(230, 193, 105, .88) 74%, rgba(255, 159, 67, .88) 82%, rgba(234, 116, 137, .9) 100%);--sf-meter-line: rgba(185, 197, 207, .78);--sf-meter-edge: rgba(185, 211, 226, .18);--sf-meter-track: rgba(4, 11, 19, .98);--sf-radius-xl: 24px;--sf-radius-lg: 19px;--sf-radius-md: 14px;--sf-radius-sm: 9px;--sf-shell-w: 500px;--sf-nav-h: 60px;--sf-gap: 7px;--sf-pad-x: 10px;--sf-shadow-card: 0 16px 38px rgba(0, 0, 0, .36), inset 0 1px 0 rgba(255, 255, 255, .05);--sf-shadow-soft: 0 10px 26px rgba(0, 0, 0, .26), inset 0 1px 0 rgba(255, 255, 255, .04);--sf-focus: 0 0 0 1px rgba(155, 242, 234, .72), 0 0 0 5px rgba(69, 232, 238, .1);--sf-touch-glow: 0 0 0 1px rgba(155,242,234,.18), 0 16px 34px rgba(0,0,0,.28)}}@layer base{*,*:before,*:after{box-sizing:border-box}html,body,#root{width:100%;height:100%;min-height:100%;margin:0;overflow:hidden}html{font-family:var(--sf-font-ui);font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern" 1,"liga" 1,"calt" 1;font-optical-sizing:auto;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}body{color:var(--sf-text-0);font-weight:var(--sf-weight-regular);background:radial-gradient(circle at 16% -8%,rgba(69,232,238,.115),transparent 30%),radial-gradient(circle at 96% 4%,rgba(79,177,232,.075),transparent 28%),radial-gradient(circle at 50% 112%,rgba(223,189,106,.035),transparent 34%),linear-gradient(180deg,#07121f 0%,var(--sf-bg-0) 100%)}body,#root,.app-shell,.app-shell *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;text-rendering:geometricPrecision}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text}::selection{color:inherit;background:transparent}button,input,select,textarea{font:inherit}button{border:0;color:inherit;cursor:pointer;font-weight:var(--sf-weight-medium);touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible,[role=slider]:focus-visible,canvas:focus-visible{outline:none;box-shadow:var(--sf-focus)}p,h1,h2,h3,h4{margin-top:0}strong,b{font-weight:var(--sf-weight-strong)}small,em{font-weight:var(--sf-weight-regular)}.eyebrow,.meter-section-title span,.spectrum-head .eyebrow{margin:0;color:#7ee8e0eb;font-family:var(--sf-font-display);font-size:.585rem;font-weight:520;letter-spacing:.135em;line-height:1.05;text-transform:uppercase}.panel-enter{animation:sf-panel-in var(--sf-dur-med) var(--sf-ease-soft) both}@keyframes sf-panel-in{0%{opacity:0;transform:translateY(7px) scale(.996)}to{opacity:1;transform:translateY(0) scale(1)}}.public-guard-enabled img,.public-guard-enabled canvas,.public-guard-enabled svg{-webkit-user-drag:none}.public-guard-enabled a,.public-guard-enabled button{-webkit-tap-highlight-color:transparent}@media(prefers-reduced-motion:reduce){.analyzer-profile-row:before,.analyzer-bottom-nav:before,.diagnose-segment-thumb,.diagnose-page-track,.smooth-toggle-button{transition-duration:1ms!important;transition-timing-function:linear!important}}.error-boundary-shell{min-height:100dvh;display:grid;place-items:center;padding:18px}.error-boundary-card{width:min(520px,100%);padding:22px;border:1px solid rgba(255,128,137,.2);border-radius:26px;color:#eef9fcf0;background:radial-gradient(circle at 18% 0%,rgba(255,128,137,.14),transparent 45%),linear-gradient(180deg,#101822f7,#050a12fc);box-shadow:var(--sf-shadow-soft)}.error-boundary-badge{display:inline-flex;margin-bottom:12px;padding:5px 9px;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:#ffe0b6e6;background:#ffffff0b;font-size:.68rem;font-weight:650}.error-boundary-card h1{margin:0 0 8px;font-family:var(--sf-font-display);font-size:clamp(1.2rem,6vw,1.8rem)}.error-boundary-card p{margin:0 0 12px;color:#bed8e2d1;line-height:1.55}.error-boundary-card code{display:block;margin:0 0 14px;padding:10px 12px;overflow-wrap:anywhere;border-radius:14px;color:#ffd9def0;background:#0000003d;font-size:.78rem}.error-boundary-card button{border:0;border-radius:14px;padding:10px 14px;color:#16080a;background:linear-gradient(95deg,#ffa5b9,#ffbe78 58%,#ffda87);font-weight:720;cursor:pointer}}@layer shell{.app-shell,.analyzer-shell{position:relative;width:min(100vw,var(--sf-shell-w));height:100dvh;max-height:100dvh;margin:0 auto;padding:8px var(--sf-pad-x) calc(var(--sf-nav-h) + env(safe-area-inset-bottom) + 7px);display:flex;flex-direction:column;gap:var(--sf-gap);overflow:hidden;background:radial-gradient(circle at 20% -6%,rgba(69,232,238,.06),transparent 30%),radial-gradient(circle at 90% 10%,rgba(79,177,232,.045),transparent 29%),linear-gradient(180deg,#050d18fd,#02060dfe);border-left:1px solid rgba(133,199,230,.055);border-right:1px solid rgba(133,199,230,.055)}.analyzer-stage,.focus-stage,.analyzer-detail-panel{min-height:0;display:flex;flex-direction:column;gap:var(--sf-gap);flex:1 1 auto;overflow:hidden}.tab-listen .focus-stage{display:grid;grid-template-rows:minmax(0,1fr) auto}.panel-card,.spectrum-card,.meter-dock,.analyzer-level-strip,.band-diagnosis-panel,.hardware-eq-panel,.calibration-panel,.eq-wait-card,.install-prompt{border:1px solid var(--sf-line-1);border-radius:var(--sf-radius-lg);background:radial-gradient(circle at 10% 0%,rgba(69,232,238,.05),transparent 36%),radial-gradient(circle at 90% 5%,rgba(79,177,232,.03),transparent 30%),linear-gradient(180deg,var(--sf-surface-1),var(--sf-surface-0));box-shadow:var(--sf-shadow-card)}.safe-bottom,.analyzer-safe-bottom{flex:0 0 0;min-height:0}}@layer header{.analyzer-top-card{flex:0 0 auto;padding:5px 0 1px;border-radius:22px}.analyzer-top-row{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:8px}.brand-mark{width:36px;height:36px;display:grid;place-items:center;padding:2px;overflow:hidden;border:1px solid rgba(155,242,234,.26);border-radius:13px;background:radial-gradient(circle at 31% 16%,rgba(155,242,234,.22),transparent 48%),linear-gradient(145deg,#04121ff5,#01080ffa);box-shadow:0 0 20px #30e0f41a,var(--sf-shadow-soft)}.brand-mark img{width:100%;height:100%;display:block;object-fit:cover;border-radius:10px;-webkit-user-select:none;user-select:none;pointer-events:none;filter:drop-shadow(0 0 8px rgba(40,226,255,.28))}.brand-copy-locked{min-width:0;align-self:center}.brand-lockup-canvas{width:clamp(164px,43vw,216px);height:37px;display:block;margin:-1px 0 -2px;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 0 10px rgba(69,232,238,.1))}.brand-copy h1{margin:1px 0 0;color:var(--sf-text-0);font-family:var(--sf-font-display);font-size:clamp(.92rem,3.35vw,1.02rem);font-weight:540;letter-spacing:-.03em;line-height:1.02}.analyzer-version{max-width:128px;overflow:hidden;text-overflow:ellipsis;min-height:23px;padding:3px 8px;display:inline-flex;align-items:center;border:1px solid rgba(136,221,225,.18);border-radius:999px;color:#ecf6fbeb;background:linear-gradient(180deg,#092030a8,#04101cc2);box-shadow:inset 0 1px #ffffff0b;font-size:.58rem;font-weight:500;line-height:1;letter-spacing:-.01em;white-space:nowrap}.analyzer-title-row{display:none}.analyzer-action-strip{margin-top:6px;display:grid;grid-template-columns:minmax(0,1fr) minmax(108px,.72fr);grid-template-rows:34px 32px;align-items:stretch;gap:4px 8px}.analyzer-control-grid{min-width:0;margin:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;grid-column:1;grid-row:1;align-self:stretch}.primary-action,.analyzer-main-button{position:relative;min-height:0;height:100%;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:7px;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:14px;color:#18090d;background:radial-gradient(circle at 18% 0%,rgba(255,255,255,.34),transparent 40%),linear-gradient(95deg,#ffa5b9,#ffbe78 54%,#ffda87);box-shadow:0 9px 18px #ff85971a,0 6px 14px #0003,inset 0 1px #ffffff61;font-family:var(--sf-font-display);font-size:.76rem;font-weight:520;letter-spacing:-.02em;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}.analyzer-control-grid .analyzer-main-button{min-height:34px}.analyzer-aux-button{min-height:34px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid rgba(145,226,236,.18);border-radius:14px;color:#e1f4faf0;background:linear-gradient(180deg,#082030eb,#030f1cf7);box-shadow:inset 0 1px #ffffff0d;font-family:var(--sf-font-display);font-size:.7rem;font-weight:520;letter-spacing:-.02em;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,background .15s ease}.analyzer-aux-button span{white-space:nowrap}.smooth-toggle-button.mode-detail{color:#e8f2f8f5;border-color:#85c9ff3d;background:radial-gradient(circle at 18% 0%,rgba(255,255,255,.16),transparent 44%),linear-gradient(95deg,#3f6efff5,#5bbdffeb);box-shadow:0 8px 16px #4781ff24,inset 0 1px #ffffff2e}.smooth-toggle-button.mode-smooth{color:#04171d;border-color:#a0f4ed47;background:radial-gradient(circle at 20% 0%,rgba(255,255,255,.22),transparent 42%),linear-gradient(95deg,#7beefafa,#78f3e1f5);box-shadow:0 8px 16px #4ae5eb1c,inset 0 1px #ffffff57}.smooth-toggle-button.mode-detail svg,.smooth-toggle-button.mode-smooth svg{flex:0 0 auto}.analyzer-aux-button:active{transform:scale(.985)}.analyzer-main-button.is-idle{color:#02161b;background:radial-gradient(circle at 18% 0%,rgba(255,255,255,.3),transparent 40%),linear-gradient(95deg,#79ddff,#75f2e3 52%,#a5f3c5);box-shadow:0 9px 18px #50e6eb1c,0 6px 14px #0003,inset 0 1px #ffffff57}.analyzer-main-button.is-pending{color:#06121a;background:linear-gradient(95deg,#80bdff,#6ceeff)}.analyzer-main-button:active,.analyzer-profile-row button:active{transform:scale(.985)}.analyzer-main-button.is-recording svg{filter:drop-shadow(0 0 7px rgba(255,37,83,.34))}.analyzer-profile-stack{display:contents}.analyzer-profile-row{position:relative;min-height:32px;min-width:0;margin:0;padding:3px;display:grid;grid-column:1;grid-row:2;grid-template-columns:repeat(2,1fr);overflow:hidden;isolation:isolate;border:1px solid rgba(133,199,230,.12);border-radius:15px;background:linear-gradient(180deg,#060f1cf0,#030811fa);box-shadow:inset 0 1px #ffffff0b}.analyzer-profile-row:before{content:"";position:absolute;top:3px;bottom:3px;left:3px;z-index:0;width:calc((100% - 6px)/2);border-radius:12px;background:radial-gradient(circle at 30% 0%,rgba(255,255,255,.18),transparent 56%),linear-gradient(150deg,#4db8ffc7,#20b4d2a8 55%,#0b6684b8);box-shadow:inset 0 1px #ffffff24,0 8px 18px #35b4e61c;transform:translate(calc(var(--active-profile-index, 0) * 100%));transition:transform .56s cubic-bezier(.15,1.34,.24,1),background .3s ease,box-shadow .3s ease;will-change:transform}.analyzer-profile-row button{position:relative;z-index:1;min-height:26px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:12px;background:transparent;color:#e2eff994;font-family:var(--sf-font-display);font-size:.66rem;font-weight:500;letter-spacing:.017em;transition:color .22s ease,transform .26s cubic-bezier(.16,1.28,.28,1),opacity .22s ease}.analyzer-profile-row button.active{color:var(--sf-text-0)}.header-meter-metrics{min-width:0;display:grid;grid-column:2;grid-row:1 / span 2;grid-template-columns:1fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:4px}.analyzer-profile-row button.active{text-shadow:0 1px 10px rgba(109,228,240,.14)}.analyzer-profile-row button:hover{color:#eef9fcdb}.analyzer-profile-row button:active{transform:scale(.972)}.smooth-toggle-button{transition:transform .26s cubic-bezier(.16,1.28,.28,1),border-color .22s ease,box-shadow .26s ease,background .26s ease,color .18s ease}.smooth-toggle-button:active{transform:scale(.968)}.analyzer-version{gap:4px;font-size:.56rem;font-weight:620;letter-spacing:-.01em}.analyzer-version i{width:6px;height:6px;flex:0 0 auto;border-radius:999px;background:#b3cfda8c;box-shadow:0 0 0 1px #ffffff14}.analyzer-version.is-worklet-ok{border-color:#59efc647;color:#e6fff7f5;background:linear-gradient(180deg,#0b302bb8,#041319cc)}.analyzer-version.is-worklet-ok i{background:#6ef0c9;box-shadow:0 0 10px #6ef0c975}.analyzer-version.is-worklet-pending i{background:#ffd27a;box-shadow:0 0 10px #ffd27a59}.analyzer-version.is-worklet-error{border-color:#ff778052;color:#ffe8e8f5;background:linear-gradient(180deg,#43121bb8,#160812d6)}.analyzer-version.is-worklet-error i{background:#ff7d86;box-shadow:0 0 10px #ff7d867a}.analyzer-top-actions{min-width:0;display:inline-flex;align-items:center;justify-content:flex-end;gap:5px}.guide-open-button{min-height:23px;padding:3px 7px;display:inline-flex;align-items:center;gap:4px;border:1px solid rgba(136,221,225,.15);border-radius:999px;color:#ddeff7d1;background:linear-gradient(180deg,#09203080,#04101ca8);box-shadow:inset 0 1px #ffffff0a;font-family:var(--sf-font-ui);font-size:.56rem;font-weight:540;line-height:1;cursor:pointer;transition:transform .18s cubic-bezier(.16,1.28,.28,1),border-color .16s ease,color .16s ease,background .16s ease}.guide-open-button:hover{border-color:#8bf5f047;color:#eef9fcf0}.guide-open-button:active{transform:scale(.96)}@media(max-width:430px){.guide-open-button span{display:none}.guide-open-button{width:24px;padding:0;justify-content:center}}}@layer spectrum{.spectrum-card.reference-zone-card{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;padding:8px 7px 7px;border-radius:21px}.spectrum-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 2px 5px}.spectrum-head h2,.section-title h2,.hardware-eq-head h2,.eq-wait-head h2{margin:1px 0 0;font-family:var(--sf-font-display);color:var(--sf-text-0);font-size:.82rem;line-height:1.05;font-weight:470;letter-spacing:-.012em}.stereo-detector-chip{min-height:23px;padding:3px 7px;display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(136,221,225,.18);border-radius:999px;background:linear-gradient(180deg,#081b2abd,#040f1bd1);color:#ecf6fbeb;box-shadow:inset 0 1px #ffffff0a;font-size:.57rem;font-weight:490;letter-spacing:-.01em;white-space:nowrap}.stereo-detector-chip>i{width:6px;height:6px;border-radius:999px;background:var(--sf-cyan);box-shadow:0 0 9px #45e8ee9e}.stereo-detector-chip em{color:var(--sf-text-2);font-size:.5rem;font-style:normal;font-weight:440}.stereo-detector-chip .detector-broadcast-icon{width:11px;height:11px;flex:0 0 auto;color:#c5dbe1db;opacity:.92}.spectral-region-readout,.truebalance-region-readout{flex:0 0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 1px 6px}.spectral-fit-cell{position:relative;min-width:0;padding:5px 6px;overflow:hidden;border:1px solid rgba(133,199,230,.12);border-radius:13px;background:linear-gradient(180deg,#071826e0,#030c17c7);box-shadow:inset 0 1px #ffffff09}.spectral-fit-cell.is-balanced{border-color:#6fffda2b}.spectral-fit-cell.is-hot{border-color:#ffd3702e}.spectral-fit-cell.is-dip{border-color:#67d6ff2e}.spectral-fit-cell.is-watch{border-color:#a6fff124}.spectral-fit-topline{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-bottom:2px}.spectral-fit-topline span{color:#abfff2e6;font-size:.47rem;font-weight:640;letter-spacing:.095em;line-height:1;text-transform:uppercase}.spectral-fit-topline em{min-width:0;overflow:hidden;color:#d6e6ef8c;font-size:.42rem;font-style:normal;font-weight:460;letter-spacing:-.01em;line-height:1;text-align:right;text-overflow:ellipsis;white-space:nowrap}.spectral-fit-main{display:flex;align-items:baseline;gap:3px;min-width:0}.spectral-fit-main strong{color:var(--sf-cyan);font-family:var(--sf-font-number);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"zero" 1;font-size:clamp(.92rem,4.55vw,1.18rem);font-weight:520;letter-spacing:-.055em;line-height:.92;text-shadow:0 0 9px rgba(69,232,238,.16)}.spectral-fit-main span{color:#e0f0f69e;font-size:.43rem;font-weight:510;letter-spacing:.01em}.spectral-fit-delta{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-top:1px;min-width:0}.spectral-fit-delta span{min-width:0;overflow:hidden;color:#9bf2eac2;font-size:.42rem;font-weight:455;letter-spacing:-.006em;line-height:1.05;text-overflow:ellipsis;white-space:nowrap}.spectral-fit-delta span.positive{color:#ffdd8fd1}.spectral-fit-delta span.negative{color:#87e2ffc7}.spectral-fit-delta b{flex:0 0 auto;color:#f4fafdd1;font-family:var(--sf-font-number);font-size:.46rem;font-weight:560;font-variant-numeric:tabular-nums}.tonal-fit-bar{--fit-color: rgba(255, 214, 104, .86);--fit-glow: rgba(255, 214, 104, .24);position:relative;height:6px;margin-top:4px;overflow:hidden;border:1px solid rgba(133,199,230,.12);border-radius:999px;background:linear-gradient(90deg,#ffd66829,#63ffb83d 46%,#63ffb84d,#63ffb83d 54%,#ffd66829),linear-gradient(180deg,#ffffff0d,#00000047);box-shadow:inset 0 1px 2px #00000061}.spectral-fit-cell.is-balanced .tonal-fit-bar{--fit-color: rgba(99, 255, 184, .92);--fit-glow: rgba(99, 255, 184, .3)}.spectral-fit-cell.is-watch .tonal-fit-bar,.spectral-fit-cell.is-hot .tonal-fit-bar,.spectral-fit-cell.is-dip .tonal-fit-bar{--fit-color: rgba(255, 214, 104, .9);--fit-glow: rgba(255, 214, 104, .28)}.tonal-fit-bar:before{content:"";position:absolute;left:50%;top:-2px;bottom:-2px;width:1px;background:#e8f4fa3d}.tonal-fit-bar:after{content:"";position:absolute;left:calc(50% - 9px);top:1px;width:18px;height:2px;border-radius:999px;background:#63ffb870;box-shadow:0 0 9px #63ffb833}.tonal-fit-bar i{position:absolute;top:50%;width:11px;height:3px;border-radius:999px;background:var(--fit-color);transform:translate(-50%,-50%);box-shadow:0 0 9px var(--fit-glow),0 0 0 1px #030c1794;transition:left .22s cubic-bezier(.2,.8,.2,1),background-color .16s ease}.spectrum-plot-wrap,.spectrum-split-canvas-wrap{position:relative;flex:1 1 clamp(208px,31dvh,262px);min-height:clamp(196px,29dvh,242px);width:100%;margin-top:4px;overflow:hidden;border:1px solid rgba(133,199,230,.16);border-radius:12px;background:linear-gradient(180deg,#010810fe,#00040a);box-shadow:inset 0 1px #ffffff0a,inset 0 0 0 1px #ffffff03,0 10px 24px #0000003d}.spectrum-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.spectrum-canvas-live{touch-action:none}.legend-row,.reference-legend-row{display:none}}@layer stereo{.truebalance-stereo-meter,.stereo-field-meter{flex:0 0 auto;margin-top:7px;padding:7px;border:1px solid rgba(133,199,230,.105);border-radius:14px;background:linear-gradient(180deg,#061523ad,#020a128a);box-shadow:inset 0 1px #ffffff07}.stereo-region-stack{display:grid;gap:6px}.stereo-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.stereo-cell{position:relative;min-width:0;padding:6px 7px 7px;overflow:hidden;border:1px solid rgba(133,199,230,.12);border-radius:12px;background:linear-gradient(180deg,#081d2dad,#030d187a);box-shadow:inset 0 1px #ffffff0b}.stereo-cell:after{content:"";position:absolute;left:8px;right:8px;bottom:4px;height:1px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(69,232,238,.24),transparent);opacity:.55;pointer-events:none}.stereo-label-line{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:5px;min-width:0;margin-bottom:4px}.stereo-label-line span{overflow:hidden;color:#d6e6efc7;font-size:.52rem;font-weight:520;letter-spacing:-.006em;text-overflow:ellipsis;white-space:nowrap}.stereo-label-line strong{color:#f4fafdfa;font-family:var(--sf-font-number);font-size:.72rem;font-weight:620;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;letter-spacing:-.035em;text-shadow:0 0 9px rgba(69,232,238,.18)}.width-center-range,.corr-range{position:relative;height:12px;margin-top:3px;overflow:visible;border:1px solid rgba(133,199,230,.15);border-radius:999px;background:linear-gradient(90deg,#45e8ee1c,#ffffff09 50%,#45e8ee1c),linear-gradient(180deg,#ffffff0e,#0000002e);box-shadow:inset 0 1px 2px #0000005c,0 0 0 1px #0000002e}.width-center-range:before,.corr-range:before{content:"";position:absolute;left:50%;top:-2px;bottom:-2px;width:1px;background:#ecf6fb3d}.width-center-range .side-label,.corr-side-label{position:absolute;top:50%;z-index:2;color:#d6e6efb8;font-size:.48rem;font-weight:540;line-height:1;transform:translateY(-50%)}.width-center-range .side-label.left,.corr-side-label.left{left:4px}.width-center-range .side-label.right,.corr-side-label.right{right:4px}.width-center-range b{position:absolute;left:50%;top:50%;height:5px;max-width:100%;border-radius:999px;background:linear-gradient(90deg,#45e8ee00,#9effe7db,#45e8ee00);box-shadow:0 0 12px #45e8ee52;transform:translate(-50%,-50%)}.corr-range i{position:absolute;top:50%;left:50%;width:10px;height:10px;margin-left:-5px;border-radius:999px;background:radial-gradient(circle at 35% 25%,#ffffff,var(--sf-meter-line) 48%,rgba(69,232,238,.58));box-shadow:0 0 0 2px #030c17b8,0 0 9px #45e8ee4d;transform:translateY(-50%)}}@layer metering{.meter-dock,.analyzer-level-strip{flex:0 0 auto;padding:7px 8px 8px;display:flex;flex-direction:column;gap:0;border-radius:18px}.level-meter-card{min-width:0}.meter-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:5px}.meter-section-title strong{color:#b7c9d68f;font-size:.49rem;font-weight:410;letter-spacing:.045em;line-height:1;text-transform:uppercase}.stereo-level-row{display:grid;grid-template-columns:21px minmax(0,1fr) 38px 54px;align-items:center;gap:6px;min-height:22px;margin-bottom:4px}.stereo-level-row:last-child{margin-bottom:0}.stereo-level-row>span{width:16px;height:16px;display:grid;place-items:center;border:1px solid rgba(133,199,230,.16);border-radius:3px;color:#b8f5f3e0;background:linear-gradient(180deg,#081c2adb,#030a12f0);box-shadow:inset 0 1px #ffffff0d;font-size:.58rem;font-weight:500;line-height:1}.stereo-level-row i{position:relative;min-width:0;height:16px;overflow:hidden;border:1px solid rgba(185,211,226,.2);border-radius:0;background:linear-gradient(90deg,rgba(255,255,255,.095) 0 1px,transparent 1px 25%,rgba(255,255,255,.075) 25% calc(25% + 1px),transparent calc(25% + 1px) 50%,rgba(255,255,255,.075) 50% calc(50% + 1px),transparent calc(50% + 1px) 75%,rgba(255,255,255,.075) 75% calc(75% + 1px),transparent calc(75% + 1px) 100%),repeating-linear-gradient(90deg,rgba(255,255,255,.038) 0 1px,transparent 1px 10px),linear-gradient(180deg,#ffffff12,#ffffff05 48%,#0000002e),var(--sf-meter-track);box-shadow:inset 0 1px #ffffff13,inset 0 -1px #00000075,0 0 0 1px #00000047}.stereo-level-row i:after{content:"";position:absolute;inset:1px 1px auto 1px;height:34%;background:linear-gradient(180deg,#ffffff21,#fff0);opacity:.46;pointer-events:none}.stereo-level-row i b,.stereo-level-row i em,.stereo-level-row i mark,.stereo-level-row i u{position:absolute;top:0;bottom:0;left:0;display:block}.stereo-level-row i b{z-index:1;right:0;background:linear-gradient(180deg,#ffffff2e,#ffffff05 44%,#00000038),var(--sf-meter-gradient-dbfs);box-shadow:inset 0 1px #ffffff24,inset 0 -1px #00000047;clip-path:inset(0 calc(100% - var(--rms-width, 0%)) 0 0);transition:clip-path .13s cubic-bezier(.16,.02,.18,1)}.stereo-level-row i em{z-index:2;right:0;background:linear-gradient(180deg,#ffffff1a,#ffffff04 48%,#00000029),var(--sf-meter-gradient-dbfs);opacity:.3;clip-path:inset(0 calc(100% - var(--peak-width, 0%)) 0 0);transition:clip-path 105ms cubic-bezier(.16,.02,.18,1)}.stereo-level-row i mark{z-index:5;left:var(--peak-hold-pos, 0%);width:1px;background:var(--sf-meter-line);box-shadow:0 0 0 1px #02080e61,0 0 7px #b9c5cf38;pointer-events:none;transition:left 145ms cubic-bezier(.16,.02,.18,1)}.stereo-level-row i u{z-index:4;left:auto;right:0;width:2px;background:#e6748bb3;box-shadow:0 0 7px #e6748b42}.stereo-level-row.clip-now i mark,.stereo-level-row.clip-latched i mark{background:#e2808feb;box-shadow:0 0 0 1px #02080e6b,0 0 10px #e2808f6b}.clip-latch{height:19px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(133,199,230,.13);border-radius:999px;color:#c6d8e494;background:#ffffff0a;font-size:.49rem;font-weight:480;letter-spacing:.035em;transition:transform .15s var(--sf-ease-out),color .15s var(--sf-ease-out),border-color .15s var(--sf-ease-out)}.clip-latch[aria-pressed=true]{color:#ffb7c4e0;border-color:#e77b9059}.peak-value{justify-self:end;min-width:52px;color:#f1f7fbeb;font-family:var(--sf-font-number);font-size:.68rem;font-weight:520;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"zero" 1;letter-spacing:-.02em;text-align:right}.peak-value small{margin-right:3px;color:#aebec994;font-size:.46rem;font-weight:460;letter-spacing:.05em}.meter-metric-card{min-height:48px;padding:7px 8px;display:grid;align-content:center;border:1px solid rgba(133,199,230,.13);border-radius:10px;color:inherit;background:linear-gradient(180deg,#0b2236b8,#06111fdb);box-shadow:inset 0 1px #ffffff0d;font:inherit;text-align:left}button.meter-metric-card{cursor:pointer;transition:transform .15s var(--sf-ease-out),border-color .15s var(--sf-ease-out),background .15s var(--sf-ease-out)}button.meter-metric-card:hover{border-color:#85c7e638}button.meter-metric-card:active{transform:scale(.985)}.meter-metric-card small,.meter-metric-card em{color:#9cb0bead;font-size:.51rem;font-style:normal;font-weight:410;letter-spacing:.02em}.meter-metric-card strong{color:var(--sf-text-0);font-family:var(--sf-font-number);font-size:clamp(1.08rem,4.7vw,1.38rem);font-weight:520;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"zero" 1;letter-spacing:-.045em;line-height:.94;padding-left:20px;margin-right:5px}.meter-metric-card.metric-int strong,.meter-metric-card.metric-st strong{color:var(--sf-cyan)}.meter-metric-card.metric-int.safe strong{color:var(--sf-mint)}.meter-metric-card.metric-int.warn strong{color:var(--sf-amber)}.meter-metric-card.metric-int.hot strong{color:var(--sf-orange)}.meter-metric-card.metric-int.danger strong{color:var(--sf-rose)}.meter-metric-card.metric-tp.safe strong{color:var(--sf-mint)}.meter-metric-card.metric-tp.warn strong{color:var(--sf-amber)}.meter-metric-card.metric-tp.danger strong{color:var(--sf-rose)}.header-meter-card{min-height:0;height:100%;padding:4px 8px 5px;display:grid;grid-template-columns:minmax(0,max-content) max-content;grid-template-rows:9px minmax(0,1fr);align-content:center;align-items:baseline;column-gap:3px;row-gap:0;border-radius:11px;background:linear-gradient(180deg,#0a2134c7,#040f1be0);box-shadow:inset 0 1px #ffffff0f,0 7px 16px #00000024;white-space:nowrap}.header-meter-card small{grid-column:1 / -1;margin:0;color:#9cb0bec2;font-size:.39rem;line-height:1;letter-spacing:.015em}.header-meter-card strong{align-self:end;font-size:clamp(.92rem,3.65vw,1.16rem);line-height:.94;vertical-align:baseline}.header-meter-card em{align-self:end;margin:0 0 1px;color:#d6e6efc2;font-size:clamp(.48rem,1.8vw,.6rem);font-style:normal;font-weight:460;letter-spacing:-.015em;line-height:1;vertical-align:baseline}}@layer nav{.analyzer-bottom-nav{position:fixed;left:50%;bottom:calc(7px + env(safe-area-inset-bottom));width:min(calc(100% - 18px),var(--sf-shell-w));min-height:56px;padding:5px;display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;isolation:isolate;border:1px solid rgba(133,199,230,.13);border-radius:999px;background:radial-gradient(circle at 50% 0%,rgba(69,232,238,.07),transparent 62%),linear-gradient(180deg,#07111fd6,#02060ef0);box-shadow:0 18px 50px #0000007a,inset 0 1px #fff1;transform:translate(-50%);backdrop-filter:blur(8px) saturate(1.04);-webkit-backdrop-filter:blur(8px) saturate(1.04)}.analyzer-bottom-nav:before{content:"";position:absolute;left:5px;top:5px;bottom:5px;z-index:0;width:calc((100% - 10px)/4);border-radius:999px;background:radial-gradient(circle at 30% 0%,rgba(255,255,255,.18),transparent 56%),linear-gradient(150deg,#4db8ffc7,#20b4d2a8 55%,#0b6684b8);box-shadow:inset 0 1px #ffffff21,0 12px 26px #35b4e624;transform:translate(calc(var(--active-index, 0) * 100%));transition:transform .6s cubic-bezier(.15,1.36,.24,1),background .32s ease,box-shadow .32s ease;will-change:transform}.analyzer-bottom-nav button{position:relative;z-index:1;min-height:46px;display:grid;place-items:center;align-content:center;gap:2px;border-radius:999px;background:transparent;color:#dfeff885;font-family:var(--sf-font-display);font-size:.56rem;font-weight:470;letter-spacing:-.01em;transition:color .22s ease,transform .26s cubic-bezier(.16,1.28,.28,1),opacity .22s ease}.analyzer-bottom-nav button svg{opacity:.66;transition:opacity .22s ease,filter .22s ease,transform .26s cubic-bezier(.16,1.28,.28,1)}.analyzer-bottom-nav button.active{color:var(--sf-text-0)}.analyzer-bottom-nav button.active svg{opacity:.98;filter:drop-shadow(0 0 7px rgba(155,242,234,.28))}.analyzer-bottom-nav button:active{transform:scale(.985)}.analyzer-bottom-nav button.pulse-recommendation:after{content:"";position:absolute;top:9px;right:31%;width:6px;height:6px;border-radius:999px;background:var(--sf-cyan);box-shadow:0 0 10px #45e8eead}.analyzer-bottom-nav button:hover{color:#eef9fcdb}.analyzer-bottom-nav button:active{transform:scale(.968)}.analyzer-bottom-nav button.active{text-shadow:0 1px 11px rgba(109,228,240,.15)}.analyzer-bottom-nav button.active svg{transform:translateY(-.5px)}}@layer panelShell{.analyzer-detail-panel,.mobile-single-view,.diagnose-panel,.compact-diagnose-panel,.calibration-single-view{min-height:0;flex:1 1 auto;display:flex;flex-direction:column;gap:var(--sf-gap);overflow:hidden}.section-title,.diagnosis-head,.hardware-eq-head,.eq-wait-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.section-title h2,.diagnosis-head h2,.hardware-eq-head h2,.eq-wait-head h2,.alert-title-block h3{margin:1px 0 0;font-family:var(--sf-font-display);color:var(--sf-text-0);font-weight:560;letter-spacing:-.026em}.section-title h2,.hardware-eq-head h2,.eq-wait-head h2{font-size:.96rem;line-height:1.08}.section-title svg,.hardware-eq-head>span svg{color:#baf4f0e6}.install-prompt{position:fixed;left:50%;bottom:calc(var(--sf-nav-h) + 14px + env(safe-area-inset-bottom));z-index:20;width:min(calc(100% - 24px),470px);padding:12px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;transform:translate(-50%)}.install-prompt-copy{min-width:0}.install-prompt-copy h3,.install-prompt-copy p{margin:0}.install-prompt-copy p{color:var(--sf-text-2);font-size:.76rem}.install-prompt-main,.install-prompt-close{min-height:34px;padding:0 11px;border-radius:999px;background:#ffffff0f}.install-prompt-main{color:#061721;background:linear-gradient(95deg,#78dff0,#84edc7)}.analyzer-detail-panel{gap:8px}.band-diagnosis-panel,.hardware-eq-panel,.calibration-panel,.eq-wait-card{border-color:#8ecfe822;background:radial-gradient(circle at 12% 0%,rgba(75,232,238,.04),transparent 36%),linear-gradient(180deg,#071625f6,#030a13fb);box-shadow:0 16px 38px #00000057,inset 0 1px #ffffff0b}.section-title h2,.diagnosis-head h2,.hardware-eq-head h2,.eq-wait-head h2,.alert-title-block h3{font-weight:520;letter-spacing:-.03em}.section-title .eyebrow,.diagnosis-head .eyebrow,.hardware-eq-head .eyebrow,.alert-title-block .eyebrow{font-weight:520;letter-spacing:.145em;color:#82e8e0d6}}@layer diagnose{.diagnose-panel,.compact-diagnose-panel{gap:7px}.tone-watch-compact-panel{flex:0 0 auto;padding:7px 8px;border:1px solid rgba(133,213,235,.11);border-radius:16px;background:radial-gradient(circle at 8% 0%,rgba(69,232,238,.046),transparent 40%),linear-gradient(180deg,#081827e6,#040c16f5)}.tone-watch-compact-head{display:flex;align-items:center;gap:7px}.tone-watch-compact-head>span{width:25px;height:25px;display:grid;place-items:center;border:1px solid rgba(69,232,238,.13);border-radius:10px;color:#8bf5f0db;background:#2ac7cf0b}.tone-watch-compact-head .eyebrow{margin:0;color:#8bf5f0cc;font-size:.48rem;font-weight:540;letter-spacing:.075em;text-transform:uppercase}.tone-watch-compact-head h3{margin:1px 0 0;color:#f1f8fbed;font-size:.72rem;font-weight:560;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tone-watch-compact-list{margin-top:6px;display:grid;gap:5px}.tone-watch-compact-item{min-width:0;padding:6px 7px;display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:6px;border:1px solid rgba(133,199,230,.09);border-radius:12px;background:linear-gradient(180deg,#ffffff08,#ffffff03)}.tone-watch-compact-item strong{color:#f5fafced;font-size:.66rem;font-weight:610;white-space:nowrap}.tone-watch-compact-item span{min-width:0;color:#b1c7d3c7;font-size:.53rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tone-watch-compact-item em{color:#ffe8becc;font-size:.5rem;font-style:normal;white-space:nowrap}.band-diagnosis-panel,.spectral-fit-panel{flex:1 1 0;min-height:0;display:flex;flex-direction:column;padding:9px;overflow:hidden;border-radius:19px}.diagnosis-head,.spectral-fit-head{flex:0 0 auto;margin-bottom:6px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.spectral-fit-head h2{margin:1px 0 0;color:#f2f9fcf0;font-size:.98rem;font-weight:520;letter-spacing:-.02em;line-height:1.02}.spectral-fit-score{display:inline-flex;align-items:baseline;gap:3px;padding-top:1px;white-space:nowrap}.spectral-fit-score span{color:#5ceeebf5;font-size:1.06rem;font-weight:520;letter-spacing:-.05em;line-height:1}.spectral-fit-score small{color:#aabcca9e;font-size:.5rem;font-weight:450;letter-spacing:.03em}.spectral-fit-summary{flex:0 0 auto;min-height:28px;margin-bottom:6px;padding:5px 8px;display:flex;align-items:center;gap:7px;border:1px solid rgba(76,232,238,.1);border-radius:0;background:linear-gradient(90deg,#4ae8ee0f,#4ae8ee06 46%,#ffffff03);box-shadow:inset 0 1px #ffffff07}.spectral-fit-summary span{flex:0 0 auto;color:#9bb4c2b3;font-size:.54rem;font-weight:480;letter-spacing:.035em;text-transform:uppercase}.spectral-fit-summary strong{min-width:0;color:#eef9fceb;font-size:.69rem;font-weight:520;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.band-diagnosis-list,.spectral-fit-grid{flex:1 1 0;min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:5px;overflow:hidden}.band-diagnosis-card:last-child,.spectral-fit-card:last-child{grid-column:1 / -1}.band-diagnosis-card,.spectral-fit-card{min-width:0;min-height:0;padding:6px 7px;display:flex;flex-direction:column;gap:3px;overflow:hidden;border:1px solid rgba(144,207,232,.115);border-radius:12px;background:radial-gradient(circle at 50% -6%,rgba(255,255,255,.035),transparent 46%),linear-gradient(180deg,#09192ad4,#050e1ae6);box-shadow:inset 0 1px #ffffff08}.spectral-fit-card.ok{border-color:#87eec821}.spectral-fit-card.boost{border-color:#87eec830}.spectral-fit-card.cut{border-color:#e77b9040}.spectral-fit-card.feedback{border-color:#ff6f8957;background:radial-gradient(circle at 50% -5%,rgba(255,111,137,.075),transparent 46%),linear-gradient(180deg,#220c14c7,#070d18eb)}.spectral-fit-topline,.spectral-fit-condition-row{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0}.spectral-fit-topline>div{min-width:0;display:flex;align-items:baseline;gap:3px}.spectral-fit-topline strong{color:#f1f9fceb;font-size:.72rem;font-weight:520;letter-spacing:-.015em;line-height:1}.spectral-fit-topline em{font-style:normal;color:#a6b9c7a3;font-size:.49rem;font-weight:460;letter-spacing:.03em;line-height:1;text-transform:uppercase}.spectral-fit-topline span{color:#5ceeebf0;font-size:.66rem;font-weight:520;letter-spacing:-.015em;line-height:1;white-space:nowrap}.spectral-fit-card.cut .spectral-fit-topline span,.spectral-fit-card.feedback .spectral-fit-topline span{color:var(--sf-rose)}.spectral-fit-card.boost .spectral-fit-topline span{color:var(--sf-mint)}.spectral-fit-condition-row b,.spectral-fit-condition-row i{min-width:0;font-size:.55rem;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spectral-fit-condition-row b{color:#edf7fbe6;font-weight:520;letter-spacing:.015em;text-transform:uppercase}.spectral-fit-condition-row i{font-style:normal;color:#a8bbc9b3;font-weight:400}.spectral-fit-meter{position:relative;flex:0 0 auto;height:13px;margin-top:2px;overflow:hidden;border-radius:0;background:linear-gradient(90deg,#e77b9021,#8deecd2b 50%,#e77b9021),repeating-linear-gradient(90deg,transparent 0 19px,rgba(255,255,255,.035) 19px 20px);box-shadow:inset 0 0 0 1px #ffffff09}.spectral-fit-zone{position:absolute;top:50%;transform:translateY(-50%);z-index:2;color:#e5f2f870;font-size:.4rem;font-weight:500;letter-spacing:.045em;line-height:1}.spectral-fit-zone.low{left:5px}.spectral-fit-zone.ok{left:50%;transform:translate(-50%,-50%);color:#c8f6e3a8}.spectral-fit-zone.high{right:5px}.spectral-fit-ok-window{position:absolute;top:0;bottom:0;left:36%;right:36%;background:#87eec829;border-left:1px solid rgba(135,238,200,.15);border-right:1px solid rgba(135,238,200,.15)}.spectral-fit-dot{position:absolute;top:50%;z-index:4;width:6px;height:6px;border-radius:99px;background:#4ce8eef5;box-shadow:0 0 9px #45e8ee80;transform:translate(-50%,-50%);will-change:left,transform;transition:left 90ms linear,background .18s ease,box-shadow .18s ease}.spectral-fit-card.cut .spectral-fit-dot,.spectral-fit-card.feedback .spectral-fit-dot{background:#e77b90f5;box-shadow:0 0 9px #e77b9073}.spectral-fit-explain{margin:0;color:#a4b8c6a8;font-size:.52rem;font-weight:400;line-height:1.22;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.spectral-fit-explain strong{color:#d6e7efbd;font-weight:520}.diagnose-workspace{min-height:0;flex:1 1 auto;display:flex;flex-direction:column;gap:7px;overflow:hidden}.diagnose-segmented-pill{position:relative;flex:0 0 auto;height:34px;padding:4px;display:grid;grid-template-columns:1fr 1fr;gap:3px;overflow:hidden;border:1px solid rgba(142,207,232,.13);border-radius:999px;background:radial-gradient(circle at 14% 0%,rgba(255,190,92,.065),transparent 34%),radial-gradient(circle at 88% 0%,rgba(69,232,238,.06),transparent 34%),linear-gradient(180deg,#ffffff0d,#ffffff05);box-shadow:0 12px 24px #0003,inset 0 1px #ffffff0a}.diagnose-segment-thumb{position:absolute;z-index:1;left:4px;top:4px;bottom:4px;width:calc(50% - 5.5px);border-radius:999px;background:radial-gradient(circle at 18% 0%,rgba(255,255,255,.17),transparent 44%),linear-gradient(95deg,#ffb561c7,#ff708b94);box-shadow:0 8px 18px #ff91661f,inset 0 1px #ffffff29;transform:translate(0);transition:transform .6s cubic-bezier(.15,1.36,.24,1),background .32s ease,box-shadow .32s ease;will-change:transform}.diagnose-workspace.page-fit .diagnose-segment-thumb{transform:translate(calc(100% + 7px));background:radial-gradient(circle at 18% 0%,rgba(255,255,255,.16),transparent 44%),linear-gradient(95deg,#4de2f4cc,#7eefd299);box-shadow:0 8px 18px #45e8ee1f,inset 0 1px #ffffff26}.diagnose-segmented-pill button{position:relative;z-index:2;min-width:0;height:26px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:999px;color:#b8cfdbb3;background:transparent;font-family:var(--sf-font-ui);font-size:.64rem;font-weight:540;letter-spacing:.012em;cursor:pointer;transition:color .22s ease,transform .26s cubic-bezier(.16,1.28,.28,1),opacity .22s ease}.diagnose-segmented-pill button:hover{color:#eef9fce0}.diagnose-segmented-pill button:active{transform:scale(.972)}.diagnose-segmented-pill button.active{color:#fffdf5f5}.diagnose-segmented-pill button svg{flex:0 0 auto}.diagnose-page-viewport{flex:1 1 0;min-height:0;overflow:hidden;border-radius:19px}.diagnose-page-track{width:200%;height:100%;min-height:0;display:flex;transform:translate(0);transition:transform .61s cubic-bezier(.14,1.16,.23,1);will-change:transform}.diagnose-workspace.page-fit .diagnose-page-track{transform:translate(-50%)}.diagnose-subpage{width:50%;min-width:0;min-height:0;padding:0;display:flex;flex-direction:column;gap:7px;overflow:hidden auto;scrollbar-width:thin;scrollbar-color:rgba(139,245,240,.24) transparent;transition:opacity .36s ease,filter .46s ease,transform .61s cubic-bezier(.14,1.16,.23,1)}.diagnose-workspace.page-feedback .fit-page,.diagnose-workspace.page-fit .feedback-page{opacity:.36;filter:blur(.8px) saturate(.78)}.diagnose-workspace.page-feedback .feedback-page,.diagnose-workspace.page-fit .fit-page{opacity:1;filter:none}.feedback-page{padding-right:1px}.fit-page .band-diagnosis-panel,.fit-page .spectral-fit-panel{flex:1 1 auto;min-height:0}.ringout-plan-panel{flex:0 0 auto;padding:8px 9px;border:1px solid rgba(255,190,92,.16);border-radius:18px;background:radial-gradient(circle at 4% 0%,rgba(255,190,92,.07),transparent 42%),linear-gradient(180deg,#0e141ff0,#050c15f7);box-shadow:var(--sf-shadow-soft)}.ringout-plan-panel.empty{border-color:#85d5eb1c;background:radial-gradient(circle at 4% 0%,rgba(69,232,238,.045),transparent 42%),linear-gradient(180deg,#081827e6,#040c16f5)}.ringout-plan-head{display:flex;align-items:center;gap:8px}.ringout-plan-icon{flex:0 0 auto;width:27px;height:27px;display:grid;place-items:center;border:1px solid rgba(255,190,92,.18);border-radius:10px;color:#ffe2b8eb;background:radial-gradient(circle at 38% 22%,rgba(255,218,173,.17),transparent 48%),#ffbe5c0e}.ringout-plan-head>div:not(.ringout-plan-summary){flex:1 1 auto;min-width:0}.ringout-plan-head h3{margin:1px 0 0;color:#f1f8fbed;font-size:.75rem;font-weight:550;line-height:1.08;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ringout-plan-summary{flex:0 0 auto;display:flex;gap:4px}.ringout-plan-summary span{padding:4px 6px;border:1px solid rgba(255,190,92,.16);border-radius:999px;color:#ffe8bee0;background:#ffbe5c0b;font-size:.52rem;font-weight:560;white-space:nowrap}.ringout-plan-list{margin-top:7px;display:grid;gap:5px}.ringout-plan-row{min-width:0;padding:6px 7px;display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:7px;border:1px solid rgba(133,199,230,.09);border-radius:13px;background:linear-gradient(180deg,#ffffff09,#ffffff03)}.ringout-plan-row.status-apply{border-color:#ff6f8938;background:radial-gradient(circle at 0% 0%,rgba(255,111,137,.06),transparent 42%),linear-gradient(180deg,#ffffff09,#ffffff03)}.ringout-plan-row.status-prepare{border-color:#ffbe5c2e}.ringout-plan-row.status-verify{border-color:#ffbe5c42;background:radial-gradient(circle at 0% 0%,rgba(255,190,92,.06),transparent 42%),linear-gradient(180deg,#ffffff09,#ffffff03)}.ringout-plan-rank{width:22px;height:22px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.07);border-radius:999px;color:#ffe8bee0;background:#ffffff09;font-size:.58rem;font-weight:650}.ringout-plan-main{min-width:0}.ringout-plan-main strong{display:block;color:#f5fafcf0;font-size:.68rem;font-weight:590;line-height:1}.ringout-plan-main span{display:block;margin-top:2px;color:#a4bccbc2;font-size:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ringout-plan-values{flex:0 0 auto;display:flex;gap:4px}.ringout-plan-values span{min-width:36px;padding:3px 5px;display:grid;justify-items:center;gap:1px;border:1px solid rgba(255,255,255,.06);border-radius:8px;background:#ffffff07}.ringout-plan-values em{color:#91a6b8a6;font-size:.38rem;font-style:normal;text-transform:uppercase;letter-spacing:.05em}.ringout-plan-values b{color:#ffe8bee6;font-size:.52rem;font-weight:570;white-space:nowrap}.ringout-plan-note{margin:7px 0 0;color:#a8bbc9b8;font-size:.59rem;line-height:1.28}.ringout-plan-panel.compact{padding:8px 9px;border-radius:17px}.ringout-plan-panel.compact .ringout-plan-head{min-height:28px}.ringout-plan-clear{flex:0 0 auto;height:25px;padding:0 8px;display:inline-flex;align-items:center;gap:4px;border:1px solid rgba(255,255,255,.08);border-radius:999px;color:#cfdee8c7;background:#ffffff09;font-size:.55rem;font-weight:560}.ringout-plan-clear:hover{color:#ffebebeb;border-color:#ff6f8938;background:#ff6f8911}.ringout-plan-primary{margin-top:7px;padding:7px 8px;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid rgba(255,190,92,.16);border-radius:14px;background:radial-gradient(circle at 0% 0%,rgba(255,190,92,.07),transparent 42%),linear-gradient(180deg,#ffffff0a,#ffffff03)}.ringout-plan-primary.status-apply{border-color:#ff6f893d;background:radial-gradient(circle at 0% 0%,rgba(255,111,137,.08),transparent 42%),linear-gradient(180deg,#ffffff0a,#ffffff03)}.ringout-plan-primary>div:first-child{min-width:0}.ringout-plan-primary em{display:block;color:#91a6b8a6;font-size:.42rem;font-style:normal;text-transform:uppercase;letter-spacing:.06em}.ringout-plan-primary strong{display:block;margin-top:2px;color:#f5fafcf2;font-size:.84rem;font-weight:660;line-height:1}.ringout-plan-primary>div:first-child span{display:block;margin-top:3px;color:#b1c7d3c7;font-size:.54rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ringout-primary-values{flex:0 0 auto;display:flex;gap:4px}.ringout-primary-values span{min-width:38px;padding:4px 5px;display:grid;justify-items:center;gap:1px;border:1px solid rgba(255,255,255,.065);border-radius:9px;background:#ffffff08}.ringout-primary-values em{color:#91a6b8a6;font-size:.38rem}.ringout-primary-values b{color:#ffe8bee8;font-size:.54rem;font-weight:570;white-space:nowrap}.ringout-plan-list.compact{margin-top:6px;gap:4px}.ringout-plan-list.compact .ringout-plan-row{padding:5px 6px;grid-template-columns:20px minmax(0,1fr) auto}.ringout-plan-list.compact .ringout-plan-rank{width:20px;height:20px}.ringout-plan-footer{margin-top:6px;display:flex;justify-content:space-between;gap:8px;color:#91a6b8b3;font-size:.52rem}.ringout-plan-footer span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feedback-page{gap:7px}.fit-page{padding-right:1px}.fit-page .band-diagnosis-panel,.fit-page .spectral-fit-panel{min-height:100%;border:1px solid rgba(142,207,232,.105);background:radial-gradient(circle at 12% 0%,rgba(69,232,238,.04),transparent 38%),linear-gradient(180deg,#061220cc,#040c16eb);box-shadow:var(--sf-shadow-soft)}@media(max-width:430px),(max-height:760px){.fit-page .band-diagnosis-panel,.fit-page .spectral-fit-panel{padding:8px}.fit-page .band-diagnosis-list,.fit-page .spectral-fit-grid{grid-template-columns:1fr;grid-auto-rows:minmax(76px,auto);overflow:hidden auto;padding-right:1px}.fit-page .band-diagnosis-card:last-child,.fit-page .spectral-fit-card:last-child{grid-column:auto}.fit-page .band-diagnosis-card,.fit-page .spectral-fit-card{min-height:76px}.fit-page .spectral-fit-explain{-webkit-line-clamp:1}}.feedback-explain-card{flex:0 0 auto;padding:8px 9px;display:grid;gap:7px;border:1px solid rgba(133,213,235,.12);border-radius:18px;background:radial-gradient(circle at 5% 0%,rgba(69,232,238,.052),transparent 40%),linear-gradient(180deg,#081827eb,#040c16f7);box-shadow:var(--sf-shadow-soft)}.feedback-explain-card.active{border-color:#ffbe5c2e;background:radial-gradient(circle at 5% 0%,rgba(255,190,92,.064),transparent 42%),radial-gradient(circle at 95% 12%,rgba(69,232,238,.044),transparent 36%),linear-gradient(180deg,#12151ff0,#050c15f7)}.feedback-explain-head{min-width:0;display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px}.feedback-explain-icon{width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(69,232,238,.14);border-radius:11px;color:#8bf5f0e6;background:#2ac7cf0c}.feedback-explain-card.active .feedback-explain-icon{border-color:#ffbe5c33;color:#ffe2b8eb;background:#ffbe5c0f}.feedback-explain-head>div:not(.feedback-confidence-badge){min-width:0}.feedback-explain-head .eyebrow{margin:0;color:#8bf5f0cc;font-size:.48rem;font-weight:540;letter-spacing:.075em;text-transform:uppercase}.feedback-explain-head h3{margin:1px 0 0;color:#f1f8fbed;font-size:.73rem;font-weight:560;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feedback-confidence-badge{min-width:50px;padding:4px 7px;display:grid;justify-items:center;gap:1px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:#ffffff09}.feedback-confidence-badge strong{color:#5ceeebf0;font-size:.68rem;font-weight:620;line-height:1}.feedback-confidence-badge span{color:#aabecab8;font-size:.43rem;font-weight:500;letter-spacing:.045em;line-height:1;text-transform:uppercase}.feedback-explain-summary{margin:0;color:#bed2dcc7;font-size:.58rem;font-weight:410;line-height:1.26;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.feedback-evidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.feedback-evidence-pill{min-width:0;padding:5px 6px;display:grid;gap:2px;overflow:hidden;border:1px solid rgba(133,199,230,.1);border-radius:11px;background:linear-gradient(180deg,#ffffff08,#ffffff03)}.feedback-evidence-pill.level-watch{border-color:#ffbe5c2b;background:radial-gradient(circle at 16% 0%,rgba(255,190,92,.052),transparent 48%),linear-gradient(180deg,#ffffff09,#ffffff03)}.feedback-evidence-pill.level-strong{border-color:#ff6f893b;background:radial-gradient(circle at 16% 0%,rgba(255,111,137,.065),transparent 48%),linear-gradient(180deg,#ffffff09,#ffffff03)}.feedback-evidence-pill span{color:#91a6b8ad;font-size:.43rem;font-weight:520;letter-spacing:.045em;line-height:1;text-transform:uppercase}.feedback-evidence-pill strong{color:#eef9fceb;font-size:.63rem;font-weight:590;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feedback-evidence-pill.level-watch strong{color:#ffe8beeb}.feedback-evidence-pill.level-strong strong{color:#ffb0bff0}.feedback-evidence-pill em{color:#a0b5c3a8;font-size:.48rem;font-style:normal;font-weight:410;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feedback-reason-action{display:grid;gap:4px;padding-top:1px}.feedback-reason-action div{min-width:0;display:flex;align-items:center;gap:5px;color:#b5cad6c2;font-size:.53rem;line-height:1.18}.feedback-reason-action div svg{flex:0 0 auto;color:#ffe2b8db}.feedback-reason-action span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feedback-reason-action strong{color:#e9f4f9e0;font-size:.56rem;font-weight:520;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:430px),(max-height:760px){.feedback-evidence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feedback-evidence-pill:nth-child(n+5){display:none}.feedback-explain-summary{-webkit-line-clamp:1}.feedback-reason-action div{display:none}}.operator-feedback-panel{flex:0 0 auto;padding:12px;display:grid;gap:10px;border:1px solid rgba(133,213,235,.13);border-radius:20px;background:radial-gradient(circle at 5% 0%,rgba(69,232,238,.055),transparent 42%),linear-gradient(180deg,#081827f0,#040c16fa);box-shadow:var(--sf-shadow-soft)}.operator-feedback-panel.status-safe{border-color:#59efc62e;background:radial-gradient(circle at 5% 0%,rgba(89,239,198,.07),transparent 42%),linear-gradient(180deg,#081e24f0,#040c16fa)}.operator-feedback-panel.status-watch{border-color:#ffbe5c38;background:radial-gradient(circle at 5% 0%,rgba(255,190,92,.078),transparent 44%),linear-gradient(180deg,#1a150df2,#050c15fa)}.operator-feedback-panel.status-danger{border-color:#ff6f894d;background:radial-gradient(circle at 5% 0%,rgba(255,111,137,.092),transparent 44%),radial-gradient(circle at 94% 8%,rgba(255,190,92,.054),transparent 40%),linear-gradient(180deg,#200e16f2,#050c15fa)}.operator-feedback-panel.status-wait{border-color:#85c7e621}.operator-status-row{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px}.operator-status-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(139,245,240,.18);border-radius:16px;color:#8bf5f0f5;background:#2ac7cf0e;box-shadow:inset 0 1px #ffffff0d}.operator-feedback-panel.status-safe .operator-status-icon{border-color:#59efc647;color:#6ef0c9f5;background:#59efc612}.operator-feedback-panel.status-watch .operator-status-icon{border-color:#ffbe5c47;color:#ffe2b8f5;background:#ffbe5c12}.operator-feedback-panel.status-danger .operator-status-icon{border-color:#ff6f8957;color:#ffa4b5fa;background:#ff6f8916}.operator-status-copy{min-width:0}.operator-status-copy p{margin:0;color:#8bf5f0cc;font-size:.62rem;font-weight:680;letter-spacing:.06em;text-transform:uppercase}.operator-status-copy h2{margin:2px 0 0;color:#f7fcfef5;font-size:clamp(.96rem,4.2vw,1.24rem);font-weight:680;letter-spacing:-.035em;line-height:1.05}.operator-action-box{padding:10px;display:grid;gap:5px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:linear-gradient(180deg,#ffffff0c,#ffffff05)}.operator-action-box span{color:#ffe8bed1;font-size:.56rem;font-weight:640;letter-spacing:.06em;text-transform:uppercase}.operator-action-box strong{color:#f5fafced;font-size:.82rem;font-weight:560;letter-spacing:-.02em;line-height:1.26}.operator-simple-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.operator-simple-values span{min-width:0;padding:8px 9px;display:grid;gap:3px;border:1px solid rgba(133,199,230,.105);border-radius:13px;background:#ffffff07}.operator-simple-values em{color:#91a6b8b8;font-size:.52rem;font-style:normal;font-weight:560;letter-spacing:.04em;text-transform:uppercase}.operator-simple-values b{color:#ffe8beed;font-size:.85rem;font-weight:640;line-height:1.05}.operator-helper-text{margin:0;color:#b8cdd8c2;font-size:.66rem;line-height:1.34}.technician-detail-drawer{flex:0 0 auto;border:1px solid rgba(133,213,235,.105);border-radius:18px;background:linear-gradient(180deg,#081827ad,#040c16e0);overflow:hidden}.technician-detail-drawer summary{min-height:42px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#d7ebf4db;font-size:.72rem;font-weight:620;cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none}.technician-detail-drawer summary::-webkit-details-marker{display:none}.technician-detail-drawer summary:after{content:"Buka";padding:4px 8px;border:1px solid rgba(139,245,240,.14);border-radius:999px;color:#8bf5f0d1;font-size:.52rem;font-weight:620}.technician-detail-drawer[open] summary:after{content:"Tutup"}.technician-detail-body{padding:0 8px 8px;display:grid;gap:7px}}@layer eqCalibration{.hardware-eq-panel,.calibration-panel,.eq-wait-card{flex:1 1 auto;min-height:0;padding:12px;overflow:hidden;border-radius:22px}.hardware-eq-panel,.calibration-panel{display:flex;flex-direction:column}.hardware-eq-head,.section-title{flex:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.hardware-eq-head h2,.section-title h2{margin:1px 0 0;color:#f3f9fcf0;font-size:.98rem;font-weight:520;line-height:1.04;letter-spacing:-.022em}.hardware-eq-head p,.calibration-copy p,.eq-wait-card p{margin:4px 0 0;color:#a8bbc9bd;font-size:.72rem;font-weight:400;line-height:1.31}.hardware-eq-head>span,.section-title>svg{flex:0 0 auto}.hardware-eq-head>span{min-height:29px;padding:5px 9px;display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(76,232,238,.14);border-radius:999px;color:#cffdf8e0;background:linear-gradient(180deg,#4ce8ee14,#4ce8ee08);font-size:.66rem;font-weight:500;white-space:nowrap}.section-title>svg{width:18px;height:18px;margin-top:2px;color:#9bf2eac7}.hardware-eq-board,.calibration-eq-board{--eq-pt: 27px;--eq-pb: 23px;--eq-track-h: clamp(132px, 20.5dvh, 162px);flex:0 0 auto;position:relative;display:grid;grid-template-columns:20px repeat(7,minmax(0,1fr));align-items:start;gap:0 4px;margin-top:13px;padding:var(--eq-pt) 8px var(--eq-pb) 0;overflow:hidden;border:1px solid rgba(255,255,255,.072);border-radius:20px;background:linear-gradient(90deg,rgba(255,255,255,.018) 0 1px,transparent 1px 100%) 20px 0 / calc((100% - 20px) / 7) 100%,radial-gradient(circle at 26% 0%,rgba(255,255,255,.095),transparent 30%),radial-gradient(circle at 78% 18%,rgba(98,229,219,.045),transparent 31%),linear-gradient(155deg,#272b31,#20252c 48%,#171b21);box-shadow:inset 0 1px #ffffff12,inset 0 -1px #0000007a,0 16px 38px #0000006e}.eq-db-scale{position:relative;height:var(--eq-track-h);align-self:center;pointer-events:none}.eq-db-scale span{position:absolute;right:2px;transform:translateY(-50%);color:#d5e2eb6b;font-size:.47rem;font-weight:470;line-height:1;white-space:nowrap}.eq-db-scale .eq-scale-zero{color:#eef7fcb3;font-weight:520}.eq-band,.calibration-eq-band{min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px;border:0;background:transparent}.eq-gain-label{height:14px;display:flex;align-items:center;color:#dcecf4ad;font-style:normal;font-size:.57rem;font-weight:510;letter-spacing:-.01em;line-height:1;white-space:nowrap}.eq-band.cut .eq-gain-label,.eq-knob.cut+.eq-gain-label{color:var(--sf-rose)}.eq-band.boost .eq-gain-label,.eq-knob.boost+.eq-gain-label{color:var(--sf-mint)}.eq-band.moving .eq-gain-label{color:var(--sf-mint)}.eq-band.cut.moving .eq-gain-label{color:var(--sf-rose)}.eq-freq-label{height:14px;display:flex;align-items:center;color:#b8ccdc9e;font-size:.55rem;font-weight:490;line-height:1;white-space:nowrap}.eq-track{position:relative;width:10px;touch-action:none;height:var(--eq-track-h);border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,.035),transparent 28% 72%,rgba(0,0,0,.22)),linear-gradient(180deg,#080b10,#151a20);box-shadow:inset 0 2px 8px #000000db,inset 0 0 0 1px #000000a8,0 1px #ffffff0f}.eq-track.dragging{box-shadow:var(--sf-focus),inset 0 2px 8px #000000db}.calibration-eq-band .eq-track{width:34px;cursor:ns-resize;background:transparent;box-shadow:none;touch-action:none;-webkit-user-select:none;user-select:none}.calibration-eq-band .eq-track:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:10px;transform:translate(-50%);border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,.035),transparent 28% 72%,rgba(0,0,0,.22)),linear-gradient(180deg,#080b10,#151a20);box-shadow:inset 0 2px 8px #000000db,inset 0 0 0 1px #000000a8,0 1px #ffffff0f}.calibration-eq-band .eq-track.dragging{box-shadow:none}.calibration-eq-band .eq-track.dragging:before{box-shadow:var(--sf-focus),inset 0 2px 8px #000000db}.calibration-eq-band .eq-ticks{left:50%;width:10px;transform:translate(-50%)}.calibration-eq-band .eq-knob{width:34px;height:42px}.eq-ticks{position:absolute;top:4%;right:0;bottom:4%;left:0;pointer-events:none;background:linear-gradient(180deg,transparent calc(50% - .5px),rgba(238,247,252,.42) calc(50% - .5px) calc(50% + .5px),transparent calc(50% + .5px)),repeating-linear-gradient(180deg,rgba(255,255,255,.2) 0 1px,transparent 1px 25%),repeating-linear-gradient(180deg,rgba(255,255,255,.09) 0 1px,transparent 1px calc(100% / 24));-webkit-mask-image:linear-gradient(90deg,transparent 0 20%,#000 20% 80%,transparent 80% 100%);mask-image:linear-gradient(90deg,transparent 0 20%,#000 20% 80%,transparent 80% 100%)}.eq-knob{position:absolute;left:50%;width:28px;height:38px;border-radius:999px;display:grid;place-items:center;transform:translate(-50%,-50%);background:radial-gradient(circle at 40% 18%,#ffffffdb,#eef5fa8f 38%,#8f9faae6);border:1px solid rgba(255,255,255,.28);box-shadow:0 10px 18px #0000006b,inset 0 1px #ffffffc2,inset 0 -8px 14px #00121e2e;will-change:top;transition:top 90ms linear,box-shadow .18s ease}.hardware-eq-board .eq-knob{transition:box-shadow .18s ease,transform .22s cubic-bezier(.16,1.32,.28,1)}.hardware-eq-board .eq-band.moving .eq-knob{transform:translate(-50%,-50%) scale(1.018)}.eq-knob.boost{box-shadow:0 0 0 4px #87eec812,0 12px 22px #87eec821,inset 0 1px #ffffffc2,inset 0 -8px 14px #00121e2e}.eq-knob.cut{box-shadow:0 0 0 4px #ff6f890f,0 12px 22px #ff6f891f,inset 0 1px #ffffffc2,inset 0 -8px 14px #00121e2e}.eq-track.dragging .eq-knob{transition:none}.eq-knob-line{width:13px;height:2px;border-radius:99px;background:#ffffff94;box-shadow:0 1px 1px #0003}.hardware-try-list,.try-list{flex:0 0 auto;margin-top:12px;padding:10px 12px;display:grid;gap:8px;border:1px solid rgba(133,199,230,.105);border-radius:16px;background:radial-gradient(circle at 0 0,rgba(76,232,238,.045),transparent 36%),#ffffff06}.hardware-try-list>span,.try-list>span{color:#befaf4d6;font-size:.68rem;font-weight:520;letter-spacing:.05em;text-transform:uppercase}.hardware-try-list ol,.try-list ol{margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;list-style:none}.hardware-try-list li,.try-list li,.more-eq-action{min-height:26px;padding:0 9px;display:inline-flex;align-items:center;gap:4px;border:1px solid rgba(76,232,238,.13);border-radius:999px;background:#4ce8ee0a;color:var(--sf-text-1);font-size:.67rem;font-weight:440}.hardware-try-list li strong,.try-list li strong{color:#a0f7eef0;font-weight:520}.hardware-try-list p,.try-list p{margin:0;color:#a8bbc9bd;font-size:.7rem;font-weight:400;line-height:1.34}.calibration-copy{flex:0 0 auto;margin-top:8px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.calibration-copy strong{max-width:142px;color:#d6fff9db;font-size:.74rem;font-weight:520;line-height:1.18;overflow-wrap:anywhere}.calibration-grid{flex:0 0 auto;margin-top:10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.calibration-grid>div{min-height:52px;padding:9px 10px;display:grid;align-content:center;gap:3px;border:1px solid rgba(133,199,230,.105);border-radius:13px;background:linear-gradient(180deg,#ffffff0a,#ffffff05)}.calibration-grid span{color:#99adbeb3;font-size:.57rem;font-weight:480;letter-spacing:.06em;text-transform:uppercase}.calibration-grid strong{color:#eff8fceb;font-size:.8rem;font-weight:520;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calibration-actions{flex:0 0 auto;margin-top:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.calibration-actions button{min-height:42px;padding:0 11px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(133,199,230,.125);border-radius:13px;color:#ddebf3d4;background:linear-gradient(180deg,#0d2236bd,#06111ef0);box-shadow:inset 0 1px #ffffff0b;font-size:.76rem;font-weight:500}.calibration-actions button:active{transform:scale(.988)}.calibration-export{color:#031b22!important;border-color:#ffffff2e!important;background:linear-gradient(95deg,#6ad4e8,#80edc5)!important;box-shadow:0 12px 24px #45e8ee26,inset 0 1px #ffffff52!important}.eq-wait-card{display:grid;gap:12px;align-content:start}.eq-wait-head span{color:var(--sf-cyan);font-size:1.18rem;font-weight:520;letter-spacing:-.045em}.eq-wait-skeleton{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;min-height:150px;padding:16px 8px 12px;border-radius:18px;background:#ffffff09;border:1px solid rgba(133,199,230,.1)}.eq-wait-band{display:grid;justify-items:center;align-content:end;gap:8px}.eq-wait-band i{position:relative;width:9px;height:120px;border-radius:99px;background:#ffffff0f}.eq-wait-band i:after{content:"";position:absolute;left:50%;top:calc(50% - (var(--wait-gain, 0) * 3px));width:24px;height:34px;border-radius:99px;transform:translate(-50%,-50%);background:#ebf5fab8}.eq-wait-band span{color:var(--sf-text-2);font-size:.55rem;font-weight:500}.eq-wait-progress,.eq-analysis-progress{height:7px;overflow:hidden;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.04)}.eq-wait-progress i,.eq-analysis-progress em{display:block;height:100%;background:linear-gradient(90deg,var(--sf-cyan),var(--sf-mint))}.eq-analysis-view{position:relative;flex:1 1 auto;min-height:0;border-radius:22px;overflow:hidden}.eq-analysis-underlay{opacity:.28;filter:blur(1.5px) saturate(.88);pointer-events:none}.eq-analysis-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;align-content:center;gap:10px;text-align:center;background:#02080f8c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.eq-analysis-overlay strong{font-size:1.02rem;font-weight:520}.eq-analysis-overlay span{max-width:270px;color:var(--sf-text-2);font-size:.74rem;line-height:1.35}.eq-analysis-overlay small{color:var(--sf-text-2);font-size:.67rem}.eq-loading-orb{position:relative;width:58px;height:58px;display:grid;place-items:center;border-radius:999px;border:1px solid rgba(69,232,238,.2)}.eq-loading-orb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;border:2px solid transparent;border-top-color:#45e8eee6;border-right-color:#87eec873;animation:eqSpin 1.15s linear infinite}.eq-loading-orb i{width:28px;height:28px;border-radius:9px;background:#45e8ee24}.eq-loading-orb b{position:absolute;top:19px;right:19px;bottom:19px;left:19px;border-radius:999px;border:1px solid rgba(135,238,200,.24);animation:eqPulse 1.35s ease-in-out infinite}.eq-analysis-progress{width:min(230px,76%)}@keyframes eqSpin{to{transform:rotate(360deg)}}@keyframes eqPulse{0%,to{transform:scale(.82);opacity:.34}50%{transform:scale(1.25);opacity:.82}}}@layer quickGuide{.quick-guide-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;pointer-events:none}.quick-guide-layer.open{pointer-events:auto}.quick-guide-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;opacity:0;background:#01080f85;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);transition:opacity .26s ease,backdrop-filter .36s ease}.quick-guide-layer.open .quick-guide-backdrop{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.quick-guide-sheet{position:absolute;left:50%;right:auto;bottom:max(10px,env(safe-area-inset-bottom));width:min(calc(100% - 22px),520px);max-height:min(78vh,620px);padding:9px 12px 12px;display:flex;flex-direction:column;gap:10px;border:1px solid rgba(139,245,240,.18);border-radius:24px;color:#eef9fcf0;background:radial-gradient(circle at 10% 0%,rgba(69,232,238,.12),transparent 36%),radial-gradient(circle at 92% 12%,rgba(255,190,92,.08),transparent 38%),linear-gradient(180deg,#081b2bfa,#030b15fc);box-shadow:0 22px 80px #00000080,inset 0 1px #ffffff0e;transform:translate(-50%,calc(100% + 32px)) scale(.985);opacity:.98;transition:transform .64s cubic-bezier(.18,1.38,.22,1),opacity .26s ease;will-change:transform;overflow:hidden}.quick-guide-layer.open .quick-guide-sheet{transform:translate(-50%) scale(1);opacity:1}.quick-guide-handle{width:42px;height:4px;align-self:center;border-radius:999px;background:#b1d8e24d}.quick-guide-head{display:grid;grid-template-columns:minmax(0,1fr) 32px;align-items:start;gap:8px}.quick-guide-head p{margin:0;color:#8bf5f0db;font-size:.62rem;font-weight:720;letter-spacing:.08em;text-transform:uppercase}.quick-guide-head h2{margin:2px 0 0;font-size:1.05rem;line-height:1.08;letter-spacing:-.035em}.quick-guide-head button{width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.09);border-radius:12px;color:#e6f4f8e0;background:#ffffff0a}.quick-guide-steps{display:grid;gap:7px;overflow:auto;padding-right:1px}.quick-guide-steps article{display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;padding:8px;border:1px solid rgba(133,199,230,.1);border-radius:15px;background:#ffffff07}.quick-guide-steps strong{width:30px;height:30px;display:grid;place-items:center;border-radius:11px;color:#010f16eb;background:linear-gradient(135deg,#8bf5f0f5,#ffda87eb);font-size:.82rem}.quick-guide-steps h3{margin:0;font-size:.77rem;line-height:1.12}.quick-guide-steps p,.quick-guide-note{margin:3px 0 0;color:#b8cdd8c7;font-size:.64rem;line-height:1.33}.quick-guide-note{margin:0;padding:8px 9px;border:1px solid rgba(255,190,92,.14);border-radius:14px;color:#ffe8bed1;background:#ffbe5c0a}.quick-guide-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.quick-guide-actions button{min-height:38px;border-radius:14px;font-family:var(--sf-font-display);font-size:.72rem;font-weight:640;cursor:pointer}.guide-primary{border:1px solid rgba(255,255,255,.15);color:#010f16f0;background:linear-gradient(95deg,#91fff4,#ffdc8f)}.guide-secondary{border:1px solid rgba(139,245,240,.14);color:#daeef5d6;background:#ffffff09}@media(max-height:720px){.quick-guide-sheet{max-height:84vh}.quick-guide-steps article{padding:7px}}}@layer responsive{@media(max-height:820px){:root{--sf-gap: 6px}.app-shell,.analyzer-shell{padding-top:7px}.analyzer-top-card{padding:7px 9px 8px}.brand-mark{width:37px;height:37px;border-radius:14px}.analyzer-top-row{grid-template-columns:37px 1fr auto}.analyzer-action-strip{margin-top:6px;grid-template-rows:34px 32px;gap:4px 8px}.primary-action,.analyzer-main-button{min-height:0;border-radius:14px}.analyzer-control-grid .analyzer-main-button{min-height:34px}.analyzer-profile-row{min-height:32px}.analyzer-profile-row button{min-height:26px;font-size:.66rem}.spectrum-card.reference-zone-card{padding:8px 7px 7px}.spectrum-plot-wrap,.spectrum-split-canvas-wrap{flex-basis:clamp(198px,30dvh,244px);min-height:clamp(186px,27dvh,224px)}.meter-dock,.analyzer-level-strip{padding:7px 8px}.tone-watch-compact-item{grid-template-columns:50px minmax(0,1fr) auto;gap:5px;padding-inline:6px}.band-diagnosis-panel,.spectral-fit-panel{padding:8px}.spectral-fit-summary{min-height:27px;margin-bottom:5px}.spectral-fit-grid{gap:4px}.spectral-fit-card{padding:5px 7px}.spectral-fit-explain{-webkit-line-clamp:2}.hardware-eq-panel,.calibration-panel,.eq-wait-card{padding:11px}.hardware-eq-board,.calibration-eq-board{--eq-track-h: clamp(126px, 19dvh, 150px);margin-top:11px}.calibration-grid>div{min-height:49px;padding:8px 9px}.calibration-actions button{min-height:40px}}@media(max-height:760px){:root{--sf-gap: 5px;--sf-nav-h: 56px}.app-shell,.analyzer-shell{padding-top:7px}.analyzer-top-card{padding:7px 9px 8px}.brand-mark{width:36px;height:36px}.analyzer-top-row{grid-template-columns:36px 1fr auto}.analyzer-version{min-height:23px;padding:3px 8px;font-size:.58rem}.analyzer-action-strip{margin-top:6px;grid-template-rows:33px 31px;gap:4px 7px}.primary-action,.analyzer-main-button{min-height:0}.analyzer-control-grid .analyzer-main-button{min-height:33px}.analyzer-profile-row{min-height:31px}.analyzer-profile-row button{min-height:25px;font-size:.65rem}.header-meter-card{min-height:0}.spectrum-head h2{font-size:.91rem}.spectral-fit-main strong{font-size:clamp(.9rem,4.55vw,1.16rem)}.spectral-fit-main span,.spectral-fit-delta span,.spectral-fit-topline em{font-size:.42rem}.spectral-fit-topline span{font-size:.47rem}.spectrum-plot-wrap,.spectrum-split-canvas-wrap{flex-basis:clamp(176px,27dvh,214px);min-height:clamp(164px,24dvh,194px)}.stereo-label-line span{font-size:.48rem}.stereo-label-line strong{font-size:.58rem}.width-center-range,.corr-range{height:8px}.meter-section-title{margin-bottom:4px}.stereo-level-row{min-height:21px;margin-bottom:4px}.meter-dock .meter-metric-card{min-height:42px}.meter-dock .meter-metric-card strong{font-size:clamp(1.04rem,4.8vw,1.36rem)}.header-meter-card{min-height:0;padding-block:4px 5px}.header-meter-card strong{font-size:clamp(.88rem,3.55vw,1.08rem);line-height:.94}.header-meter-card em{font-size:clamp(.46rem,1.75vw,.58rem)}.band-diagnosis-panel,.spectral-fit-panel{padding:6px}.spectral-fit-head{margin-bottom:4px}.spectral-fit-head h2{font-size:.88rem}.spectral-fit-score span{font-size:.98rem}.spectral-fit-summary{min-height:25px;padding:4px 6px;margin-bottom:4px}.spectral-fit-summary strong{font-size:.64rem}.band-diagnosis-list,.spectral-fit-grid{gap:3px}.band-diagnosis-card,.spectral-fit-card{padding:4px 6px;gap:2px}.spectral-fit-topline strong{font-size:.66rem}.spectral-fit-topline span{font-size:.6rem}.spectral-fit-condition-row b,.spectral-fit-condition-row i{font-size:.5rem}.spectral-fit-meter{height:11px;margin-top:2px}.spectral-fit-zone{font-size:.36rem}.spectral-fit-dot{width:6px;height:6px}.spectral-fit-explain{font-size:.47rem;-webkit-line-clamp:1}.hardware-eq-panel,.calibration-panel,.eq-wait-card{padding:9px}.hardware-eq-head h2,.section-title h2{font-size:.9rem}.hardware-eq-head p,.calibration-copy p,.eq-wait-card p{font-size:.66rem;line-height:1.25}.hardware-eq-board,.calibration-eq-board{--eq-pt: 24px;--eq-pb: 21px;--eq-track-h: clamp(112px, 18dvh, 136px);margin-top:9px;border-radius:17px}.eq-knob{width:25px;height:34px}.calibration-eq-band .eq-track{width:36px}.calibration-eq-band .eq-knob{width:34px;height:40px}.hardware-try-list,.try-list{margin-top:9px;padding:8px 10px;gap:6px}.hardware-try-list p,.try-list p{font-size:.66rem}.hardware-try-list li,.try-list li{min-height:24px;font-size:.62rem}.calibration-copy{margin-top:6px}.calibration-copy strong{max-width:116px;font-size:.68rem}.calibration-grid{margin-top:8px;gap:6px}.calibration-grid>div{min-height:44px;padding:7px}.calibration-grid span{font-size:.5rem}.calibration-grid strong{font-size:.72rem}.calibration-actions{margin-top:8px;gap:7px}}@media(max-width:430px)and (min-height:790px){.spectrum-plot-wrap,.spectrum-split-canvas-wrap{flex-basis:clamp(212px,32dvh,270px);min-height:clamp(202px,30dvh,252px)}.meter-dock,.analyzer-level-strip{gap:6px}}@media(max-width:390px){:root{--sf-pad-x: 8px}.analyzer-top-card{padding:7px 9px 8px}.analyzer-action-strip{grid-template-columns:minmax(0,.94fr) minmax(108px,.76fr);grid-template-rows:34px 32px;gap:5px 7px}.primary-action,.analyzer-main-button{min-height:0;padding-inline:10px;font-size:.76rem}.analyzer-control-grid .analyzer-main-button{min-height:34px}.analyzer-profile-row{min-height:32px}.analyzer-profile-row button{min-height:26px;gap:5px;font-size:.64rem}.header-meter-card{padding:4px 6px 5px;grid-template-rows:9px minmax(0,1fr)}.header-meter-card small{font-size:.38rem}.header-meter-card strong{font-size:clamp(.84rem,3.8vw,1.02rem);line-height:.94}.header-meter-card em{font-size:clamp(.44rem,1.8vw,.54rem);margin-bottom:1px}.spectrum-head h2{font-size:.88rem}.spectral-fit-main strong{font-size:clamp(.88rem,4.7vw,1.12rem)}.spectral-fit-topline span{font-size:.45rem}.spectral-fit-topline em{display:none}.spectral-fit-delta span{font-size:.4rem}.stereo-row{gap:5px}.stereo-label-line{gap:4px}.stereo-level-row{grid-template-columns:17px minmax(0,1fr) 33px 46px;gap:5px}.peak-value{min-width:48px;font-size:.66rem}.analyzer-bottom-nav button{font-size:.56rem}.spectral-fit-summary span{display:none}.spectral-fit-grid{gap:4px}.spectral-fit-card{padding-inline:5px}.spectral-fit-condition-row b,.spectral-fit-condition-row i{font-size:.49rem}.hardware-eq-board,.calibration-eq-board{grid-template-columns:18px repeat(7,minmax(0,1fr));gap:0 2px;padding-right:5px}.calibration-eq-band .eq-track{width:38px}.calibration-eq-band .eq-knob{width:35px;height:40px}.eq-db-scale span{font-size:.43rem}.eq-gain-label,.eq-freq-label{font-size:.5rem}.calibration-copy{grid-template-columns:1fr;gap:5px}.calibration-copy strong{max-width:none}.calibration-actions button{font-size:.66rem;gap:5px}}@media(min-width:720px){.app-shell,.analyzer-shell{width:520px}}@media(min-width:720px)and (min-height:820px){.spectrum-plot-wrap,.spectrum-split-canvas-wrap{flex-basis:clamp(232px,32dvh,286px);min-height:clamp(220px,30dvh,266px)}}@media(display-mode:standalone){.app-shell,.analyzer-shell{padding-top:max(8px,env(safe-area-inset-top))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}}