:root{--bg:#101214;--panel:#191c1f;--well:#131618;--line:#303539;--text:#edf0ee;--muted:#929b9e;--accent:#ff8d55;--accent-ink:#17191a;--cyan:#82d4cb;--grid:#252b2e;--shadow:0 18px 60px #0003;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--bg)}:root[data-theme=light]{--bg:#e9e8e2;--panel:#f8f7f2;--well:#efeee8;--line:#d4d5ce;--text:#252b2d;--muted:#5d6768;--accent:#ae4414;--accent-ink:#fffaf4;--cyan:#20706b;--grid:#e1e2da;--shadow:0 18px 60px #3438280b}*{box-sizing:border-box}body{margin:0}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{border:0}button:disabled{cursor:default;opacity:.55}::selection{background:var(--accent);color:var(--accent-ink)}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-variant-numeric:tabular-nums}.shell{max-width:1216px;margin:auto;padding:30px 36px 24px}header{display:flex;align-items:center;justify-content:space-between;padding-bottom:26px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px}.mark{width:30px;height:30px;position:relative;border:1px solid var(--line);border-radius:50%}.mark:before{content:"";position:absolute;width:2px;height:23px;background:var(--accent);left:14px;top:2px;transform:rotate(36deg)}.brand strong{letter-spacing:.23em;font-size:18px;font-weight:700}.brand small{display:block;margin-top:3px;font-size:11px;letter-spacing:.14em;color:var(--muted)}:root{--ctl-r:8px;--ctl-bg:var(--well)}.intro{display:flex;justify-content:space-between;align-items:end;margin:28px 0 24px}h1{font-size:32px;font-weight:500;letter-spacing:-1.2px;margin:0 0 7px}.intro p{font-size:15px;color:var(--muted);margin:0}.online{font-size:12px;letter-spacing:.08em;display:flex;align-items:center;gap:8px;color:var(--muted);white-space:nowrap}.led{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px color-mix(in srgb,var(--cyan),transparent 65%)}.console{border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:var(--shadow);overflow:hidden}.console-top{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.eyebrow{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.modes{display:flex;background:var(--well);border:1px solid var(--line);border-radius:9px;padding:4px;gap:4px}.modes button{padding:11px 18px;background:transparent;border-radius:5px;min-width:123px;font-size:14px}.modes button[aria-checked=true]{background:var(--text);color:var(--bg);box-shadow:0 2px 8px #0002}.modes span{margin-right:7px;color:var(--muted)}.modes button[aria-checked=true] span{color:inherit}.deck{display:grid;grid-template-columns:1fr 320px}.instrument{padding:22px 32px 24px;min-width:0}.instrument-head{display:flex;justify-content:space-between;align-items:center}.phase-label{color:var(--accent);display:flex;align-items:center;gap:9px;font-size:13px;letter-spacing:.08em;text-transform:uppercase}.serial{font-size:12px;color:var(--muted);letter-spacing:.06em}.dial{position:relative;max-width:570px;margin:0 auto;aspect-ratio:570/315}.dial svg{width:100%;height:100%;overflow:visible}.dial text{fill:var(--muted);font-family:ui-monospace,monospace;font-size:15px}.track{stroke:var(--line);fill:none;stroke-width:3}.arc{stroke:var(--accent);fill:none;stroke-width:3;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--accent),transparent 55%))}.tick{stroke:var(--line);stroke-width:1}.major{stroke:var(--muted);stroke-width:1.4}.needle{transform-origin:285px 245px;stroke:var(--accent);stroke-width:2;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--accent),transparent 30%))}.readout{position:absolute;inset:49% 0 0;text-align:center;pointer-events:none}.speed{font-size:70px;line-height:1.05;letter-spacing:-5px;font-weight:400}.speed-unit{color:var(--muted);font-size:14px;margin-top:6px;letter-spacing:.02em}.readout-caption{font-size:12px;letter-spacing:.06em;text-transform:uppercase;margin-top:12px;color:var(--muted)}.chart-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);letter-spacing:.06em}.chart-wrap{position:relative;height:64px;margin-top:10px;background:repeating-linear-gradient(to top,transparent 0,transparent 20px,var(--grid) 20px,var(--grid) 21px);border-bottom:1px solid var(--line)}canvas{width:100%;height:100%;display:block}.action-row{display:flex;align-items:center;gap:22px;margin-top:21px}.start{background:var(--accent);color:var(--accent-ink);border-radius:7px;min-width:194px;padding:16px 20px;text-align:left;display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:650}.start:hover{filter:brightness(1.08)}.start .arrow{font-size:20px;line-height:16px}.phase-sequence{display:flex;gap:13px;font-size:13px;color:var(--muted)}.phase-sequence .current{color:var(--accent)}.phase-sequence .done{color:var(--cyan)}.telemetry{background:var(--well);padding:24px;border-left:1px solid var(--line)}.telemetry-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.square{width:6px;height:6px;background:var(--accent)}.metric{padding:0 0 19px;margin-bottom:20px;border-bottom:1px solid var(--line)}.metric-label{font-size:14px;color:var(--muted);display:flex;justify-content:space-between;align-items:center}.metric-label .direction{color:var(--accent);font-size:16px}.metric.upload .direction{color:var(--cyan)}.metric-value{font-size:32px;letter-spacing:-1px;margin-top:9px}.metric-value small{font-size:14px;letter-spacing:0;color:var(--muted);margin-left:6px}.twins{display:grid;grid-template-columns:1fr 1fr;gap:16px;border-bottom:1px solid var(--line);padding-bottom:21px}.twins .metric-value{font-size:23px}.loaded{padding-top:20px}.loaded-values{display:flex;justify-content:space-between;margin-top:11px;font-size:15px}.loaded-values span{color:var(--muted);font-size:13px}.server{display:flex;justify-content:space-between;gap:12px;margin-top:24px;color:var(--muted);font-size:12px;letter-spacing:.06em}.notice{margin:16px 0 0;padding:13px 15px;border:1px solid var(--accent);background:color-mix(in srgb,var(--accent),transparent 94%);border-radius:7px;font-size:14px;line-height:1.5}.notice strong{display:block;font-weight:550;color:var(--accent)}.notice[hidden]{display:none}.history{margin-top:25px}.history-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.history-toggle{padding:0;background:transparent;font-size:15px}.history-toggle span{color:var(--muted);margin-left:9px;font-size:13px}.privacy{font-size:13px;color:var(--muted)}.history-body{border:1px solid var(--line);border-radius:9px;background:var(--panel);display:grid;grid-template-columns:1fr 250px;padding:15px 20px;gap:30px}.history-body{max-height:290px;overflow:auto}.history-body[hidden]{display:none}.history table{border-collapse:collapse;width:100%;font-size:14px;text-align:left}.history th{font-size:12px;letter-spacing:.06em;color:var(--muted);font-weight:400;padding:0 0 9px}.history td{padding:5px 0}.history td:first-child{color:var(--muted)}.history-chart{height:68px;align-self:center}.legend{display:flex;gap:15px;font-size:12px;color:var(--muted);margin-top:5px}.legend i{display:inline-block;width:12px;height:2px;background:var(--accent);margin-right:5px;vertical-align:middle}.legend .up{background:var(--cyan)}footer{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;letter-spacing:.06em;margin-top:22px}.demo{margin-top:20px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:12px}.demo button{padding:4px 0;background:transparent;color:var(--muted);border-bottom:1px dotted var(--line);font-size:12px}.demo button:hover{color:var(--accent)}@media(min-width:1001px){.shell{padding-top:24px}header{padding-bottom:18px}.intro{margin:22px 0 20px}.console-top{padding:12px 24px}.dial{max-width:440px}.instrument{padding:18px 32px 20px}.chart-wrap{height:48px}.action-row{margin-top:16px}.telemetry{padding-top:20px}.telemetry-title{margin-bottom:16px}.metric{padding-bottom:16px;margin-bottom:16px}.history{margin-top:18px}.history-body{padding:10px 20px}.speed{font-size:61px}.readout-caption{margin-top:9px}footer{margin-top:15px}.demo{margin-top:13px}}@media(max-width:1000px){.shell{padding:26px 30px}.deck{grid-template-columns:1fr 250px}.instrument{padding:22px}.telemetry{padding:22px 20px}.console-top{padding:18px 22px}.modes button{min-width:118px;padding:11px 13px}.action-row{gap:15px;flex-wrap:wrap}.phase-sequence{flex:1;justify-content:space-between}.start{min-width:100%}.speed{font-size:57px}.serial{display:none}.readout-caption{margin-top:8px}.history-body{grid-template-columns:1fr 190px;gap:18px}h1{font-size:29px}.online{font-size:12px}}@media(max-width:650px){.shell{padding:18px 18px 20px}header{padding-bottom:18px}.brand strong{font-size:15px}.brand small{font-size:11px}.brand{gap:9px}.mark{width:26px;height:26px}.mark:before{left:12px;height:20px}.intro{margin:24px 0 20px}.intro h1{font-size:27px}.intro p{font-size:14px}.online{display:none}.console{border-radius:12px}.console-top{display:block;padding:13px}.console-top>.eyebrow{display:none}.modes{width:100%;gap:2px;padding:3px}.modes button{min-width:0;flex:1;padding:11px 2px;font-size:12px;min-height:48px;line-height:1.5}.modes span{display:block;font-size:16px;line-height:18px;margin:0}.deck{display:block}.instrument{padding:17px 17px 19px}.phase-label{font-size:12px}.serial{display:block;font-size:11px}.dial{margin-top:10px;aspect-ratio:570/370}.speed{font-size:56px;letter-spacing:-3px}.readout{inset:47% 0 0}.speed-unit{font-size:13px;margin-top:4px}.readout-caption{margin-top:9px;font-size:11px}.chart-head{font-size:11px}.chart-head{margin-top:16px}.chart-wrap{height:46px;margin-top:8px}.action-row{margin-top:17px;gap:13px}.start{padding:15px 18px;min-height:50px}.phase-sequence{font-size:12px}.telemetry{border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:18px}.telemetry-title{grid-column:1/-1;margin:0}.metric{padding:0 0 13px;margin:0}.metric-value{font-size:27px;margin-top:6px}.metric-label{font-size:13px}.metric-value small{font-size:12px;margin-left:4px}.twins{grid-column:1/-1;padding-bottom:13px}.twins .metric-value{font-size:21px}.loaded{grid-column:1/-1;padding:0}.loaded-values{margin-top:9px}.server{display:none}.history{margin-top:20px}.history-head{align-items:start;gap:10px}.history-toggle{font-size:12px}.history-toggle span{font-size:12px;margin-left:4px}.privacy{font-size:12px;max-width:150px;text-align:right}.history-body{display:block;padding:14px}.history-chart{height:55px;margin-top:13px}.history table{font-size:13px}.history th{font-size:11px}.history th:last-child,.history td:last-child{display:none}.legend{font-size:11px}footer{font-size:11px;line-height:1.7;gap:20px}.demo{gap:11px;margin-top:14px;font-size:11px}.demo button{font-size:11px}.notice{font-size:13px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}#flow,#visualProgress{display:none}option{background:var(--panel)}@media(max-width:650px){.dial text{font-size:22px}.brand strong{letter-spacing:.08em;font-size:18px}.modes b{font-weight:400}}
