:root{--bg: #E8EDF1;--surface: #FFFFFF;--ink: #14212B;--muted: #56687A;--line: #C8D3DC;--made: #6A49C6;--use: #C98A00;--on-made: #FFFFFF;--ok: #1E8357;--bad: #B93B33;--paid: #2F8F83;--price: #4C6A85;--elec: #8FA9BF;--wall: #DCE4EA;--wall2: #C9D4DC;--floor: #B9C6D0;--furn: #A3B1BD;--dev: #2A3844;--scr: #7FAFD3;--scr2: #BFD6E6;--paper: #F7F9FA;--led: #E3A500;--ground: #D3DCE3;--f-display: "Unbounded", "Arial Black", system-ui, sans-serif;--f-body: "Atkinson Hyperlegible", system-ui, -apple-system, "Segoe UI", sans-serif;--f-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--r: 10px}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #0E141A;--surface: #17212A;--ink: #E5ECF1;--muted: #93A5B3;--line: #2B3946;--made: #9D83F2;--use: #F0B429;--on-made: #120B26;--ok: #4CC38A;--bad: #F07167;--paid: #4FB8A9;--price: #7E9BB5;--elec: #4C6478;--wall: #2A3743;--wall2: #22303B;--floor: #33424F;--furn: #445665;--dev: #10171E;--scr: #4E8BB8;--scr2: #2E4A61;--paper: #C9D3DB;--led: #F0B429;--ground: #141C23;color-scheme:dark}}:root[data-theme=dark]{--bg: #0E141A;--surface: #17212A;--ink: #E5ECF1;--muted: #93A5B3;--line: #2B3946;--made: #9D83F2;--use: #F0B429;--on-made: #120B26;--ok: #4CC38A;--bad: #F07167;--paid: #4FB8A9;--price: #7E9BB5;--elec: #4C6478;--wall: #2A3743;--wall2: #22303B;--floor: #33424F;--furn: #445665;--dev: #10171E;--scr: #4E8BB8;--scr2: #2E4A61;--paper: #C9D3DB;--led: #F0B429;--ground: #141C23;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:16px;line-height:1.5;padding-inline:16px;padding-block:0 40px;margin:0}.wrap{max-width:1240px;margin:0 auto}h1,h2,h3,h4{font-family:var(--f-display);font-weight:700;text-wrap:balance;margin:0;letter-spacing:-.01em}p{margin:0}button,input{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--made);outline-offset:2px}.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}.dim{opacity:.65}.label{font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-weight:700}header.top{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;padding-block:18px 14px}.brand{display:flex;align-items:baseline;gap:10px;margin-right:auto;flex-wrap:wrap}.brand h1{font-size:1.35rem}.brand h1 b{color:var(--made)}.brand span{color:var(--muted);font-size:.9rem}.seg{display:inline-flex;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:3px;gap:2px}.seg button{border:0;background:none;padding:6px 12px;border-radius:999px;cursor:pointer;font-size:.86rem;white-space:nowrap}.seg.small button{font-size:.8rem;padding:5px 10px}.seg button[aria-pressed=true]{background:var(--ink);color:var(--bg);font-weight:700}.gridbox{display:flex;flex-direction:column;gap:4px}.stats{display:flex;gap:20px}.stat{display:flex;flex-direction:column}.stat .v{font-family:var(--f-mono);font-size:1.1rem;font-variant-numeric:tabular-nums}.tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px}.tab{border:1px solid var(--line);background:var(--surface);padding:8px 14px;border-radius:8px 8px 0 0;border-bottom:0;cursor:pointer;display:flex;gap:8px;align-items:center;white-space:nowrap}.tab[aria-selected=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.tab .cnt{font-family:var(--f-mono);font-size:.78rem;opacity:.75}.settings{display:flex;flex-wrap:wrap;gap:14px 28px;align-items:flex-end;background:var(--surface);border:1px solid var(--line);border-radius:0 var(--r) 0 0;padding:12px 14px;border-bottom:0}.res .settings{border-radius:var(--r);border-bottom:1px solid var(--line)}.set{display:flex;flex-direction:column;gap:5px;min-width:0}.set input[type=range]{width:200px;max-width:100%;accent-color:var(--made)}.play{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:16px;align-items:start}@media (max-width: 900px){.play{grid-template-columns:1fr}.settings{border-radius:0}}.stage{background:var(--surface);border:1px solid var(--line);border-radius:0 0 var(--r) var(--r);overflow:hidden;min-width:0}.canvasbox{position:relative;height:clamp(340px,62vh,620px);background:linear-gradient(var(--bg),var(--surface));touch-action:none}.canvasbox canvas{display:block}.overlay{position:absolute;top:10px;right:10px;display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.pill{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 12px;font-size:.82rem;cursor:pointer}.pill[aria-pressed=false]{opacity:.8}.cloudkey{position:absolute;left:10px;bottom:10px;display:flex;flex-direction:column;gap:4px;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:6px 10px;font-size:.78rem}.sw{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:-1px}.sw.use{background:var(--use);opacity:.6}.sw.made{background:var(--made)}.nogl{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;text-align:center;padding:20px;color:var(--muted)}.roomlabel{font-family:var(--f-display);font-size:12px;font-weight:700;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:4px 10px;white-space:nowrap;cursor:pointer;box-shadow:0 1px 2px #00000014}.roomlabel.on{background:var(--ink);color:var(--bg)}.stage .cap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 14px;border-top:1px solid var(--line);font-size:.9rem;color:var(--muted)}.chips{display:flex;flex-wrap:wrap;gap:6px;padding:0 14px 14px}.chip{border:1px solid var(--line);background:var(--bg);border-radius:999px;padding:4px 10px;font-size:.84rem;cursor:pointer;display:flex;gap:6px;align-items:center}.chip .dot{width:9px;height:9px;border-radius:50%;background:var(--line)}.chip.made .dot{background:var(--made)}.chip.use .dot{background:var(--use)}.chip[aria-current=true]{border-color:var(--ink);font-weight:700}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px;display:flex;flex-direction:column;gap:14px;min-width:0}.panel h2{font-size:1.15rem}.desc{color:var(--muted)}.specs{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;font-size:.92rem;margin:0}.specs dt{color:var(--muted)}.specs dd{margin:0;font-family:var(--f-mono);font-variant-numeric:tabular-nums}.q{font-weight:700}.choices{display:grid;grid-template-columns:1fr 1fr;gap:8px}.choice{border:2px solid var(--line);background:var(--bg);border-radius:8px;padding:12px 10px;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:2px}.choice small{color:var(--muted);font-size:.8rem}.choice.made:hover{border-color:var(--made)}.choice.use:hover{border-color:var(--use)}.verdict{font-weight:700}.verdict.ok{color:var(--ok)}.verdict.bad{color:var(--bad)}.ptabs{display:flex;border-bottom:1px solid var(--line);gap:2px}.ptabs button{border:0;background:none;padding:8px 12px;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-1px;font-weight:700;color:var(--muted)}.ptabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--made)}.big{font-family:var(--f-display);font-size:2rem;line-height:1.1}.big small{font-family:var(--f-body);font-size:.9rem;color:var(--muted);font-weight:400;margin-left:6px}.stack{display:flex;flex-direction:column;gap:8px}.bar{display:flex;border-radius:5px;overflow:hidden;background:var(--bg);width:100%}.bar span{display:block;height:100%}.b-made{background:var(--made)}.b-use{background:var(--use)}.b-price{background:var(--price)}.b-elec{background:var(--elec)}.b-paid{background:var(--paid)}.b-unpaid{background:var(--bad)}.legend{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:.88rem}.legend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:6px;vertical-align:-1px}.cmp{display:flex;flex-direction:column;gap:6px;margin-top:6px;font-size:.85rem}.cmprow{display:grid;grid-template-columns:6.5em minmax(0,1fr) 4.5em;gap:10px;align-items:center}.cmprow .mono{text-align:right}.cur{font-weight:700}.note{border-left:3px solid var(--line);padding-left:12px;font-size:.93rem}.note.tip{border-color:var(--ok)}.note .label{display:block;margin-bottom:2px}.src{font-size:.8rem;color:var(--muted)}.src a{color:inherit}.flip{background:var(--bg);border-radius:8px;padding:8px 10px;font-size:.88rem}.scalenote{font-size:.85rem;color:var(--muted)}.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tiles.four{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.tile{background:var(--bg);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:4px;min-width:0}.res .tile{background:var(--surface);border:1px solid var(--line)}.tile.accent{border-color:var(--bad)}.tile.accent .tv{color:var(--bad)}.tv{font-size:1.25rem;line-height:1.2}.res .tv{font-size:1.5rem}.tc{font-size:.82rem;color:var(--muted)}.iceviz{width:100%;max-width:140px;height:auto;margin-top:4px}.iceviz .ref{fill:none;stroke:var(--muted);stroke-dasharray:3 3;stroke-width:1}.iceviz .ice{fill:var(--scr)}.iceviz .reft{fill:var(--muted);font-size:9px;font-family:var(--f-body)}.money{display:flex;flex-direction:column;gap:14px}.mrow{display:flex;flex-direction:column;gap:5px}.mhead{display:flex;justify-content:space-between;gap:10px;font-size:.95rem}.msub{font-size:.8rem;color:var(--muted)}.callout{background:color-mix(in srgb,var(--bad) 10%,var(--surface));border-radius:8px;padding:10px 12px;font-size:.93rem}.btn{border:0;background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:8px;cursor:pointer;font-weight:700}.btn.ghost{background:none;color:var(--ink);border:1px solid var(--line)}.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.empty{display:flex;flex-direction:column;gap:12px}.key{display:flex;flex-direction:column;gap:8px;font-size:.92rem}.key div{display:flex;gap:10px;align-items:flex-start}.key i{flex:none;width:14px;height:14px;border-radius:3px;margin-top:4px}.foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center;margin-top:16px}.foot p{color:var(--muted);font-size:.85rem;max-width:62ch}.intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px;padding-block:28px 10px;align-items:center}@media (max-width: 860px){.intro{grid-template-columns:1fr}}.intro h2{font-size:clamp(2rem,6vw,3.6rem);line-height:1.02}.intro h2 em{font-style:normal;color:var(--made)}.lead{font-size:1.1rem;max-width:58ch;margin-top:14px}.steps{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-direction:column;gap:10px;counter-reset:s}.steps li{display:flex;gap:12px;counter-increment:s;max-width:60ch}.steps li:before{content:counter(s);font-family:var(--f-mono);flex:none;width:26px;height:26px;border-radius:50%;border:1.5px solid var(--ink);display:grid;place-items:center;font-size:.8rem}.gridcards{display:flex;flex-direction:column;gap:10px}.gcard{border:2px solid var(--line);background:var(--surface);border-radius:var(--r);padding:14px 16px;cursor:pointer;text-align:left;display:grid;grid-template-columns:1fr auto;gap:2px 12px}.gcard[aria-pressed=true]{border-color:var(--ink)}.gcard b{font-family:var(--f-display);font-size:1rem}.gcard .mono{grid-row:span 2;align-self:center;font-size:1.05rem}.gcard span:not(.mono){color:var(--muted);font-size:.88rem}.gmeter{height:6px;border-radius:3px;background:var(--use);grid-column:1/-1;margin-top:6px}.res{display:flex;flex-direction:column;gap:22px;padding-block:22px}.res h2{font-size:clamp(1.6rem,4vw,2.4rem)}.res h3{font-size:1.05rem}.lede{margin-top:8px;max-width:64ch}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px;display:flex;flex-direction:column;gap:12px;min-width:0}.top3{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}.lessons{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px}.lesson{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px}.lesson b{display:block;margin-bottom:4px}.sankeybox{overflow-x:auto;display:flex;flex-direction:column;gap:6px}.sankey{min-width:600px;width:100%;height:auto}.sankey .node.n-room{fill:var(--muted)}.sankey .node.n-made{fill:var(--made)}.sankey .node.n-use{fill:var(--use)}.sankey .node.n-paid{fill:var(--paid)}.sankey .node.n-unpaid{fill:var(--bad)}.sankey .link{opacity:.32}.sankey .link:hover{opacity:.55}.sankey .l-made{fill:var(--made)}.sankey .l-use{fill:var(--use)}.sankey .l-paid{fill:var(--paid)}.sankey .l-unpaid{fill:var(--bad)}.sankey .nl{fill:var(--ink);font:700 13px var(--f-body);paint-order:stroke;stroke:var(--surface);stroke-width:4px;stroke-linejoin:round}.sankey .ns{fill:var(--muted);font:400 11.5px var(--f-mono)}.quiz{display:flex;flex-direction:column;gap:18px}.qq{display:flex;flex-direction:column;gap:8px}.opts{display:flex;flex-direction:column;gap:6px}.opt{border:1.5px solid var(--line);background:var(--bg);border-radius:8px;padding:9px 12px;text-align:left;cursor:pointer}.opt:disabled{cursor:default}.opt.right{border-color:var(--ok);background:color-mix(in srgb,var(--ok) 14%,var(--surface))}.opt.wrong{border-color:var(--bad);background:color-mix(in srgb,var(--bad) 12%,var(--surface))}.expl{font-size:.92rem;color:var(--muted)}details.teach{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px 20px}details.teach summary{cursor:pointer;font-family:var(--f-display);font-weight:700}details.teach h4{margin:14px 0 6px;font-size:.95rem}details.teach ol,details.teach ul{padding-left:20px;display:flex;flex-direction:column;gap:6px;margin:0}.sources{font-size:.88rem;color:var(--muted);padding-left:20px;margin:0}.sources a{color:var(--ink)}