:root{color-scheme:dark;--bg:#0b1021;--panel:#161f32;--panel2:#1c2940;--line:rgba(220,232,255,.16);--txt:#f5f8ff;--sub:#c1cbdb;--muted:#9caec2;--accent:#ffc47e;--accent2:#91e3fa;--mint:#9dedd0;--pink:#f7afd5;--danger:#ffb2a3;--radius:22px;--shadow:0 20px 54px rgba(1,4,15,.26)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--txt);background:radial-gradient(ellipse at 3% 0%,#2e2645 0,transparent 43%),radial-gradient(ellipse at 105% 19%,#152d45 0,transparent 47%),#0b1021;font:16px/1.56 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;min-height:100vh}body[data-lab="phase"]{--accent:#a5edd4;--accent2:#d4b9ff}body[data-lab="reaction"]{--accent:#ffb375;--accent2:#9edffa}body[data-lab="magnet"]{--accent:#ffbb8f;--accent2:#86e3fc}
button{font:inherit;cursor:pointer;color:inherit}button:disabled{opacity:.52;cursor:not-allowed}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid #fff4ae;outline-offset:4px}p{margin:.55em 0}h1,h2,h3{line-height:1.1}h1,h2{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.044em}h1{font-size:clamp(2.15rem,4.4vw,4.25rem);margin:.26em 0 .2em}h2{font-size:clamp(1.3rem,2.2vw,1.8rem);margin:.1em 0 .5em}h3{font-size:1.1rem;margin:0 0 10px}.skip{position:absolute;left:10px;top:-100px;background:white;color:#12141e;padding:12px 18px;z-index:40}.skip:focus{top:8px}
.lab-shell{max-width:1410px;margin:auto;padding:0 24px 45px}.lab-top{min-height:76px;display:flex;justify-content:space-between;align-items:center;gap:18px;border-bottom:1px solid var(--line)}.logo{display:flex;align-items:center;gap:11px;text-decoration:none;font-weight:900;letter-spacing:.1em;font-size:.82rem}.mark{display:grid;place-items:center;width:42px;height:42px;background:#ffe5c8;color:#20213b;font-family:Georgia,serif;font-size:1.7rem;border-radius:12px}.logo small{display:block;color:var(--sub);font-size:.68rem;letter-spacing:.15em}.top-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}.top-btn,.lang-btn,.outline-btn,.primary-btn,.ghost-btn,.tab-btn{border-radius:12px;border:1px solid #54637e;background:#283650;padding:9px 13px;min-height:43px;font-weight:750;line-height:1.15}.top-btn:hover,.outline-btn:hover,.ghost-btn:hover,.tab-btn:hover{background:#384964}.lang-btn{min-height:40px;background:transparent;padding:9px 12px}.lang-btn[aria-pressed="true"]{border-color:var(--accent);background:var(--accent);color:#102334}.primary-btn{background:var(--accent);color:#102234;border-color:var(--accent);font-weight:900;padding:13px 18px}.primary-btn:hover{filter:brightness(1.08)}.outline-btn{background:transparent}.ghost-btn{background:#26344a;font-size:.9rem}.small{font-size:.82rem}.intro{display:grid;grid-template-columns:1.6fr 1fr;gap:20px;align-items:end;padding:34px 0 23px}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:.73rem;font-weight:850;color:var(--accent)}.lead{color:#e0e5f1;max-width:690px;font-size:1.04rem;line-height:1.65}.intro-summary{display:flex;flex-direction:column;gap:8px;align-items:flex-end;text-align:right}.subtle{color:var(--sub)}.progressbox{border:1px solid var(--line);border-radius:16px;background:#151f30;padding:12px 16px;min-width:min(100%,290px)}.progress-track{height:9px;border-radius:20px;background:#36435a;overflow:hidden;margin-top:9px}.progress-track>div{height:100%;background:linear-gradient(90deg,var(--accent),#a5cafa);transition:width .25s}.lab-grid{display:grid;grid-template-columns:minmax(210px,.86fr) minmax(400px,1.95fr) minmax(240px,.97fr);gap:16px;align-items:start}.panel{background:linear-gradient(150deg,#1b2840,#151d30);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);min-width:0}.panel.special{background:linear-gradient(145deg,#1a2b3a,#1b1c35)}.panel.is-focus{border-color:rgba(161,231,217,.5)}.pane-kicker{font-size:.73rem;color:var(--accent);font-weight:900;letter-spacing:.13em;text-transform:uppercase}.pane-sub{font-size:.9rem;color:var(--sub);margin:8px 0 16px}.token-head{font-size:.75rem;text-transform:uppercase;font-weight:850;letter-spacing:.1em;color:#d5d9e8;margin:20px 0 8px}.token-list{display:grid;gap:8px}.token{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:65px;padding:10px 12px;text-align:left;background:#29374f;border:1px solid #647390;border-radius:14px;touch-action:manipulation;cursor:grab}.token:hover{background:#35475f;border-color:#bed5ea}.token.selected,.token[aria-pressed="true"]{border:2px solid var(--accent);background:#32495b;box-shadow:0 0 0 3px rgba(140,221,206,.13)}.token strong{font-weight:850;display:block;line-height:1.25}.token small{display:block;color:#d6dceb;font-size:.79rem;line-height:1.32;margin-top:3px}.token-icon{font-size:1.2rem;flex-shrink:0}.tool-hint{background:#25374c;border-left:3px solid var(--accent);padding:12px 13px;border-radius:8px;color:#ecf1f5;font-size:.86rem;margin-top:16px}.drops{display:grid;gap:10px}.drop{background:#121d2c;border:2px dashed #8a9ab2;border-radius:15px;padding:13px 14px;min-height:80px;text-align:left;width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px}.drop.filled{background:#213d45;border-style:solid;border-color:var(--accent)}.drop.drop-hover{background:#345064;transform:scale(1.012)}.drop small{display:block;font-size:.75rem;color:#b9c9d7;text-transform:uppercase;letter-spacing:.095em;font-weight:850}.drop strong{font-size:.96rem;line-height:1.35}.drop-placeholder{font-weight:550!important;color:#b3bfd0}.drop-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.control-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px}.feedback{margin-top:12px;padding:12px 13px;border-radius:11px;background:#283c50;border-left:4px solid #96cde1;line-height:1.55;color:#f1f5fc;font-size:.92rem}.feedback.good{background:#173d3b;border-color:#a4f0d1}.feedback.warn{background:#463b34;border-color:#ffcf94}.feedback.bad{background:#4a3039;border-color:#ffb5a9}.placeholder-panel{background:#1b2738;border:1px solid #455573;padding:20px;border-radius:14px;color:#e1e9f3;font-size:.92rem}.readable{line-height:1.7}.note{padding:11px 13px;border:1px solid #55647a;border-radius:12px;color:#e0e8f2;font-size:.86rem;margin-top:12px}.pill{display:inline-flex;align-items:center;gap:5px;border-radius:99px;border:1px solid #78859b;padding:4px 11px;color:#f4f6fb;background:#263751;font-weight:750;font-size:.74rem}.pills{display:flex;flex-wrap:wrap;gap:6px}.steps{display:flex;gap:8px;flex-wrap:wrap}.step{padding:8px 10px;border-radius:10px;border:1px solid #566580;background:#23334b;font-size:.84rem}.step.done{background:#20493f;border-color:#b0efcd}.sim-visual{min-height:260px;background:radial-gradient(circle at 50% 40%,#294261 0,transparent 61%),#0e182b;border:1px solid #425574;border-radius:18px;overflow:hidden;display:flex;align-items:center;justify-content:center;margin:14px 0}.sim-visual svg{display:block;width:100%;height:auto;max-height:285px}.sim-visual svg text{font-family:system-ui,Segoe UI,sans-serif}.visual-caption{font-size:.86rem;color:#d1dce9}.temp-board{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:13px 0}.metric{border:1px solid #53647c;background:#152437;border-radius:14px;padding:12px;text-align:center}.metric small{display:block;text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;color:#bbcadb;font-weight:800}.metric b{font-size:1.5rem;font-variant-numeric:tabular-nums;display:block;margin:2px 0}.metric b.hot{color:#ffc386}.metric b.cold{color:#96d7f7}.metric b.safe{color:#a9f4d4}.chart{width:100%;height:auto;display:block;background:#101d30;border:1px solid #40526b;border-radius:12px;margin:12px 0}.legend{display:flex;flex-wrap:wrap;gap:8px;font-size:.78rem;color:#dce7f1}.swatch{display:inline-block;width:11px;height:11px;border-radius:3px;vertical-align:middle;margin-right:4px}.muted{color:var(--muted)}.lab-footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:23px;padding-top:14px;border-top:1px solid var(--line);font-size:.8rem;color:#c9d1db}.case-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.case-tab{border:1px solid #667590;border-radius:10px;padding:9px 5px;background:#202e44;font-weight:850;line-height:1.2;min-height:48px}.case-tab.active{background:var(--accent);color:#132235;border-color:var(--accent)}.case-tab.done:not(.active){border-color:#93e1bc;background:#1e463d}.station-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}.tab-btn{font-size:.9rem}.tab-btn.active{background:var(--accent);color:#12283b;border-color:var(--accent)}.energy-arrow{display:flex;align-items:center;gap:12px;justify-content:center;padding:10px 0;color:#ffce98;font-weight:850}.energy-arrow .arr{font-size:2rem;color:#ffb375}.data-line{display:flex;justify-content:space-between;border-bottom:1px solid #40526a;padding:9px 0;gap:12px;font-size:.9rem}.data-line strong{color:#f9fcff;text-align:right}.scientific-label{font-weight:900;letter-spacing:.02em}.range-note{font-size:.77rem;color:#c2d5e5}.checkpoint{background:#1b3e37;border:1px solid #5bbf9a;padding:8px 11px;border-radius:10px;font-size:.82rem}.tick{color:#a1f3d4}.reaction-story{background:#222c43;padding:13px 15px;border-radius:13px;border:1px solid #53647d;font-size:.94rem;line-height:1.6}.tiny{font-size:.78rem;color:#ccd5e4}.full{width:100%}.result-big{font:800 1.45rem Georgia,serif;margin:8px 0;color:var(--accent)}.mini-tag{background:#2f3b51;padding:5px 8px;border-radius:8px;font-weight:800;font-size:.76rem}.selected-banner{display:block;font-size:.86rem;color:#d4e1f0;margin:6px 0 9px}.model-disclaimer{border:1px solid #966c76;background:#3b293d;color:#ffe6d7;border-radius:11px;padding:11px 13px;font-size:.77rem;line-height:1.5;margin-top:12px}.screenreader-only{position:absolute;width:1px;height:1px;clip:rect(0 0 0 0);overflow:hidden;white-space:nowrap}.micro-rule{border:0;border-top:1px solid var(--line);margin:16px 0}.hide{display:none!important}
@media(max-width:1140px){.lab-grid{grid-template-columns:minmax(260px,1fr) minmax(350px,1.5fr)}.lab-grid>.panel:last-child{grid-column:1/-1}.intro{grid-template-columns:1fr;gap:5px}.intro-summary{align-items:flex-start;text-align:left}}@media(max-width:760px){.lab-shell{padding:0 13px 28px}.lab-top{padding:12px 0;align-items:flex-start;flex-wrap:wrap}.top-actions{width:100%;justify-content:flex-start}.intro{padding:26px 0 13px}.lab-grid{grid-template-columns:minmax(0,1fr)}.lab-grid>.panel:last-child{grid-column:auto}.panel{padding:15px;border-radius:18px}.drop-row{grid-template-columns:1fr 1fr}.sim-visual{min-height:170px}.case-picker{grid-template-columns:repeat(6,minmax(0,1fr))}.lead{font-size:.95rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}