*{box-sizing:border-box}body{margin:0;background:#0c1724;color:#edf4fb;font:16px/1.55 system-ui,sans-serif}main{max-width:1220px;margin:auto;padding:32px 26px}header{margin-bottom:22px}.eyebrow{font-size:12px;letter-spacing:2px;color:#74ddc5;font-weight:700}h1{font-size:46px;line-height:1.1;margin:14px 0}h1 span{font-size:25px;font-weight:400;color:#bad0e1;margin-left:16px}h2{font-size:19px;margin:0 0 20px}h3{font-size:17px;color:#84e8d0;margin:0 0 10px}p{margin:10px 0 16px;color:#c5d6e4}.notice{padding:14px 18px;border-left:4px solid #ffca7c;background:#302a24;color:#f8e3c7;margin-bottom:22px;font-size:14px}.workspace{display:grid;grid-template-columns:350px 1fr;gap:20px}.panel{background:#142538;border:1px solid #30465c;border-radius:12px;padding:22px}.controls label:not(.check){display:flex;justify-content:space-between;margin:16px 0 6px;font-size:14px;font-weight:650}output{color:#81e8d0}input[type=range]{width:100%;accent-color:#65ddc0}select{width:100%;background:#0d1c2c;border:1px solid #526b82;border-radius:5px;padding:10px;color:white;font:inherit;font-size:14px}.check{display:flex;align-items:center;gap:8px;margin:18px 0;font-size:14px}input[type=checkbox]{accent-color:#65ddc0;width:18px;height:18px}.mass-note{font-size:13px;color:#bdd0df}.twr{padding:12px 0;margin-top:8px;border-top:1px solid #354c60;display:flex;justify-content:space-between;font-size:14px}.twr strong{font-size:22px;color:#7ae5cb}.buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}button{border:1px solid transparent;border-radius:6px;background:#72e0c5;color:#082822;padding:10px 14px;font:700 14px system-ui;cursor:pointer}button.secondary{background:#233c53;color:#e5f1fa;border-color:#47627b}button:disabled{opacity:.45;cursor:default}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #ffcf83;outline-offset:4px}#status{font-size:14px;color:#ffdb9d;min-height:44px;margin-bottom:8px}.small{font-size:13px;line-height:1.5;color:#b7cbdc}.readouts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.readouts>div{font-size:12px;color:#bad0e1;background:#0e1d2e;border-radius:6px;padding:12px}.readouts strong{display:block;font-size:22px;color:#f4fbff;font-variant-numeric:tabular-nums}#scene{display:block;width:100%;border:1px solid #466177;border-radius:8px}.summary{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px}.summary strong{color:#7ce6ca}.learning{margin-top:20px}.lessons{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.lessons p{font-size:14px}details{border-top:1px solid #365069;padding-top:16px;font-size:14px}summary{cursor:pointer;color:#f3d29a}a{color:#83e8d0}footer{font-size:12px;color:#a5bdce;padding-top:20px}@media(max-width:800px){main{padding:22px 14px}h1{font-size:38px}h1 span{display:block;margin:8px 0 0;font-size:22px}.workspace{grid-template-columns:1fr}.lessons{grid-template-columns:1fr;gap:8px}.readouts{gap:7px}.readouts strong{font-size:18px}.panel{padding:17px}.summary{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}