.spectrum-view{min-width:0;width:100%;--spectrum-quiet:#677189}
.spectrum-screen{position:relative;width:100%;min-width:0;border:1px solid #45415b;border-radius:13px;background:radial-gradient(ellipse at 68% 60%,#24425317,transparent 65%),linear-gradient(180deg,#0d121d,#101522);overflow:hidden;box-shadow:inset 0 1px #ffffff03,0 0 30px #9b66dd08}
.spectrum-screen>svg{display:block;width:100%;height:auto;overflow:hidden;font-family:'Segoe UI',Arial,sans-serif}
.spectrum-grid-line{stroke:#2e3545;stroke-width:1;stroke-dasharray:2 5}
.spectrum-grid-column{stroke:#222b3b;stroke-width:1}
.spectrum-axis-number{font:11px 'Segoe UI',Arial,sans-serif;fill:#9aa6bc;font-variant-numeric:tabular-nums}
.spectrum-axis-title{font:600 9px 'Segoe UI',Arial,sans-serif;letter-spacing:1.8px;fill:#a6b2c9}
.spectrum-instrument-label{font:9px 'Segoe UI',Arial,sans-serif;letter-spacing:1.6px;fill:#687a91}
.spectrum-line-halo{filter:blur(4px)}
.spectrum-curve-fill{opacity:.3}
.spectrum-needle{shape-rendering:geometricPrecision}
.spectrum-your-dot{filter:drop-shadow(0 0 5px #79ffd180);transform-box:fill-box;transform-origin:center}
.spectrum-your-aura{filter:blur(2px)}
.spectrum-settle-effects{pointer-events:none}
.spectrum-settle-ring,.spectrum-settle-spark{opacity:0;transform-box:fill-box;transform-origin:center;pointer-events:none;filter:drop-shadow(0 0 2px currentColor)}
.spectrum-mean-label{font:600 9px 'Segoe UI',Arial,sans-serif;letter-spacing:.8px;fill:#a4b3c9}
.spectrum-empty{font:13px 'Segoe UI',Arial,sans-serif;fill:#a5aec2}
.spectrum-your-line{filter:drop-shadow(0 0 5px #7dffd2)}
.spectrum-you-label{font:700 11px 'Segoe UI',Arial,sans-serif;letter-spacing:.7px}
.spectrum-scan{opacity:.9;pointer-events:none}
.spectrum-hit-layer{position:absolute;inset:0;pointer-events:none}
.spectrum-hit{position:absolute;top:13.3%;height:72.4%;width:3.2%;padding:0;transform:translateX(-50%);border:0;border-radius:5px;background:transparent;cursor:crosshair;pointer-events:auto;color:#c8d2e6;appearance:none}
.spectrum-hit:hover,.spectrum-hit:focus-visible{background:#b9cbff08;outline:1px solid #acb8d64d;outline-offset:1px}
.spectrum-tooltip{position:absolute;top:27%;z-index:4;transform:translateX(-50%);max-width:76%;padding:8px 11px;border:1px solid #6d5b91;border-radius:7px;background:#191d2bf5;color:#ede5ff;box-shadow:0 8px 30px #0005;font:11px/1.4 'Segoe UI',Arial,sans-serif;white-space:nowrap;pointer-events:none}
.spectrum-tooltip[hidden]{display:none}
.spectrum-legend{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;padding:14px 3px 1px;font:10px/1.4 'Segoe UI',Arial,sans-serif;color:#a5aec2}
.spectrum-legend-key{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.spectrum-legend-strips{display:inline-block;width:15px;height:10px;background:repeating-linear-gradient(90deg,#8fa6ff 0 1px,transparent 1px 5px);filter:drop-shadow(0 0 3px #a76cf4)}
.spectrum-legend-dot{width:5px;height:5px;border-radius:50%;box-shadow:0 0 6px #79ffd155}
.spectrum-score-key{display:inline-flex;align-items:center;gap:6px;font-size:9px;font-weight:600;letter-spacing:.5px;white-space:nowrap}
.spectrum-score-key:before{content:'';display:inline-block;width:2px;height:11px;background:currentColor;box-shadow:0 0 6px currentColor}
.spectrum-inspect-copy{margin-left:auto;color:#a1abc1;font-variant-numeric:tabular-nums}
@media(max-width:600px){.spectrum-screen{border-radius:9px}.spectrum-axis-number{font-size:13px}.spectrum-axis-title{font-size:11px;letter-spacing:1px}.spectrum-instrument-label{display:none}.spectrum-you-label{font-size:12px}.spectrum-legend{font-size:10px;gap:8px 14px}.spectrum-inspect-copy{width:100%;margin-left:0}.spectrum-tooltip{font-size:10px;padding:6px 8px}}
@media(prefers-reduced-motion:reduce){.spectrum-scan{display:block}.spectrum-settle-effects{display:none}}