@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color:#f3f1ee;font-synthesis:none;background:#080808;font-family:Space Grotesk,sans-serif}*{box-sizing:border-box}body{background:#080808;min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}.app-shell{flex-direction:column;width:min(1440px,100%);min-height:100vh;margin:auto;padding:28px 5vw 24px;display:flex;overflow:hidden}.topbar{border-bottom:1px solid #292929;justify-content:space-between;align-items:center;padding-bottom:22px;display:flex}.brand-mark{letter-spacing:-.04em;align-items:center;gap:12px;font-size:17px;line-height:.86;display:flex}.brand-mark>span{color:#080808;background:#f4f3f0;place-items:center;width:34px;height:34px;font:500 12px DM Mono,monospace;display:grid}.brand-mark strong{font-weight:700}.brand-mark em{color:#ef2d1e;font-style:normal}.header-note,.header-index,.eyebrow,footer,.stage-caption,.metrics-bar span{letter-spacing:.13em;color:#777;font:10px DM Mono,monospace}.header-note span{color:#ef2d1e;margin-left:18px}.header-index{text-align:right;line-height:1.8}.header-index span{color:#dedbd5}.hero-copy{max-width:720px;padding:10vh 0 8vh}.eyebrow{color:#ef2d1e;margin:0 0 20px}.hero-copy h1{letter-spacing:-.08em;margin:0;font-size:clamp(58px,9vw,128px);font-weight:500;line-height:.83}.hero-copy h1 i{color:#ef2d1e;font-style:normal}.hero-copy p:last-child{color:#878787;margin-top:28px;font-size:14px;line-height:1.6}.workspace{grid-template-columns:minmax(0,1fr) 300px;align-items:stretch;gap:24px;display:grid}.stage{background:#0d0d0d;border:1px solid #2a2a2a;min-height:410px;padding:28px 20px 20px;position:relative;overflow:hidden}.stage:before{content:"";background:#ef2d1e;border-radius:50%;width:9px;height:9px;position:absolute;top:17px;left:20px;box-shadow:0 0 0 5px #ef2d1e1f}.stage-grid{opacity:.42;pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 68px,#242424 69px),repeating-linear-gradient(90deg,#0000 0 68px,#1a1a1a 69px);position:absolute;inset:20px}.bars{z-index:1;align-items:end;gap:3px;display:flex;position:absolute;inset:30px 20px 46px}.bar{opacity:.9;background:#e7e5e1;flex:1;min-width:2px;max-width:18px;transition:height 80ms,background 80ms,opacity 80ms}.bar-active{opacity:1;background:#ef2d1e}.bar-pivot{background:#ff8e36}.bar-sorted{background:#777}.stage-caption{z-index:2;justify-content:space-between;display:flex;position:absolute;bottom:18px;left:20px;right:20px}.stage-caption span:last-child{color:#ef2d1e}.control-panel{background:#111;border:1px solid #2a2a2a;flex-direction:column;gap:22px;padding:22px;display:flex}.control-heading{border-bottom:1px solid #2a2a2a;justify-content:space-between;align-items:center;padding-bottom:18px;display:flex}.control-heading .eyebrow{color:#777;margin:0}.status{color:#eee;text-transform:uppercase;align-items:center;gap:7px;font:10px DM Mono,monospace;display:flex}.status i{background:#ef2d1e;border-radius:50%;width:6px;height:6px}.status-ready i{background:#777}.status-completing i,.status-complete i{background:#64d687}.field{color:#aaa;grid-template-columns:1fr auto;gap:11px;font:11px DM Mono,monospace;display:grid}.field output{color:#f2f2f2}.field select,.field input{grid-column:1/-1;width:100%}.field select{color:#f1f1f1;background:#1b1b1b;border:1px solid #3b3b3b;padding:10px}.field input{accent-color:#ef2d1e}.toggle{color:#aaa;cursor:pointer;align-items:center;gap:10px;font:11px DM Mono,monospace;display:flex}.toggle input{accent-color:#ef2d1e}.button-row{flex-direction:column;gap:8px;margin-top:auto;display:flex}.primary-button,.secondary-button{text-align:left;text-transform:uppercase;letter-spacing:.04em;border:0;padding:13px 14px;font:11px DM Mono,monospace}.primary-button{color:#0a0a0a;background:#ef2d1e}.primary-button span{float:right}.secondary-button{color:#f1f1f1;background:0 0;border:1px solid #383838}.primary-button:hover{background:#ff4b38}.secondary-button:hover{border-color:#ef2d1e}.seed-button{text-align:left;color:#aaa;text-transform:uppercase;background:#1b1b1b;border:1px solid #3b3b3b;padding:10px 12px;font:10px DM Mono,monospace}.seed-button span{float:right;color:#ef2d1e}.seed-button:hover:not(:disabled){color:#fff;border-color:#ef2d1e}.seed-button:disabled{cursor:not-allowed;opacity:.45}.metrics-bar{border:1px solid #2a2a2a;border-top:0;grid-template-columns:repeat(4,1fr);padding:17px 20px;display:grid}.metrics-bar div{border-right:1px solid #292929;flex-direction:column;gap:8px;padding-left:20px;display:flex}.metrics-bar div:first-child{padding-left:0}.metrics-bar div:last-child{border-right:0}.metrics-bar strong{color:#f3f1ee;font:400 18px DM Mono,monospace}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}footer{color:#555;justify-content:space-between;gap:18px;padding-top:22px;display:flex}footer span:last-child{color:#888}@media (width<=760px){.app-shell{padding:18px 18px 22px}.header-note{display:none}.hero-copy{padding:9vh 0 7vh}.hero-copy h1{font-size:clamp(58px,17vw,110px)}.workspace{grid-template-columns:1fr}.stage{min-height:330px}.control-panel{grid-template-columns:1fr 1fr;gap:17px;display:grid}.control-heading,.button-row,.toggle{grid-column:1/-1}.button-row{flex-direction:row}.primary-button,.secondary-button{flex:1}.metrics-bar{grid-template-columns:1fr 1fr;gap:18px 0}.metrics-bar div:nth-child(2){border-right:0}.metrics-bar div:nth-child(3){padding-left:0}.metrics-bar div:nth-child(4){border-right:0}footer{flex-direction:column;gap:10px}}.bar-complete{opacity:1;background:#64d687;box-shadow:0 0 12px #64d68752}@media (prefers-reduced-motion:reduce){.bar{transition:none}}.stage-column{flex-direction:column;gap:12px;min-width:0;display:flex}.stages{flex:1;gap:12px;display:grid}.stages-race .stage{min-height:260px}.stage-head{z-index:2;letter-spacing:.13em;text-transform:uppercase;color:#777;justify-content:space-between;gap:12px;font:10px DM Mono,monospace;display:flex;position:absolute;top:12px;left:42px;right:20px}.stage-head strong{color:#dedbd5;font-weight:400}.stage-badge{color:#64d687}.bar-outside{opacity:.28}.transport{background:#111;border:1px solid #2a2a2a;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.transport input{accent-color:#ef2d1e;width:100%}.step-button{color:#f1f1f1;background:#1b1b1b;border:1px solid #3b3b3b;width:36px;height:30px;font:11px DM Mono,monospace}.step-button:hover:not(:disabled){border-color:#ef2d1e}.step-button:disabled{cursor:not-allowed;opacity:.4}.shortcut-hint{letter-spacing:.1em;color:#555;margin:0;font:10px DM Mono,monospace}.control-panel{gap:16px}.seed-actions{grid-template-columns:1fr auto;gap:8px;display:grid}.field input[type=text]{color:#f1f1f1;background:#1b1b1b;border:1px solid #3b3b3b;padding:10px}.field select:disabled,.field input:disabled{opacity:.5;cursor:not-allowed}.algo-info{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:24px;display:grid}.algo-info article{background:#0d0d0d;border:1px solid #2a2a2a;padding:20px}.algo-info h2{letter-spacing:-.02em;margin:0 0 8px;font-size:18px;font-weight:500}.algo-info p{color:#878787;margin:0 0 18px;font-size:13px;line-height:1.6}.algo-info dl{grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:14px;margin:0;display:grid}.algo-info dt{letter-spacing:.13em;color:#777;margin-bottom:6px;font:10px DM Mono,monospace}.algo-info dd{color:#f3f1ee;margin:0;font:13px DM Mono,monospace}@media (width<=760px){.seed-actions{grid-column:1/-1}.stages-race .stage{min-height:220px}}