:root{--bg: #f7f6f2;--panel: #ffffff;--ink: #141414;--ink2: #55534e;--line: #dcdad3;--low: #1f6fd1;--mid: #8a8780;--hl: #e0582a;--ok: #1b8a5a;--bad: #c0392b;--ghost: rgba(20, 20, 20, .12);color-scheme:light dark}@media (prefers-color-scheme: dark){:root{--bg: #121212;--panel: #1d1d1d;--ink: #f2f2f2;--ink2: #b4b2ac;--line: #3a3a3a;--low: #4ea0ff;--mid: #8f8c86;--hl: #ff7a45;--ok: #3cc488;--bad: #ff6b5b;--ghost: rgba(255, 255, 255, .14)}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font:20px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left)}button{font:inherit;color:inherit;min-height:48px;min-width:48px;padding:8px 16px;border-radius:10px;border:1px solid var(--line);background:var(--panel);cursor:pointer;touch-action:manipulation}button:disabled{opacity:.4;cursor:default}button.on,button[aria-current]{background:var(--ink);color:var(--bg);border-color:var(--ink)}h1{font-size:34px;line-height:1.15;margin:4px 0 8px}h2{font-size:22px;margin:0 0 10px;color:var(--ink2);text-transform:uppercase;letter-spacing:.04em}h3{font-size:22px;margin:0 0 6px}.map{display:flex;gap:6px;overflow-x:auto;padding:10px 16px;position:sticky;top:0;z-index:2;background:var(--bg);border-bottom:1px solid var(--line)}.map button{flex:0 0 auto;display:flex;gap:6px;align-items:center;font-size:17px}.map .explore{flex:0 0 auto;display:flex;align-items:center;min-height:48px;padding:8px 16px;color:var(--low);font-size:17px;font-weight:600}.map button.done b:after{content:" ✓";color:var(--ok)}.map button[aria-current].done b:after{color:inherit}main{max-width:1280px;margin:0 auto;padding:16px 16px 120px}.kicker{margin:0;color:var(--ink2);font-size:17px}.idea{font-size:23px;margin:0 0 10px}.builds{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:var(--ink2);font-size:17px}.builds button{font-size:17px}.body{display:grid;gap:20px}@media (min-width: 1000px){.body{grid-template-columns:5fr 6fr;align-items:start}}section{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px}.example ol{margin:0;padding-left:26px}.example li{margin-bottom:10px}.caveat{border-left:4px solid var(--hl);padding-left:12px}.task{margin-top:0;font-weight:600}.hint{color:var(--ink2)}.widget{display:grid;gap:14px}.chart{margin:0}.chart svg{width:100%;height:auto;display:block}.chart figcaption{color:var(--ink2);font-size:16px}.bar{fill:var(--mid)}.bar.low{fill:var(--low)}.bar.hl{fill:var(--hl)}.bar.off{fill:transparent;stroke:var(--mid);stroke-dasharray:6 6}.ghost{fill:none;stroke:var(--ink2);stroke-width:2;stroke-dasharray:5 4}.val{font-size:24px;font-weight:700;text-anchor:middle;fill:var(--ink)}.axis{font-size:22px;text-anchor:middle;fill:var(--ink2)}.tap{cursor:pointer}.choice{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.choice-label{min-width:120px;color:var(--ink2);font-size:17px}.row{display:flex;gap:10px;flex-wrap:wrap}.act{background:var(--ink);color:var(--bg);font-weight:600}.act.quiet{background:var(--panel);color:var(--ink)}.readout{display:flex;flex-wrap:wrap;gap:12px 28px;margin:0}.readout dt{color:var(--ink2);font-size:16px}.readout dd{margin:0;font-size:30px;font-weight:700;font-variant-numeric:tabular-nums}.big{font-size:48px;font-weight:800;font-variant-numeric:tabular-nums;min-width:6ch;text-align:center}.stepper{display:flex;gap:16px;align-items:center}.stepper button{font-size:32px;width:64px;height:64px}.sources{display:flex;flex-wrap:wrap;gap:8px}.src{background:var(--low);color:#fff;border-radius:8px;padding:10px 12px;font-weight:700}.energy{position:relative;height:34px;border:1px solid var(--line);border-radius:8px;overflow:hidden}.energy div{height:100%;background:var(--low);opacity:.35}.energy span{position:absolute;left:10px;top:2px;font-weight:600}.slider{display:grid;gap:6px}.slider input{width:100%;height:48px;accent-color:var(--low)}table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}.bands th,.bands td,.sets th,.sets td{border-bottom:1px solid var(--line);padding:6px 4px;text-align:center;font-size:17px}.bands th:first-child,.bands td:first-child,.sets td:nth-child(2){text-align:left}.sets{margin-top:10px}.strip{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.strip span{text-align:center;padding:10px 0;border:1px solid var(--line);border-radius:8px}.strip span.hl{background:var(--hl);color:#fff;border-color:var(--hl);font-weight:700}.house{width:100%;height:auto;max-height:240px}.house .wall{fill:none;stroke:var(--ink2);stroke-width:4}.house .engine{fill:var(--mid)}.house .pipe{fill:none;stroke:var(--ink2);stroke-width:10}.house .silencer{fill:var(--low)}.house .rad{fill:none;stroke:var(--ink2);stroke-width:4}.house .fan{fill:none;stroke:var(--low);stroke-width:6}.house .louvre{stroke:var(--ink);stroke-width:6}.house .lbl{font-size:24px;fill:var(--ink)}.house .c{text-anchor:middle}.gauge span{color:var(--ink2);font-size:16px}.gauge div{position:relative;height:30px;border:1px solid var(--line);border-radius:8px;overflow:hidden}.gauge i{display:block;height:100%;background:var(--hl)}.gauge b{position:absolute;right:8px;top:2px;font-size:16px}.notes summary{min-height:48px;display:flex;align-items:center;font-weight:600;cursor:pointer}.notes{font-size:17px}.check{margin-top:20px}.check .q{font-size:22px;font-weight:600}.options{display:grid;gap:10px}@media (min-width: 700px){.options{grid-template-columns:1fr 1fr}}.options button{text-align:left;min-height:56px}.options button:disabled{opacity:1}.options .right{border:3px solid var(--ok)}.options .wrong{border:3px solid var(--bad)}.why{border-left:4px solid var(--ok);padding-left:12px}.nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:12px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--line)}.nav button{min-width:140px;min-height:56px;font-weight:600}.nav .next{background:var(--ink);color:var(--bg)}