.spc-tool{gap:14px;display:grid}.spc-layout{grid-template-columns:minmax(300px,.95fr) minmax(360px,1.05fr);align-items:start;gap:16px;display:grid}.spc-panel{border:1px solid var(--border);background:var(--bg-surface,var(--bg-surface));border-radius:8px;min-width:0;padding:14px}.spc-controls,.spc-results-panel,.spc-visual-panel{align-content:start;gap:12px;display:grid}.spc-section-title{color:var(--text-dim);letter-spacing:.06em;text-transform:uppercase;font-size:.76rem;font-weight:700}.spc-control-grid{grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) minmax(220px,.85fr);align-items:end;gap:10px;display:grid}.spc-control-grid label,.spc-slider-label{color:var(--text-dim);gap:6px;font-size:.88rem;font-weight:600;display:grid}.spc-control-grid input{min-width:0}.spc-mode{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.spc-mode-btn{border:1px solid var(--border);border-radius:var(--radius,6px);background:var(--bg-surface,var(--bg-surface));height:38px;min-height:0;color:var(--text-dim);font:inherit;font-size:var(--control-fs,.95rem);white-space:nowrap;cursor:pointer;padding:0 .95rem;font-weight:600;line-height:1}.spc-mode-btn:hover:not(.active){border-color:color-mix(in srgb, var(--accent) 55%, var(--border));color:var(--accent)}.spc-mode-btn.active{border-color:var(--accent);background:var(--accent);color:#fff;font-weight:700}.spc-slider-label{grid-template-columns:1fr auto;align-items:end;max-width:none}.spc-slider-label .spc-slider{grid-column:1/-1}.spc-slider-label strong{color:var(--text);font-size:.9rem}.spc-slider{width:100%;accent-color:var(--accent)}.spc-caption,.spc-equation-note,.spc-equation-label{color:var(--text-dim)}.spc-equation-note{line-height:1.35}.spc-visual-head{justify-content:space-between;align-items:start;gap:12px;display:flex}.spc-caption{margin-top:4px;font-size:.88rem;line-height:1.4}.spc-badge{border:1px solid var(--border);max-width:42%;color:var(--text);background:var(--bg-card,transparent);text-align:center;overflow-wrap:anywhere;border-radius:999px;flex:none;padding:4px 9px;font-size:.78rem;font-weight:700}.spc-visual{border:1px solid var(--border);aspect-ratio:1;background:#07111f;border-radius:8px;overflow:hidden}.spc-visual svg{width:100%;height:100%;display:block}.spc-sky{fill:#07111f}.spc-grid-ring{fill:none;stroke:#94a3b81f;stroke-width:1px}.spc-orbit{fill:none;stroke-width:1.4px}.spc-orbit-inner{stroke:#38bdf885}.spc-orbit-outer{stroke:#a78bfa85}.spc-target-line{stroke:#f59e0b94;stroke-width:1.5px;stroke-dasharray:5 5}.spc-phase-line{stroke:#22c55eb8;stroke-width:2.2px}.spc-phase-line-locked{stroke:#f59e0bc7}.spc-star{fill:#fbbf24}.spc-body{stroke:#ffffffd1;stroke-width:1.5px}.spc-body-p1{fill:#38bdf8}.spc-body-p2{fill:#a78bfa}.spc-body-lead{filter:drop-shadow(0 0 7px #22c55ee6)}.spc-marker{fill:#22c55e;stroke:#fffc;stroke-width:1px}.spc-svg-label,.spc-svg-title{fill:#f1f5f9e0;font-family:system-ui,sans-serif;font-size:12px}.spc-svg-title{font-size:7px;font-weight:700}.spc-phase-strip{gap:6px;display:grid}.spc-strip-track{background:color-mix(in srgb, var(--border) 42%, transparent);border-radius:999px;height:9px;position:relative;overflow:hidden}.spc-strip-track i{border-radius:inherit;background:linear-gradient(90deg,#22c55e,#f59e0b);height:100%;display:block}.spc-strip-track b{border:2px solid var(--bg-surface,#07111f);background:#f8fafc;border-radius:999px;width:14px;height:14px;position:absolute;top:50%;transform:translate(-50%,-50%)}.spc-strip-labels{color:var(--text-dim);justify-content:space-between;gap:10px;font-size:.78rem;display:flex}.spc-strip-labels span{white-space:nowrap;min-width:max-content}.spc-strip-labels span:last-child{text-align:right;margin-left:auto}.spc-equations{gap:10px;display:grid}.spc-equation-row{border:1px solid var(--border);background:var(--bg-card,var(--bg-surface));border-radius:8px;gap:6px;min-width:0;padding:11px 12px;display:grid}.spc-equation-label{letter-spacing:.04em;text-transform:uppercase;font-size:.75rem;font-weight:700}.spc-equation-math{min-width:0;color:var(--text);scrollbar-width:none;-ms-overflow-style:none;padding-bottom:2px;overflow-x:auto}.spc-equation-math::-webkit-scrollbar{display:none}.spc-equation-math .katex-display{text-align:left;margin:0}.spc-equation-math .katex{font-size:1.02rem}.spc-equation-note{font-size:.84rem}@media (width<=900px){.spc-control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.spc-mode{grid-column:1/-1}}@media (width<=980px){.spc-layout{grid-template-columns:1fr}.spc-visual{max-height:520px}}@media (width<=560px){.spc-panel{padding:12px}.spc-control-grid,.spc-mode{grid-template-columns:1fr}.spc-visual-head{display:grid}.spc-badge{justify-self:start;max-width:none}}
