:root{--ivory:#f7f1e8;--paper:#fffdf9;--ink:#24313d;--muted:#66716f;--sage:#44755d;--line:#d8cec2;--water:#9bb5c3}*{box-sizing:border-box}[hidden]{display:none!important}body.float-page{margin:0;background:var(--ivory);color:var(--ink);font-family:system-ui,-apple-system,"PingFang SC",sans-serif}.float-main{max-width:1240px;margin:auto;padding:42px 28px 90px}.tool-heading{max-width:800px;margin-bottom:24px}.eyebrow,.stage-kicker{letter-spacing:.08em;color:var(--sage);font-weight:750}.tool-heading h1{font-size:clamp(2rem,5vw,3.8rem);margin:.15em 0}.lead{font-size:1.12rem;line-height:1.75}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{padding:7px 12px;border:1px solid var(--line);border-radius:999px;background:var(--paper)}.lab{display:grid;grid-template-columns:minmax(0,2fr) minmax(290px,1fr);background:var(--paper);border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:0 20px 50px #3a46500f}.stage{padding:28px;background:linear-gradient(145deg,#f9f4eb,#edf1ed)}.stage-head{display:flex;justify-content:space-between;gap:20px;align-items:start}.stage-head h2{margin:4px 0}.tank-wrap{max-width:680px;margin:24px auto 14px}.tank{position:relative;height:420px;border:8px solid #b8c7cc;border-top:0;border-radius:0 0 24px 24px;background:linear-gradient(to bottom,transparent 0 18%,#afc8d4 18% 96%,#8999a1 96%);box-shadow:inset 0 0 30px #fff9,0 14px 25px #38556615;overflow:hidden}.waterline{position:absolute;top:18%;left:0;right:0;border-top:3px solid #718f9e}.depth{position:absolute;right:12px;top:22%;color:#405969;font-size:.82rem}.sample-block.material-pp{background:radial-gradient(circle at 28% 24%,#f3ead8 0 2px,transparent 3px),linear-gradient(135deg,#d9c9aa,#ad9b79)}.sample-block.material-pmma{background:linear-gradient(135deg,rgba(230,239,241,.92),rgba(155,179,188,.8));box-shadow:inset 0 0 0 5px rgba(255,255,255,.28)}.sample-block.material-aluminum{background:linear-gradient(120deg,#eef1f2 0,#a8b0b4 28%,#dde1e3 52%,#8f989e 100%)}.sample-block{position:absolute;left:50%;top:7%;translate:-50% 0;width:var(--sample-width,104px);height:var(--sample-height,78px);border:2px solid #52616a;border-radius:12px;display:grid;place-items:center;background:#d8cfbf;font-weight:800;transition:none}.sample-block.neutral-lower{top:22%;transition:top .7s ease}.sample-block.settled-surface{top:16.2%}.sample-block.settled-bottom{top:auto;bottom:0}.condition,.boundary,.animation-note{color:var(--muted);line-height:1.55}.result{min-height:58px;padding:14px 16px;border-left:4px solid var(--sage);background:#eef3ed;border-radius:8px}.summary{padding:16px;background:#e8efe9;border-radius:14px;line-height:1.55}.summary li+li{margin-top:8px}.control-panel{padding:28px;border-left:1px solid var(--line)}fieldset{border:0;padding:0;margin:0 0 21px}legend{font-weight:800;margin-bottom:10px}.choices{display:grid;gap:9px}.choice{display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer}.choice:has(input:checked){border-color:var(--sage);box-shadow:0 0 0 2px #44755d24}.choice input{width:20px;height:20px;accent-color:var(--sage)}.sample-facts{padding:11px;border-radius:10px;background:#f1ece4;font-variant-numeric:tabular-nums}.action-row{display:grid;gap:10px}.primary-action,.reset-button{min-height:48px;border-radius:12px;font:inherit;font-weight:800;cursor:pointer}.primary-action{border:0;background:var(--sage);color:white}.primary-action:disabled{opacity:.48}.reset-button{border:1px solid var(--line);background:white;color:var(--ink)}button:focus-visible,input:focus-visible{outline:3px solid #bf713d;outline-offset:3px}.record-progress{text-align:center;color:var(--muted)}
@media(max-width:820px){.lab{grid-template-columns:1fr}.control-panel{border-left:0;border-top:1px solid var(--line)}.tank{height:360px}.stage-head{display:block}}@media(max-width:520px){.float-main{padding:24px 14px 80px}.stage,.control-panel{padding:18px}.tank{height:310px}.sample-block{font-size:.88rem}.site-nav,.site-links{max-width:100%;min-width:0}.site-links{overflow-x:auto}.tool-heading h1{font-size:2.2rem}}
body.float-page:not(.classroom-screen) .classroom-toolbar{color:var(--ink)!important;background:#f5efe6!important;background-image:none!important}body.float-page:not(.classroom-screen) .classroom-toolbar h2{color:var(--ink)!important}body.float-page button,body.float-page .choice,body.float-page .site-links a,body.float-page .site-brand,body.float-page .strip-button{min-height:44px!important}body.float-page .classroom-screen-toggle,body.float-page .fullscreen-button{min-height:44px}body.float-page:not(.classroom-screen) .classroom-screen-toggle,body.float-page:not(.classroom-screen) .fullscreen-button{border:1px solid #75685d!important;color:var(--ink)!important;background:#fff!important}body.classroom-screen.float-page{background:#fff9ef;font-size:118%}body.classroom-screen .lab{border-width:3px;box-shadow:none}body.classroom-screen .choice,body.classroom-screen button{border-width:2px}body.classroom-screen .stage-head h2{font-size:2rem}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.sample-block.neutral-lower{top:7%}}
body.classroom-screen.float-page{background:#fff9ef!important;color:#24313d!important}body.classroom-screen.float-page .lab,body.classroom-screen.float-page .stage,body.classroom-screen.float-page .control-panel,body.classroom-screen.float-page .classroom-toolbar,body.classroom-screen.float-page .resource-strip{color:#24313d!important;background:#fffaf2!important;background-image:none!important;border-color:#9aa9a4!important;box-shadow:none!important}body.classroom-screen.float-page .classroom-toolbar h2,body.classroom-screen.float-page .stage-kicker,body.classroom-screen.float-page .control-panel h2,body.classroom-screen.float-page legend,body.classroom-screen.float-page label{color:#24313d!important}body.classroom-screen.float-page .animation-note,body.classroom-screen.float-page .boundary,body.classroom-screen.float-page .record-progress{color:#415a77!important}body.classroom-screen.float-page .result{color:#24313d!important;background:#eef3ed!important;border-left-color:#44755d!important}body.classroom-screen.float-page .classroom-screen-toggle,body.classroom-screen.float-page .fullscreen-button,body.classroom-screen.float-page .reset-button{color:#24313d!important;background:#fffdf9!important;border-color:#728a80!important}body.classroom-screen.float-page .primary-action{color:#fff!important;background:#44755d!important;border-color:#355f4b!important}body.classroom-screen.float-page .choice{color:#24313d!important;background:#fffdf9!important;border-color:#9aa9a4!important}body.classroom-screen.float-page .sample-facts{color:#24313d!important;background:#eee7dc!important}