:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}*{box-sizing:border-box}body{color:#26251f;background:#ece7dc;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit}main{width:min(1500px,100vw - 32px);margin:0 auto;padding:26px 0}.authorship-note{z-index:20;color:#5b584e;pointer-events:none;background:#fbf8efe0;border:1px solid #cbbf9fd1;border-radius:6px;margin:0;padding:5px 8px;font-size:.72rem;font-weight:800;line-height:1.2;position:fixed;bottom:10px;right:12px}.hero{justify-content:space-between;align-items:end;gap:24px;margin-bottom:18px;display:flex}.eyebrow{color:#6d5b24;letter-spacing:0;text-transform:uppercase;margin:0 0 7px;font-size:.78rem;font-weight:850}h1,h2,p{margin-top:0}h1{color:#191815;margin-bottom:8px;font-size:clamp(2.2rem,5vw,5rem);line-height:.96}h2{margin-bottom:12px;font-size:1rem}.hero p{color:#5b584e;max-width:700px;margin-bottom:0;font-size:1.05rem}.status{color:#5b4a18;background:#f7f3ea;border:1px solid #c8b88b;border-radius:8px;align-items:center;gap:10px;min-width:210px;padding:13px 15px;font-weight:800;display:flex}.status.solved{color:#2f6734;background:#e8f3e6;border-color:#5c8c5b}.layout{grid-template-columns:300px minmax(420px,1fr) 360px;align-items:start;gap:16px;display:grid}.mode-tabs{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.mode-tabs button,.custom-row button{color:#2f2c23;cursor:pointer;text-transform:capitalize;background:#f7f3ea;border:1px solid #b7a778;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 14px;font-weight:850;display:inline-flex}.mode-tabs button.active{color:#fff;background:#26364a;border-color:#26364a}.mobile-jump{display:none}.panel,.bench>div{background:#fbf8ef;border:1px solid #cbbf9f;border-radius:8px;box-shadow:0 18px 34px #3a2f141c}.panel{padding:17px}.challenge-list,.block-bank{gap:8px;display:grid}.challenge,.block-bank button,.reset,.icon-button{color:#2f2c23;cursor:pointer;background:#f2ead7;border:1px solid #b7a778;border-radius:8px;min-height:40px;font-weight:800}.challenge.active{background:#dec472;border-color:#735f1a}.brief{background:#fffdf7;border:1px solid #d1c39c;border-radius:8px;margin:16px 0 22px;padding:13px}.brief p{color:#615d52;margin:8px 0 0;line-height:1.4}.block-bank{grid-template-columns:repeat(2,1fr)}.custom-row{grid-template-columns:112px 58px auto;gap:8px;margin-bottom:18px;display:grid}.custom-row select,.custom-row input,.generator-options select{color:#2f2c23;min-width:0;min-height:40px;font:inherit;background:#fffdf7;border:1px solid #b7a778;border-radius:8px;padding:0 9px;font-weight:700}.generator-options{background:#fffdf7;border:1px solid #d1c39c;border-radius:8px;gap:11px;margin-bottom:18px;padding:12px;display:grid}.generator-options label{color:#504b3f;gap:6px;font-size:.92rem;font-weight:800;display:grid}.generator-options input[type=range]{accent-color:#26364a}.generator-options select{width:100%}.generator-options button,.expression-row button{color:#fff;cursor:pointer;background:#26364a;border:1px solid #b7a778;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:40px;font-weight:850;display:inline-flex}.generator-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.generator-options .check-row{align-items:center;gap:9px;display:flex}.generator-options .check-row input{accent-color:#26364a;width:18px;height:18px}.bench{gap:16px;display:grid}.machine{padding:17px}.machine-title,.machine-actions,.test-title,.legend{justify-content:space-between;align-items:center;gap:12px;display:flex}.icon-button{width:42px;min-height:36px}.icon-button:disabled{cursor:not-allowed;opacity:.45}.pipeline{background:#f6f0df;border:1px dashed #a99867;border-radius:8px;flex-wrap:wrap;align-items:center;gap:9px;min-height:78px;padding:14px;display:flex}.port{color:#394334;background:#e8ede0;border:1px solid #9da48d;border-radius:8px;padding:9px 11px;font-weight:850}.stage{align-items:center;gap:8px;display:inline-flex}.stage.dragging{opacity:.45}.pipeline-block{color:#fff;cursor:grab;background:#26364a;border:1px solid #26364a;border-radius:8px;align-items:center;gap:7px;min-height:40px;padding:0 7px 0 9px;font-weight:800;display:inline-flex}.custom-pipeline-block{background:#7a661f;border-color:#7b5b15}.pipeline-block:active{cursor:grabbing}.pipeline-block>span{text-align:center;min-width:24px}.pipeline-block select,.pipeline-block input{color:#26251f;min-width:0;height:30px;font:inherit;background:#fffdf7f2;border:1px solid #ffffff73;border-radius:6px;font-size:.88rem;font-weight:800}.pipeline-block select{width:74px}.pipeline-block input{width:46px;padding:0 5px}.pipeline-block button{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff59;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;min-height:0;padding:0;display:inline-flex}.pipeline-block button:hover{background:#7f2d28;border-color:#7f2d28}.expression{color:#5b584e;gap:6px;margin-top:12px;display:grid}.expression strong{overflow-wrap:anywhere;color:#26364a;font-size:1.08rem}.expression-row{justify-content:space-between;align-items:start;gap:10px;display:flex}.expression-row strong{flex:1}.expression-row button{white-space:nowrap;min-height:34px;padding:0 10px}.trace-card{background:#fffdf7;border:1px solid #d1c39c;border-radius:8px;margin-top:14px;padding:12px}.trace-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.trace-title h2{margin-bottom:0}.trace-title label{color:#504b3f;align-items:center;gap:7px;font-weight:850;display:inline-flex}.trace-title select{color:#2f2c23;min-height:34px;font:inherit;background:#fffdf7;border:1px solid #b7a778;border-radius:8px;padding:0 8px;font-weight:800}.trace-list{gap:7px;margin-top:12px;display:grid}.trace-list div{background:#f8f3e7;border:1px solid #e1d5b6;border-radius:8px;grid-template-columns:minmax(84px,1fr) auto;align-items:center;gap:12px;min-height:34px;padding:7px 9px;display:grid}.trace-list span,.trace-list strong{overflow-wrap:anywhere}.trace-list span{color:#5b584e;font-weight:800}.trace-list strong{color:#26364a}.graph-card{overflow:hidden}.legend{color:#555044;border-bottom:1px solid #d7c9a3;justify-content:flex-start;padding:12px 16px;font-weight:800}.legend span{align-items:center;gap:7px;display:inline-flex}.target-line,.machine-line{border-top:3px dashed #b65d21;width:28px}.machine-line{border-color:#215f86;border-top-style:solid}.graph{aspect-ratio:620/310;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;display:block}.graph:active{cursor:grabbing}.graph-shell{position:relative}.graph-controls{z-index:1;background:#fffdf7eb;border:1px solid #d7c9a3;border-radius:8px;gap:6px;padding:5px;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 8px 18px #26251f1f}.graph-controls button{color:#26364a;cursor:pointer;background:#f7f3ea;border:1px solid #b7a778;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.graph-controls button:hover{background:#e8ede0}table{border-collapse:collapse;background:#fffdf7;border-radius:8px;width:100%;overflow:hidden}th,td{text-align:center;border-bottom:1px solid #e1d5b6;padding:9px 7px}th{color:#fff;background:#26364a;font-size:.84rem}td{color:#39362d;font-weight:700}.ok{color:#36713d}.bad{color:#a84437}.reset{justify-content:center;align-items:center;gap:8px;width:100%;margin-top:14px;display:inline-flex}.help-card{background:#fffdf7;border:1px solid #d1c39c;border-radius:8px;margin-top:14px;padding:12px}.help-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.help-actions button,.solution-box button{color:#2f2c23;cursor:pointer;background:#f2ead7;border:1px solid #b7a778;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:38px;font-weight:800;display:inline-flex}.help-card p{color:#5b584e;margin:10px 0 0;line-height:1.4}.solution-box{gap:9px;margin-top:10px;display:grid}.solution-box strong{overflow-wrap:anywhere;color:#26364a}@media (width<=1180px){.layout{grid-template-columns:1fr 1fr}.bench{grid-area:1/1/auto/-1}}@media (width<=760px){main{width:min(100vw - 20px,680px);padding:16px 0 40px}.authorship-note{max-width:calc(100vw - 16px);font-size:.68rem;bottom:7px;right:8px}.mobile-jump{z-index:5;background:#fbf8eff5;border:1px solid #cbbf9f;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:6px;margin:-2px 0 12px;padding:7px;display:grid;position:sticky;top:0;box-shadow:0 8px 18px #3a2f141f}.mobile-jump a{color:#2f2c23;background:#f7f3ea;border:1px solid #b7a778;border-radius:8px;justify-content:center;align-items:center;min-height:34px;font-size:.9rem;font-weight:850;text-decoration:none;display:inline-flex}.hero,.layout{display:block}.generator-actions,.help-actions{grid-template-columns:1fr}.expression-row{display:grid}.expression-row button{justify-self:start}.trace-title{flex-direction:column;align-items:start}.status,.panel,.bench{margin-top:14px}}