@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&display=swap";:root{--bg:#eef0e6;--surface:#fbfbf6;--surface-2:#eceee3;--line:#d6dccf;--line-strong:#b4c0af;--ink:#1f322a;--muted:#56645b;--green:#173c32;--green-2:#2c5545;--green-tint:#e3ecd8;--orange:#9a4a21;--orange-tint:#f7e6d2;--orange-line:#d9b58f;--focus:#b07637;--mono:"DM Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;--cell-h:clamp(28px, calc((100dvh - 400px) / 3 - 86px), 92px);color:var(--ink);background:var(--bg);font-synthesis:none;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,select{cursor:pointer}[hidden]{display:none!important}.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}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}button{border:1px solid var(--line-strong);color:var(--green);white-space:nowrap;background:#fff;border-radius:6px;height:34px;padding:0 13px;font-size:13px;font-weight:600}button:hover:not(:disabled){background:var(--green-tint);border-color:#86997f}button:disabled{opacity:.45;cursor:not-allowed}button.primary{color:#fff;background:var(--green);border-color:var(--green)}button.primary:hover:not(:disabled){background:var(--green-2)}input,select,textarea{border:1px solid var(--line-strong);width:100%;color:var(--ink);background:#fff;border-radius:6px;padding:8px 10px;font-size:13px}select{padding-right:6px}input[type=range]{accent-color:var(--green);padding:0}textarea,code,pre,.mini-label,.legend,.count,.output-step{font-family:var(--mono)}textarea{resize:vertical;tab-size:2;font-size:12px;line-height:1.6}label{font-size:12px;font-weight:600;display:block}.help{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.mini-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:3px;font-size:11px;display:block}h2{letter-spacing:.01em;margin:0;font-size:14px;font-weight:700}.shell{flex-direction:column;min-height:100dvh;display:flex}.topbar{border-bottom:1px solid var(--line);background:var(--surface);flex:none;align-items:center;gap:18px;height:52px;padding:0 16px;display:flex}.wordmark{color:var(--green);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:10px;font-size:14px;font-weight:700;text-decoration:none;display:flex}.wordmark i{color:var(--muted);margin:0 2px;font-style:normal;font-weight:400}.logo{background:var(--green);color:#fff;border-radius:6px;place-items:center;width:30px;height:30px;font:24px Georgia,serif;display:grid}.course{color:var(--muted);border-left:1px solid var(--line);padding-left:18px;font-size:12px}.topbar-actions{gap:8px;margin-left:auto;display:flex}.topbar-actions button{height:32px;font-weight:500}.workspace{flex:1;grid-template-columns:1fr;gap:12px;min-height:0;padding:12px;display:grid}.panel{background:var(--surface);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:12px;min-width:0;min-height:0;padding:14px;display:flex}.panel-head{align-items:center;gap:10px;display:flex}.count{color:var(--green);background:var(--green-tint);border-radius:10px;margin-left:auto;padding:2px 8px;font-size:12px}.setup{background:var(--surface-2)}.tabs{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:3px;display:flex}.tabs button{height:30px;color:var(--muted);background:0 0;border:none;flex:1;font-size:12px}.tabs button.active{background:var(--green);color:#fff}.tabs button:hover:not(.active):not(:disabled){background:var(--green-tint)}.inputs{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}.field label{margin-bottom:5px}.label-row{justify-content:space-between;align-items:baseline;display:flex}.label-row span{color:var(--muted);font-size:11px;font-weight:400}.field.grow{flex-direction:column;flex:1;min-height:0;display:flex}.field.grow textarea{flex:1;min-height:120px}.option-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;display:grid}.check{cursor:pointer;align-items:flex-start;gap:9px;font-weight:500;display:flex}.check input{width:16px;height:16px;accent-color:var(--green);flex:none;margin:2px 0 0;padding:0}.check small{color:var(--muted);margin-top:1px;font-size:12px;font-weight:400;line-height:1.4;display:block}.utm-options{border:1px dashed var(--line-strong);border-radius:8px;flex-direction:column;gap:6px;padding:10px;display:flex}.actions{grid-template-columns:auto 1fr;gap:8px;display:grid}.actions button{height:38px}.actions .primary{justify-content:space-between;align-items:center;display:flex}.message{color:var(--muted);overflow-wrap:anywhere;min-height:36px;max-height:84px;margin:0;font-size:12px;line-height:1.5;overflow-y:auto}.message.error{color:var(--orange);background:var(--orange-tint);border-left:3px solid var(--orange);border-radius:0 6px 6px 0;padding:6px 9px}.readout{border-bottom:1px solid var(--line);align-items:center;gap:22px;padding-bottom:12px;display:flex}#step-value{font:400 38px/1 var(--mono);color:var(--green);display:block}.readout-state{min-width:0}.readout-state code{overflow-wrap:anywhere;font-size:15px;font-weight:500;display:block}.readout-meta{min-width:0;font:12px/1.4 var(--mono);color:var(--muted);text-align:right;flex-direction:column;flex:1;gap:3px;display:flex}.readout-meta span{overflow-wrap:anywhere}.status-pill{letter-spacing:.06em;color:#1f4a2c;background:var(--green-tint);border:1px solid #b9cfa8;border-radius:6px;flex:none;padding:6px 11px;font-size:12px;font-weight:700}.status-pill.limited{background:var(--orange-tint);color:var(--orange);border-color:var(--orange-line)}.tape-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;min-height:22px;display:flex}.utm-view{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.utm-view label{margin:0}.utm-view select{width:auto;padding:4px 6px;font-size:12px}.utm-view span{color:var(--muted);font-size:12px}.legend{color:var(--muted);gap:14px;margin-left:auto;font-size:12px;display:flex}.legend-head{color:var(--green);font-weight:500}.legend-change{color:var(--orange);font-weight:500}.notice{background:var(--orange-tint);color:#6f3716;border-left:3px solid var(--orange);border-radius:0 6px 6px 0;margin:0;padding:9px 12px;font-size:13px;line-height:1.5}.tapes{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}.tape{border:1px solid var(--line);background:#fff;border-radius:8px;flex-direction:column;flex:1;justify-content:center;gap:4px;min-height:0;padding:9px 14px 8px;display:flex}.tape-heading{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.tape h3{align-items:center;gap:9px;margin:0;font-size:14px;font-weight:600;display:flex}.tape-id{font:500 11px var(--mono);color:#fff;background:var(--green);border-radius:4px;padding:3px 6px}.head-coordinate{font:500 12px var(--mono);color:var(--green);background:var(--green-tint);border-radius:4px;padding:3px 8px}.tape-tools{flex-wrap:wrap;align-items:center;gap:6px;margin-left:auto;display:flex}.tape-window{font:12px var(--mono);color:var(--muted);margin-right:4px}.tape-tools button{height:26px;padding:0 9px;font-size:12px;font-weight:500}.tape-tools button[aria-pressed=true]{background:var(--green-tint);border-color:#86997f}.tape-cells{gap:3px;display:flex}.cell{text-align:center;flex:1 1 0;min-width:0}.head-pointer{height:14px;color:var(--green);font-size:12px;line-height:14px;display:block}.cell.changed .head-pointer{color:var(--orange)}.cell.head .head-pointer{color:var(--green)}.cell code{height:var(--cell-h);color:#3b5446;font-size:clamp(15px, calc(var(--cell-h) * .38), 30px);background:#f6f7f0;border:1px solid #dbe1d4;border-radius:6px;place-items:center;padding:0 2px;display:grid;overflow:hidden}.cell.head code{border-color:var(--green);background:var(--green);color:#fff}.cell.changed:not(.head) code{background:var(--orange-tint);border-color:var(--orange-line);color:var(--orange)}.symbol{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.coordinate{font:11px var(--mono);color:var(--muted);margin-top:3px;display:block}.cell.changed .coordinate{color:var(--orange);font-weight:500}.tapes{container-type:inline-size}@container (width<=760px){.tape-extent{display:none}.tape-tools button[data-follow]{padding:0 7px}}@container (width<=560px){.tape-window{display:none}}.transition{background:var(--surface-2);border:1px solid var(--line);border-radius:8px;flex-wrap:wrap;align-items:center;gap:18px;min-height:52px;padding:9px 12px;display:flex}.transition-head{min-width:120px}.transition-head strong{font:500 13px var(--mono);overflow-wrap:anywhere;display:block}.transition-head .mini-label{margin-bottom:1px}.transition-body{flex-wrap:wrap;flex:1;align-items:center;gap:10px 22px;min-width:0;font-size:13px;display:flex}.transition-body .empty{padding:0}.tx-route{align-items:center;gap:8px;display:flex}.tx-route code,.tx-tape code{border:1px solid var(--line);background:#fff;border-radius:4px;padding:1px 6px;font-size:13px;font-weight:500}.tx-output{color:var(--orange)}.tx-tape{color:var(--muted);align-items:center;gap:8px;display:flex}.tx-label{font:500 11px var(--mono);color:#fff;background:var(--green);border-radius:4px;padding:2px 5px}.dock{border-top:1px solid var(--line);flex-direction:column;gap:8px;padding-top:10px;display:flex}.scrub{align-items:center;gap:12px;display:flex}.scrub input{flex:1;min-width:40px}.scrub span{font:12px var(--mono);color:var(--muted);white-space:nowrap;text-align:right;min-width:110px}.transport{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;display:flex}.controls{flex-wrap:wrap;gap:6px;display:flex}.controls button{min-width:62px;padding:0 11px}.controls .primary{min-width:76px}.speed{align-items:center;gap:8px;display:flex}.speed label{white-space:nowrap;color:var(--muted);font-weight:500}.speed select{width:auto}.results{gap:14px}.users-section{flex-direction:column;flex:none;gap:8px;min-height:0;max-height:34%;display:flex}.outputs-section{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.user-list,.output-list{min-height:0;overflow-y:auto}.user-row{border-bottom:1px solid #e4e8de;grid-template-columns:minmax(0,auto) 1fr auto;align-items:center;gap:10px;padding:7px 0;display:grid}.user-row strong{overflow-wrap:anywhere;font-size:14px}.user-note{color:var(--muted);font-size:12px}.user-state{font:500 11px var(--mono);color:var(--muted);background:#e9ebe2;border-radius:4px;padding:3px 7px}.user-state.inside{color:#254a1d;background:var(--green-tint)}.empty{color:var(--muted);margin:0;padding:6px 0;font-size:13px;line-height:1.6}.output{text-align:left;white-space:normal;border-color:var(--line);background:#fff;align-items:center;gap:10px;width:100%;min-width:0;height:auto;margin-bottom:6px;padding:8px 10px;font-weight:400;display:flex}.output>span:nth-child(2){flex:1;min-width:0}.output strong{overflow-wrap:anywhere;font-size:13px;font-weight:600;display:block}.output small{color:var(--muted);overflow-wrap:anywhere;margin-top:2px;font-size:12px;line-height:1.4;display:block}.output-mark{width:20px;height:20px;color:var(--green);background:var(--green-tint);border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:700;display:grid}.output.anomaly{border-color:var(--orange-line);background:#fdf7ef}.output.anomaly .output-mark{color:var(--orange);background:#f1dcc0}.output-step{white-space:nowrap;color:var(--muted);margin-left:auto;font-size:11px}dialog{border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);border-radius:12px;width:min(720px,100vw - 32px);max-height:calc(100dvh - 48px);padding:0;box-shadow:0 24px 60px #173c3255}dialog::backdrop{background:#173c3299}.dialog-body{flex-direction:column;gap:12px;max-height:calc(100dvh - 50px);padding:18px 20px;display:flex;overflow-y:auto}.dialog-head{justify-content:space-between;align-items:center;display:flex}.dialog-body h3{margin:6px 0 0;font-size:13px}.dialog-body p{margin:0;font-size:14px;line-height:1.6}.dialog-body p.help{font-size:12px}.dialog-body textarea{resize:none;height:min(54vh,480px)}.dialog-actions{justify-content:flex-end;gap:8px;display:flex}.codes{grid-template-columns:auto 1fr auto 1fr auto 1fr;align-items:center;gap:6px 10px;margin:0;font-size:13px;display:grid}.codes dt code{text-align:center;background:var(--green-tint);border-radius:4px;min-width:24px;padding:1px 6px;font-weight:500;display:inline-block}.codes dd{margin:0}@media (width>=1280px) and (height>=700px){html,body{height:100%;overflow:hidden}.shell{height:100dvh;min-height:0}.workspace{grid-template-columns:260px minmax(0,1fr) 290px;overflow:hidden}.panel{overflow:hidden}.setup{overflow-y:auto}}@media (width>=1500px) and (height>=700px){.workspace{grid-template-columns:300px minmax(0,1fr) 340px}}@media (width>=1800px) and (height>=700px){.workspace{grid-template-columns:320px minmax(0,1fr) 360px;gap:14px;padding:14px}}@media (width>=1280px) and (height>=700px) and (height<=820px){.workspace{gap:8px;padding:8px}.panel{gap:8px;padding:10px 12px}.readout{padding-bottom:8px}#step-value{font-size:30px}.tapes{gap:8px}.tape{gap:2px;padding:6px 12px 5px}.transition{min-height:0;padding:6px 10px}.dock{gap:6px;padding-top:8px}.controls button,.actions button{height:32px}}@media not all and (width>=1280px) and (height>=700px){.workspace{width:100%;max-width:900px;margin:0 auto}.field.grow textarea{min-height:160px}.tapes,.tape{flex:none}.output-list{max-height:320px}.users-section{max-height:none}.user-list{max-height:240px}}@media (width<=760px){.topbar{flex-wrap:wrap;gap:8px 10px;height:auto;padding:8px 12px}.course{display:none}.wordmark{font-size:12px}.topbar-actions{width:100%;margin-left:0}.topbar-actions button{flex:1;padding:0 9px;font-size:12px}.workspace{padding:8px}.readout{flex-wrap:wrap;gap:12px}.readout-meta{text-align:left;flex-basis:100%;order:4}.tape-tools{margin-left:0}.tape-window{display:none}.scrub span{min-width:0}.controls{width:100%}.controls button{flex:1;min-width:0;padding:0 6px}.codes{grid-template-columns:auto 1fr auto 1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}