:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;--ink:#f2f6f5;--muted:#9aa9a8;--dim:#61706f;--ground:#071110;--surface:#0c1817;--surface-2:#11211f;--line:#233633;--cyan:#61e7d2;--cyan-dim:#1d8b7d;--amber:#ffc247;--red:#ff6b5c;--green:#80e38a;--blue:#7cb7ff;--radius:.25rem;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--ground);scroll-behavior:smooth}body{min-width:320px;color:var(--ink);background:linear-gradient(#61e7d206 1px, transparent 1px), linear-gradient(90deg, #61e7d206 1px, transparent 1px), radial-gradient(circle at 20% 0%, #15312d 0, transparent 35rem), var(--ground);background-size:2rem 2rem,2rem 2rem,auto,auto;margin:0}button{font:inherit}.reference-banner{z-index:50;color:#171000;background:var(--amber);letter-spacing:.08em;text-align:center;place-items:center;min-height:2rem;padding:.35rem 1rem;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.78rem;font-weight:700;display:grid;position:sticky;top:0}#app{width:min(100%,1600px);margin:0 auto}.brand-bar{border-bottom:1px solid var(--line);background:#fff;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem clamp(.9rem,3vw,2.25rem);padding:.6rem clamp(1rem,3vw,3rem);display:flex}.brand-bar .brand{color:#12261f;letter-spacing:.09em;white-space:nowrap;align-items:center;gap:.6rem;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(.7rem,1.4vw,.82rem);font-weight:700;display:inline-flex}.brand-bar .brand-logo{width:auto;height:2.5rem;display:block}.brand-bar .brand-sep{color:#b7c3bf;font-weight:400}@media (width<=560px){.brand-bar .brand-name{font-size:.66rem}.brand-bar .brand-sep{display:none}}.app-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:2rem;padding:2.25rem clamp(1rem,3vw,3rem) 1.5rem;display:flex}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.04em;margin-bottom:0;font-size:clamp(1.75rem,3vw,3.1rem)}h2{letter-spacing:-.025em;margin-bottom:0;font-size:clamp(1.3rem,2vw,2rem)}h3{letter-spacing:-.01em;margin-bottom:0;font-size:1rem}.eyebrow,small{color:var(--cyan);letter-spacing:.1em;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.75rem;font-weight:600}.eyebrow{margin-bottom:.5rem}.basis-strip{flex-wrap:wrap;gap:.55rem;display:flex}.basis-strip span{border:1px solid var(--line);color:var(--muted);background:#11211fd9;padding:.55rem .7rem;font-size:.8rem}.basis-strip strong{color:var(--ink);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}main{padding:1.5rem clamp(1rem,3vw,3rem) 3rem}.route-board{border:1px solid var(--line);background:#081412db;overflow:hidden;box-shadow:0 1.5rem 4rem #0000003d}.section-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.25rem 1rem;display:flex}.route-legend{color:var(--muted);flex-wrap:wrap;gap:.9rem;font-size:.78rem;display:flex}.route-legend span{align-items:center;gap:.35rem;display:inline-flex}.legend-dot{border-radius:50%;width:.55rem;height:.55rem}.legend-dot.product{background:var(--cyan)}.legend-dot.residual{background:var(--red)}.legend-dot.organics{background:var(--green)}.stage-rail{scrollbar-color:var(--cyan-dim) var(--surface);grid-auto-columns:minmax(8.75rem,1fr);grid-auto-flow:column;gap:.65rem;padding:1.75rem 1.25rem 1.4rem;display:grid;position:relative;overflow-x:auto}.stage-rail:before{content:"";z-index:0;background:linear-gradient(90deg, var(--cyan-dim), var(--cyan), var(--cyan-dim));height:2px;position:absolute;top:3.2rem;left:1.25rem;right:1.25rem}.stage-rail:after{content:"";z-index:0;background:var(--amber);width:.65rem;height:.65rem;box-shadow:0 0 1.1rem var(--amber);border-radius:50%;animation:8s linear infinite material-flow;position:absolute;top:2.88rem;left:1.25rem}@keyframes material-flow{0%{left:1.25rem}to{left:calc(100% - 1.9rem)}}.stage-node{z-index:1;border:1px solid var(--line);border-top:3px solid var(--cyan-dim);border-radius:var(--radius);min-height:5.85rem;color:var(--muted);text-align:left;cursor:pointer;background:#0b1716;padding:.55rem;transition:border-color .16s,background .16s,transform .16s;position:relative}.stage-node:hover,.stage-node:focus-visible{border-color:var(--cyan);color:var(--ink);outline:none;transform:translateY(-2px)}.stage-node.active{border-color:var(--amber);border-top-color:var(--amber);color:var(--ink);background:#17201a;box-shadow:0 0 0 1px #ffc24733,0 0 1.5rem #ffc24714}.stage-node span{color:var(--dim);margin-bottom:1rem;font:600 .7rem SFMono-Regular,Consolas,Liberation Mono,monospace;display:block}.stage-node strong{font-size:.82rem;line-height:1.25;display:block}.stage-node em{color:var(--cyan);margin-top:.35rem;font:.65rem SFMono-Regular,Consolas,Liberation Mono,monospace;display:block}.branch-rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;padding:0 1.25rem 1.25rem;display:grid}.branch-node{border:1px solid var(--line);min-height:3.25rem;color:var(--muted);cursor:pointer;background:#11211fa6;border-left:3px solid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.75rem;display:grid}.branch-node[data-branch=residual]{border-left-color:var(--red)}.branch-node[data-branch=organics]{border-left-color:var(--green)}.branch-node:hover,.branch-node:focus-visible,.branch-node.active{border-color:var(--amber);color:var(--ink);outline:none}.branch-node span,.branch-node small{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.72rem}.walkthrough-toolbar{grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;margin:1rem 0;display:grid}.walkthrough-toolbar p{color:var(--muted);text-align:center;margin:0;font:.75rem SFMono-Regular,Consolas,Liberation Mono,monospace}.nav-button{border:1px solid var(--line);border-radius:var(--radius);min-height:2.75rem;color:var(--ink);background:var(--surface-2);cursor:pointer;padding:0 1rem}.nav-button:hover,.nav-button:focus-visible{border-color:var(--cyan);outline:none}.nav-button.primary{border-color:var(--cyan-dim);color:#041411;background:var(--cyan);font-weight:700}.nav-button:disabled{opacity:.35;cursor:not-allowed}.stage-intro{justify-content:space-between;align-items:end;gap:1rem;padding:1rem 0 1.25rem;display:flex}.stage-flags{flex-wrap:wrap;justify-content:end;gap:.5rem;display:flex}.flag{border:1px solid var(--line);color:var(--muted);padding:.4rem .55rem;font:.7rem SFMono-Regular,Consolas,Liberation Mono,monospace}.flag.required{border-color:var(--cyan-dim);color:var(--cyan)}.flag.optional{color:var(--amber);border-color:#665b3e}.flag.residual{color:var(--red);border-color:#6b3833}.flag.organics{color:var(--green);border-color:#365f3b}.panel-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:.85rem;display:grid}.panel{border:1px solid var(--line);border-radius:var(--radius);background:#0c1817eb;min-width:0;min-height:15rem;padding:1rem}.events-panel,.controls-panel{grid-column:span 6}.transformation-panel{grid-column:1/-1;min-height:0}.equipment-panel{grid-column:span 6}.model-panel{grid-column:span 7}.balance-panel{grid-column:span 5}.panel-title{border-bottom:1px solid var(--line);align-items:center;gap:.65rem;padding-bottom:.75rem;display:flex}.panel-title>span{color:var(--cyan);font:.7rem SFMono-Regular,Consolas,Liberation Mono,monospace}.panel ul{margin:1rem 0 0;padding:0;list-style:none}.panel li{color:#c2cfcd;margin:0 0 .7rem;padding-left:1rem;font-size:.93rem;line-height:1.5;position:relative}.panel li:before{content:"";background:var(--cyan-dim);width:.35rem;height:.35rem;position:absolute;top:.62em;left:0}.entry-callout,.safety-stack{border-left:2px solid var(--amber);background:#ffc2470f;margin-top:1rem;padding:.8rem}.entry-callout p,.safety-stack p{color:#d6d2c5;margin:.35rem 0 0;font-size:.85rem;line-height:1.5}.transition-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr) minmax(0,1.4fr);gap:.8rem;margin-top:1rem;display:grid}.state-card{border:1px solid var(--line);border-top:3px solid var(--blue);background:#0a1514;min-width:0;padding:.9rem}.state-card.process-state{border-top-color:var(--amber)}.state-card.output-state{border-top-color:var(--cyan)}.state-card.output-state[data-route=undersize],.state-card.output-state[data-route=organics]{border-top-color:var(--green)}.state-card.output-state[data-route=reject],.state-card.output-state[data-route=residual],.state-card.output-state[data-route=heavy_fraction]{border-top-color:var(--red)}.state-card h4{overflow-wrap:anywhere;margin:.45rem 0 .8rem;font-size:.95rem;line-height:1.35}.state-card dl{gap:.55rem;margin:0;display:grid}.state-card dl>div{border-top:1px solid #233633b3;grid-template-columns:minmax(5.5rem,.42fr) 1fr;gap:.6rem;padding-top:.5rem;display:grid}.state-card dt{color:var(--dim);letter-spacing:.04em;text-transform:uppercase;font:.68rem SFMono-Regular,Consolas,Liberation Mono,monospace}.state-card dd{overflow-wrap:anywhere;color:#c6d2d0;margin:0;font-size:.8rem;line-height:1.4}.output-state-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.output-state-list .state-card:only-child{grid-column:1/-1}.output-destination{border-top:1px solid var(--line);color:var(--muted);margin:.75rem 0 0;padding-top:.6rem;font-size:.75rem;line-height:1.4}.output-destination strong{color:var(--cyan)}.screen-control{background:#ffc2470f;border:1px solid #6b5b34;margin-top:.85rem;padding:.7rem}.screen-control label{color:var(--amber);justify-content:space-between;gap:1rem;font:.7rem SFMono-Regular,Consolas,Liberation Mono,monospace;display:flex}.screen-control input{width:100%;accent-color:var(--amber)}.screen-control p{color:var(--muted);margin:.35rem 0 0;font-size:.7rem;line-height:1.35}.separator-detail{border:1px solid var(--line);background:#61e7d209;grid-template-columns:minmax(7rem,.36fr) 1fr;gap:.45rem .7rem;margin-top:.7rem;padding:.7rem;display:grid}.separator-detail[hidden]{display:none}.separator-detail strong{color:var(--cyan);font:.66rem SFMono-Regular,Consolas,Liberation Mono,monospace}.separator-detail span{color:var(--muted);font-size:.72rem;line-height:1.4}.related-streams{color:var(--muted);margin-top:.85rem;font-size:.78rem}.equipment-card{border:1px solid var(--line);background:#0a1514;margin-top:.75rem;padding:.75rem}.equipment-card header{justify-content:space-between;align-items:start;gap:.75rem;display:flex}.equipment-tag{color:var(--amber);font:600 .75rem SFMono-Regular,Consolas,Liberation Mono,monospace}.equipment-status{max-width:65%;color:var(--cyan);text-align:right;font:.67rem SFMono-Regular,Consolas,Liberation Mono,monospace}.equipment-card h4{overflow-wrap:anywhere;margin:.4rem 0 .35rem;font-size:.9rem}.equipment-card p{color:var(--muted);margin:0;font-size:.8rem;line-height:1.4}.model-shell{background:radial-gradient(circle at 50% 34%,#4a555d 0,#252c31 42%,#151a1e 78%);border:1px solid #354047;height:clamp(20rem,36vw,31rem);margin-top:.85rem;position:relative;overflow:hidden}#modelCanvas{cursor:grab;width:100%;height:100%;display:block}#modelCanvas:active{cursor:grabbing}.axis-badge{border:1px solid var(--cyan-dim);background:#071110cc;place-items:center;width:2.8rem;height:2.8rem;display:grid;position:absolute;top:.75rem;right:.75rem}.axis-badge b{color:var(--cyan);font:700 1rem SFMono-Regular,Consolas,Liberation Mono,monospace}.axis-badge span{color:var(--muted);font:.5rem SFMono-Regular,Consolas,Liberation Mono,monospace}.flow-profile{color:#d6dde0;letter-spacing:.05em;text-align:right;background:#0e1215c2;border:1px solid #b7c2c84d;max-width:min(16rem,60%);margin:0;padding:.35rem .5rem;font:.62rem SFMono-Regular,Consolas,Liberation Mono,monospace;position:absolute;top:4.1rem;right:.75rem}.model-status{color:var(--muted);margin:0;font:.7rem SFMono-Regular,Consolas,Liberation Mono,monospace;position:absolute;bottom:.75rem;left:.75rem;right:.75rem}.model-caption{color:var(--muted);margin:.7rem 0 0;font-size:.78rem}.model-tools{z-index:5;flex-wrap:wrap;gap:.4rem;display:flex;position:absolute;top:.75rem;left:.75rem}.model-tool{border:1px solid var(--line);color:var(--muted);letter-spacing:.04em;cursor:pointer;background:#071110d1;padding:.32rem .6rem;font:.66rem SFMono-Regular,Consolas,Liberation Mono,monospace}.model-tool:hover{color:var(--ink);border-color:var(--cyan-dim)}.model-tool.on{color:var(--ground);background:var(--cyan);border-color:var(--cyan)}.model-tool:disabled{opacity:.38;cursor:not-allowed}.camera-tools{z-index:6;pointer-events:none;flex-wrap:wrap;justify-content:flex-end;gap:.3rem;display:flex;position:absolute;bottom:2.4rem;left:.75rem;right:.75rem}.camera-tool{color:#c8d4d3;cursor:pointer;pointer-events:auto;background:#071110d1;border:1px solid #61e7d252;min-height:1.8rem;padding:.25rem .48rem;font:.62rem SFMono-Regular,Consolas,Liberation Mono,monospace}.camera-tool:hover,.camera-tool:focus-visible{border-color:var(--cyan);color:var(--ink);outline:none}.process-visual-guide,.line-schematic{z-index:4;pointer-events:none;background:#071110d6;border:1px solid #61e7d24d;max-width:min(35rem,100% - 7rem);padding:.55rem .65rem;font:.62rem/1.45 SFMono-Regular,Consolas,Liberation Mono,monospace;position:absolute;left:.75rem}.process-visual-guide{gap:.2rem;display:grid;bottom:5rem}.process-visual-guide[hidden],.line-schematic[hidden]{display:none}.process-visual-guide strong{color:var(--amber)}.process-visual-guide span{color:#c8d4d3}.guide-route{vertical-align:middle;width:.85rem;height:.18rem;margin-right:.25rem;display:inline-block}.guide-route.product,.guide-route.light{background:var(--cyan)}.guide-route.organics{background:var(--green)}.guide-route.residual{background:var(--red)}.guide-route.dust{background:var(--muted)}.line-schematic{max-width:none;bottom:5rem;right:.75rem}.line-route{color:#aebbb9;flex-wrap:wrap;gap:.2rem .32rem;display:flex}.line-route span.active{color:var(--amber);text-shadow:0 0 .65rem #ffc24799;font-weight:700}.line-branches{border-top:1px solid var(--line);flex-wrap:wrap;gap:.25rem 1rem;margin-top:.35rem;padding-top:.35rem;display:flex}.line-branches .organics{color:var(--green)}.line-branches .light{color:var(--cyan)}.line-branches .residual{color:var(--red)}.model-shell.fullscreen{z-index:200;border:none;height:auto;margin:0;position:fixed;inset:0}body.model-fullscreen-open{overflow:hidden}.model-status[data-state=loaded]{color:var(--cyan)}.model-status[data-state=failed-to-load]{color:var(--red)}.model-status[data-state=no-model-available]{color:var(--amber)}.balance-total{justify-content:space-between;align-items:baseline;margin:1rem 0 1.25rem;display:flex}.balance-total span{color:var(--muted);font:.72rem SFMono-Regular,Consolas,Liberation Mono,monospace}.balance-total strong{color:var(--amber);letter-spacing:-.08em;font:700 clamp(2.2rem,5vw,4.5rem) SFMono-Regular,Consolas,Liberation Mono,monospace}.balance-bars{gap:.85rem;display:grid}.balance-row header{color:#bdcac8;justify-content:space-between;gap:1rem;margin-bottom:.35rem;font-size:.77rem;display:flex}.balance-row header strong{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.bar-track{background:#07100f;height:.55rem;overflow:hidden}.bar-fill{height:100%;width:var(--value);background:var(--bar-color);transition:width .4s}.balance-note{color:var(--muted);margin:1.1rem 0 0;font-size:.79rem;line-height:1.5}footer{color:var(--dim);justify-content:space-between;gap:1rem;padding:1rem clamp(1rem,3vw,3rem) 3rem;font:.72rem SFMono-Regular,Consolas,Liberation Mono,monospace;display:flex}footer p{margin:0}@media (width<=900px){.app-header,.section-heading,.stage-intro{flex-direction:column;align-items:start}.stage-flags{justify-content:start}.events-panel,.controls-panel,.transformation-panel,.equipment-panel,.model-panel,.balance-panel{grid-column:1/-1}.transition-grid{grid-template-columns:1fr 1fr}.output-state-list{grid-column:1/-1}.model-shell{height:19rem}}@media (width<=620px){.reference-banner{font-size:.68rem}.app-header{padding-top:1.4rem}main{padding-inline:.65rem}.route-board{border-inline:0;margin-inline:-.65rem}.stage-rail{scroll-snap-type:x proximity;grid-auto-columns:minmax(9.4rem,72vw);padding-inline:.75rem}.stage-node{scroll-snap-align:center}.branch-rail{grid-template-columns:1fr;padding-inline:.75rem}.transition-grid,.output-state-list{grid-template-columns:1fr}.state-card dl>div{grid-template-columns:minmax(5.5rem,.34fr) 1fr}.walkthrough-toolbar{grid-template-columns:1fr 1fr}.walkthrough-toolbar p{grid-area:1/1/auto/-1}.nav-button{width:100%}.panel{padding:.8rem}.model-shell{height:min(66vh,23rem)}.model-tools{right:3.9rem}.flow-profile{text-align:left;max-width:none;inset:auto .5rem 5rem}.camera-tools{justify-content:center;bottom:2.3rem}.camera-tool{flex:3.3rem;min-height:2.4rem}.process-visual-guide,.line-schematic{max-width:none;font-size:.56rem;bottom:6.2rem;left:.5rem;right:.5rem}.separator-detail{grid-template-columns:1fr;gap:.2rem}footer{flex-direction:column}}@media (width<=420px){.reference-banner{letter-spacing:.04em;padding-inline:.5rem;position:relative}.brand-bar{justify-content:flex-start;gap:.55rem;padding-inline:.65rem}.brand-bar .brand-logo{object-fit:contain;max-width:4.8rem;height:2rem}.app-header{gap:1rem;padding-inline:.75rem}.basis-strip span{flex:7rem}.stage-intro{padding-inline:.25rem}.state-card dl>div{grid-template-columns:1fr;gap:.2rem}.model-shell{margin-inline:-.3rem}.model-tool{min-height:2rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.stage-rail:after{animation:none}.stage-node,.bar-fill{transition:none}}