:root{color-scheme:dark;--bg:#070e20;--panel:#132341;--pane2:#0e1b33;--text:#eaf7fd;--muted:#b0c7d8;--border:#3b5a79;--accent:#62e0d3;--orange:#f5bd75;--success:#54dbbc}html[data-theme=light]{color-scheme:light;--bg:#f1f7fc;--panel:#fff;--pane2:#e9f3fc;--text:#1b3347;--muted:#405b6f;--border:#9cbbce;--accent:#146d6e;--orange:#a96014;--success:#155d46}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 5% 0%,#15425a5c 0,transparent 40%),radial-gradient(ellipse at 94% 20%,#28317e60 0,transparent 35%),var(--bg);color:var(--text);font:16px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #efb664;outline-offset:3px}.skip{position:absolute;left:-10000px;z-index:30}.skip:focus{left:12px;top:12px;background:var(--panel);padding:10px}.topbar{max-width:1320px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 26px;border-bottom:1px solid var(--border)}.brand{text-decoration:none;font-weight:900;display:flex;align-items:center;font-size:24px;letter-spacing:-.045em}.brand .logo{font-size:36px;margin-right:9px;color:var(--accent)}.brand .accent{color:var(--accent)}.brand small{font-size:10px;display:block;line-height:1.2;letter-spacing:.2em}.topbar nav{display:flex;gap:12px;flex-wrap:wrap}.topbar nav a{text-decoration:none;color:var(--muted);font-weight:650;font-size:13px}.topbar nav a:hover{color:var(--accent)}main{max-width:1300px;padding:0 22px;margin:0 auto}.hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(240px,.55fr);gap:25px;padding:55px 0 30px;align-items:center}.eyebrow{font-size:11px;letter-spacing:.17em;font-weight:800;color:var(--accent)}h1{font-size:clamp(34px,4.3vw,64px);line-height:1.08;max-width:770px;margin:14px 0;letter-spacing:-.045em}h1 em{font-style:normal;color:var(--accent)}h2{font-size:clamp(24px,2.6vw,33px);line-height:1.2;margin:8px 0}h3{font-size:21px;margin:11px 0}.hero p{font-size:16px;max-width:680px;color:var(--muted)}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.chips span{background:var(--panel);color:var(--muted);border:1px solid var(--border);border-radius:24px;padding:5px 12px;font-size:12px}.start-link,.primary{border:0;border-radius:12px;text-decoration:none;background:#28b4a9;color:#061c23;display:inline-block;padding:11px 18px;font-weight:800}.primary:hover,.start-link:hover{background:#6decd6}.hero-art{position:relative;min-height:280px;border:1px solid var(--border);background:radial-gradient(circle at 40% 30%,#195c76,#101b3b 65%);border-radius:30px;display:grid;place-items:center;overflow:hidden}.hero-art svg{width:97%;height:230px}.hero-art strong{position:absolute;right:28px;top:16px;color:#b8fff1;font-size:46px}.hero-art small{position:absolute;right:29px;top:73px;font-size:10px;letter-spacing:.13em;color:#cafdf2}.selector-panel,.workbench,.info{background:var(--panel);border:1px solid var(--border);border-radius:25px;padding:24px;margin:27px 0}.section-title{display:flex;justify-content:space-between;align-items:center;gap:20px}.counter{text-align:center;border:1px solid var(--border);border-radius:16px;min-width:100px;padding:9px}.counter strong{font-size:28px;color:var(--accent);display:block}.counter small{font-size:11px;color:var(--muted)}.filters{display:flex;gap:12px;margin:18px 0;flex-wrap:wrap}label{display:block;font-weight:700;color:var(--muted);font-size:13px}select,input[type=text]{border:1px solid var(--border);background:var(--pane2);border-radius:10px;color:var(--text);padding:11px 12px;width:100%;margin-top:6px;min-width:0}.filters label{min-width:200px;flex:1}.lab-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.lab-card{color:var(--text);border:1px solid var(--border);background:var(--pane2);border-radius:15px;padding:13px;text-align:left;min-height:134px;display:flex;flex-direction:column;gap:3px}.lab-card:hover,.lab-card.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.lab-icon{color:var(--accent);font-size:27px}.lab-card strong{line-height:1.2}.lab-card small{font-size:11px;color:var(--muted)}.lab-done{color:var(--success);font-size:11px;margin-top:auto;font-weight:750}.work-header{display:flex;justify-content:space-between;gap:18px;align-items:center}.work-header p{color:var(--muted);margin:4px 0 18px}.lab-columns{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:20px}.lab-left,.lab-right{min-width:0}.lab-left{border:1px solid var(--border);border-radius:19px;padding:13px;background:var(--pane2)}.diagram-header{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:11px;letter-spacing:.04em;font-weight:750}.scene{background:radial-gradient(circle at 45% 60%,#174865 0,#0b1731 82%);border:1px solid #355875;border-radius:18px;overflow:hidden;margin:12px 0}.scene svg{display:block;width:100%;height:auto;max-height:350px;color:#d1e9f6}.scene-note{font-size:11px;color:var(--muted);margin:8px 0}.range-row{display:flex;justify-content:space-between;align-items:center;margin-top:25px}.range-row output{font-size:19px;font-weight:850;color:var(--accent)}input[type=range]{width:100%;margin:15px 0;accent-color:#26b9a9}.secondary,.plain{color:var(--text);border:1px solid var(--border);background:transparent;border-radius:11px;padding:10px 14px;font-weight:700}.secondary:hover{border-color:var(--accent)}.plain{font-size:12px}.lab-right{display:flex;flex-direction:column;gap:15px}.predict,.solve{background:var(--pane2);border-radius:17px;border:1px solid var(--border);padding:20px}.predict p,.solve p{color:var(--muted)}.predict label,.solve label{margin:14px 0}.predict .primary{margin-top:14px}.answer-row{display:flex;align-items:center;gap:9px}.answer-row input{flex:1}.answer-row span{min-width:31px;color:var(--muted);font-weight:700}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.feedback{min-height:25px;margin:13px 0;font-size:13px}.feedback.good,.solution{color:var(--success)}.feedback.warn{color:var(--orange)}.nova{padding:12px;border-left:3px solid var(--orange);background:#edab4b13;color:var(--text)!important;font-size:13px}.solution{padding:12px;background:#4be2c119;border:1px solid #50bda777;border-radius:12px;color:var(--text)!important;font-weight:650;font-size:13px}.minor{font-size:12px}.info{margin-bottom:40px}.info p{max-width:900px;color:var(--muted)}.info-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.info-actions a{font-size:13px;color:var(--accent)}footer{text-align:center;color:var(--muted);font-size:12px;padding:25px}[hidden]{display:none!important}
@media(max-width:1050px){.lab-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lab-columns{grid-template-columns:minmax(0,1fr)}.topbar nav{gap:8px}.hero{grid-template-columns:minmax(0,1fr) 260px}}
@media(max-width:660px){main{padding:0 12px}.topbar{padding:12px;flex-direction:column;align-items:flex-start}.topbar nav{gap:8px}.topbar nav a{font-size:12px}.hero{grid-template-columns:1fr;padding:28px 0 12px}.hero-art{min-height:180px}.hero-art svg{height:185px}.hero-art strong{font-size:30px}.selector-panel,.workbench,.info{padding:14px;border-radius:17px;margin:16px 0}.lab-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.lab-card{padding:9px;min-height:117px;font-size:13px}.lab-card small{font-size:10px}.lab-card .lab-icon{font-size:19px}.section-title,.work-header{align-items:flex-start;flex-wrap:wrap}.scene{margin:9px 0}.diagram-header{font-size:9px}.predict,.solve{padding:13px}.work-header .work-actions{width:100%}.work-actions button{width:100%}.button-row button{flex:1}.counter{min-width:75px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.control-actions{display:flex;gap:9px;flex-wrap:wrap}.control-actions button{flex:1;min-width:170px}