.mega-sp-visual{margin:28px 0;padding:24px;border:1px solid #bcd2eb;border-radius:18px;background:radial-gradient(circle at 78% 10%,rgba(29,127,255,.22),transparent 35%),linear-gradient(135deg,#061728,#0b315b);color:#f7fbff;box-shadow:0 16px 35px rgba(6,24,45,.16)}
.mega-sp-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.mega-sp-kicker{display:block;color:#77d8ff;font:700 11px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.16em}.mega-sp-head h3{margin:7px 0 0;font-size:23px;line-height:1.2}.mega-sp-badge{border:1px solid rgba(135,210,255,.45);border-radius:999px;padding:7px 10px;color:#bce8ff;font-size:11px;white-space:nowrap}
.mega-sp-controls{display:grid;grid-template-columns:1.15fr 1fr;gap:14px;margin-top:22px}.mega-sp-control{border:1px solid rgba(183,220,252,.22);border-radius:12px;background:rgba(1,12,29,.28);padding:14px}.mega-sp-control>span{display:block;color:#bdd3e8;font-size:12px}.mega-sp-modes{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.mega-sp-mode{border:1px solid rgba(173,218,255,.34);border-radius:999px;background:rgba(6,30,59,.78);color:#d9edff;padding:7px 10px;font:600 12px/1.1 'Space Grotesk',sans-serif;cursor:pointer}.mega-sp-mode[aria-pressed=true]{background:#1677ff;border-color:#5fa8ff;color:#fff}.mega-sp-range{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-top:10px}.mega-sp-range strong{color:#78dcff;font-size:19px}.mega-sp-range input{width:100%;accent-color:#4dcaff}
.mega-sp-main{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(210px,.8fr);gap:16px;margin-top:16px}.mega-sp-chart{min-height:296px;border:1px solid rgba(183,220,252,.24);border-radius:13px;background:linear-gradient(180deg,rgba(2,14,30,.6),rgba(12,44,78,.4));overflow:hidden}.mega-sp-chart svg{display:block;width:100%;height:100%}.mega-sp-axis{stroke:#89abc8;stroke-width:1}.mega-sp-grid{stroke:rgba(137,171,200,.18);stroke-width:1}.mega-sp-fan{fill:none;stroke:#70d7ff;stroke-width:3}.mega-sp-system{fill:none;stroke:#f7ae63;stroke-width:3}.mega-sp-point{fill:#fff;stroke:#1677ff;stroke-width:5}.mega-sp-label{fill:#b9d2e9;font:12px 'IBM Plex Mono',monospace}.mega-sp-label--hot{fill:#ffc178}.mega-sp-label--fan{fill:#82ddff}.mega-sp-cards{display:grid;gap:10px}.mega-sp-card{border:1px solid rgba(183,220,252,.22);border-radius:12px;padding:14px;background:rgba(1,12,29,.27)}.mega-sp-card span{display:block;color:#aac4dc;font-size:11px}.mega-sp-card strong{display:block;margin-top:6px;color:#fff;font-size:19px;line-height:1.2}.mega-sp-card p{margin:7px 0 0;color:#c9deee;font-size:12px;line-height:1.55}.mega-sp-note{margin:16px 0 0;color:#b8d4e9;font-size:12px;line-height:1.65}
@media(max-width:720px){.mega-sp-visual{padding:17px}.mega-sp-head{display:block}.mega-sp-badge{display:inline-block;margin-top:11px}.mega-sp-controls,.mega-sp-main{grid-template-columns:1fr}.mega-sp-chart{min-height:260px}}