.magnetosphere-intro{align-items:center}.mag-live-status{display:grid;grid-template-columns:10px 1fr;gap:2px 8px;align-items:center;padding:10px 13px;border:1px solid rgba(104,214,173,.28);border-radius:13px;background:rgba(104,214,173,.07);min-width:170px}.mag-live-status i{grid-row:1/3;width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(104,214,173,.12)}.mag-live-status b{font-size:.75rem}.mag-live-status small{color:var(--muted);font-size:.625rem}.mag-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.mag-kpis article{padding:15px 17px}.mag-kpis small,.mag-kpis b,.mag-kpis span{display:block}.mag-kpis small{color:var(--muted);font-size:.6875rem}.mag-kpis b{margin-top:5px;color:var(--cyan);font-size:1.35rem}.mag-kpis span{color:var(--muted);font-size:.625rem}.mag-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:16px}.mag-scene-card,.mag-explain,.mag-record{padding:20px}.mag-scene-actions{display:flex;gap:6px}.mag-scene-actions button{padding:7px 10px}.mag-scene-actions .active{border-color:var(--cyan);color:var(--cyan);background:rgba(85,216,242,.1)}.mag-stage{height:500px;margin-top:14px;border:1px solid rgba(85,216,242,.2);border-radius:18px;overflow:hidden;position:relative;background:radial-gradient(circle at 29% 50%,rgba(85,216,242,.12),transparent 28%),#040e1b}.mag-stage canvas{width:100%;height:100%;display:block;touch-action:none}.mag-axis,.mag-earth-label,.mag-scale-note{position:absolute;pointer-events:none;color:#91a9bd;font-size:.6875rem}.mag-axis{top:14px;left:18px}.mag-earth-label{left:50%;top:50%;transform:translate(-50%,-50%);color:#ffd778;font-weight:800;font-size:.8125rem;text-shadow:0 0 12px #ffb74e}.mag-scale-note{bottom:12px;right:14px;color:#728ba0;font-size:.5625rem}.mag-controls{display:flex;align-items:center;gap:14px;margin-top:14px}.mag-controls label{display:flex;align-items:center;gap:8px;flex:1;color:var(--muted);font-size:.75rem}.mag-controls input{flex:1;accent-color:#f06b6b}.mag-controls output{color:var(--gold);font-size:.75rem;min-width:45px}.mag-explain h3{margin:8px 0 7px;font-size:1.15rem}.mag-explain p{color:var(--muted);font-size:.8125rem;line-height:1.9}.mag-legend{display:grid;gap:9px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;margin:18px 0}.mag-legend span{display:flex;align-items:center;gap:8px;font-size:.75rem}.mag-legend i{width:23px;height:5px;border-radius:8px}.mag-key-blue{background:#55d8f2;box-shadow:0 0 8px #55d8f2}.mag-key-red{background:#ef6262;box-shadow:0 0 8px #ef6262}.mag-key-gold{background:#ffd778;box-shadow:0 0 8px #ffd778}.mag-source-box{display:grid;gap:5px;padding:13px;border:1px solid rgba(246,200,95,.2);border-radius:13px;background:rgba(246,200,95,.05)}.mag-source-box b{font-size:.75rem}.mag-source-box span,.mag-source-box a{color:var(--muted);font-size:.6875rem}.mag-source-box a{color:var(--cyan);text-decoration:none}.mag-record{margin-top:16px}.mag-record .section-heading{align-items:flex-start}.mag-storm-list{display:grid;gap:8px;margin-top:14px}.mag-storm-item{display:grid;grid-template-columns:100px 1fr auto;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.018)}.mag-storm-item time{color:var(--muted);font-size:.6875rem}.mag-storm-item b{font-size:.8125rem}.mag-storm-item p{margin:2px 0 0;color:var(--muted);font-size:.6875rem}.mag-storm-item em{font-style:normal;color:var(--gold);font-size:.75rem;white-space:nowrap}.mag-note{display:flex;gap:8px;align-items:flex-start;color:var(--muted);font-size:.75rem;margin:13px 2px 0}.mag-note span{color:var(--gold)}@media(max-width:980px){.mag-layout{grid-template-columns:1fr}.mag-kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.magnetosphere-intro{align-items:stretch}.mag-kpis{gap:8px}.mag-kpis article{padding:12px}.mag-stage{height:390px}.mag-controls{display:grid;grid-template-columns:auto 1fr;gap:9px}.mag-controls label{grid-column:1/-1}.mag-storm-item{grid-template-columns:1fr auto}.mag-storm-item time{grid-column:1/-1}.mag-scene-card,.mag-explain,.mag-record{padding:15px}.mag-record .section-heading{display:grid;gap:12px}.mag-record .segmented{width:100%}.mag-record .segmented button{flex:1;padding:7px 5px}}