@import"https://fonts.googleapis.com/css2?family=Michroma&family=Sintony:wght@400;700&family=Share+Tech+Mono&display=swap";:root{--bg: #050403;--bg-2: #0d0a06;--bg-3: #171008;--line: #3a2408;--line-2: #6b3d08;--fg: #f3dcc0;--fg-dim: #c39a6b;--fg-faint: #8a6a45;--accent: #ff7100;--accent-hot: #ffae3b;--accent-2: #2fb4ff;--ok: #5ed16a;--warn: #ffc400;--bad: #ff3b30;--mono: "Share Tech Mono", ui-monospace, Menlo, Consolas, monospace;--sans: "Sintony", "Segoe UI", system-ui, sans-serif;--caps: "Michroma", "Eurostile", "Segoe UI", sans-serif;--cut: 12px}*{box-sizing:border-box}body{margin:0;color:var(--fg);font:15px/1.55 var(--sans);-webkit-font-smoothing:antialiased;background:radial-gradient(1200px 500px at 50% -200px,rgba(255,113,0,.1),transparent 70%),repeating-linear-gradient(0deg,rgba(255,140,40,.022) 0 1px,transparent 1px 3px),var(--bg);background-attachment:fixed}a{color:var(--accent-hot)}code,.mono{font-family:var(--mono)}code{background:var(--bg-3);border:1px solid var(--line);padding:0 4px;color:var(--accent-hot)}.dim{color:var(--fg-faint)}b{color:#fff3e2}.devname{color:var(--fg-dim);font-size:13px}.src{font-family:var(--caps);font-size:9px;letter-spacing:.14em;text-transform:uppercase;padding:3px 8px;color:#000;background:var(--ok)}.src-demo{background:var(--accent-2)}.src-file{background:var(--warn)}.toggle{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--fg-dim);cursor:pointer}.btn{background:transparent;border:1px solid var(--accent);color:var(--accent);cursor:pointer;font-family:var(--caps);font-size:10px;letter-spacing:.13em;text-transform:uppercase;padding:9px 14px}.btn:hover:not(:disabled){background:var(--accent);color:#000}.btn.primary{background:var(--accent);color:#000}.btn.primary:hover:not(:disabled){background:var(--accent-hot)}.btn.ghost{border-color:var(--line-2);color:var(--fg-dim)}.btn:disabled{opacity:.35;cursor:not-allowed}.tabs{display:flex;gap:2px;padding:0 22px;border-bottom:1px solid var(--accent);background:var(--bg-2);flex-wrap:wrap}.tabs button{background:none;border:none;border-bottom:2px solid transparent;color:var(--fg-dim);cursor:pointer;font-family:var(--caps);font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;padding:13px 16px 11px}.tabs button:hover{background:var(--accent);color:#000}.tabs button.on{color:#000;background:var(--accent)}.tabs i{font-style:normal;margin-left:8px;background:#000;color:var(--accent);padding:1px 6px;font-family:var(--mono)}.page{max-width:1240px;margin:0 auto;padding:26px 22px 80px}.intro{color:var(--fg-dim);max-width:78ch;margin:0 0 18px}.connect{max-width:880px;margin:0 auto;padding:70px 22px}.eyebrow{font-family:var(--caps);font-size:10.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--accent-2);margin:0 0 14px}.connect h1{font-family:var(--caps);font-weight:400;font-size:clamp(26px,5vw,46px);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);text-shadow:0 0 12px rgba(255,113,0,.45);margin:0 0 16px}.connect h1 span{color:var(--fg);text-shadow:none}.lede{font-size:17px;max-width:64ch}.choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:28px 0 18px}.choice{text-align:left;background:var(--bg-2);border:1px solid var(--line-2);color:var(--fg);padding:16px 18px;cursor:pointer;font:inherit;clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,0 100%)}.choice b{display:block;font-family:var(--caps);font-weight:400;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:6px}.choice span{color:var(--fg-dim);font-size:13.5px}.choice:hover:not(:disabled){background:var(--accent)}.choice:hover:not(:disabled) b,.choice:hover:not(:disabled) span{color:#000}.choice.primary{border-color:var(--accent);background:#ff71001f}.choice:disabled{opacity:.45;cursor:not-allowed}.fine{color:var(--fg-faint);font-size:13px;max-width:70ch}.busy{color:var(--accent-2);font-family:var(--mono)}.busy:before{content:"> "}.note{border:1px solid var(--line);border-left:3px solid var(--line-2);background:var(--bg-2);padding:11px 14px;margin:14px 0;font-size:14px}.note.warn{border-left-color:var(--bad);background:#ff3b3014}.note.ok{border-left-color:var(--ok);background:#5ed16a14}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:18px}.stat{border:1px solid var(--line-2);background:var(--bg-2);padding:12px 14px;clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,0 100%)}.stat .v{font-family:var(--caps);font-size:20px;color:var(--accent)}.stat .k{font-family:var(--caps);font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--fg-dim);margin-top:4px}.stat.bad .v{color:var(--bad)}.panel{background:var(--bg-2);border:1px solid var(--line-2);padding:16px 20px 18px;margin:0 0 16px}.panel h2{font-family:var(--caps);font-weight:400;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 12px;display:flex;align-items:center;gap:12px}.panel h3{font-family:var(--caps);font-weight:400;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-2);margin:4px 0 8px}.panel h3 small{color:var(--fg-faint);letter-spacing:.08em;margin-left:8px}.panel p,.panel ol{margin:0 0 10px;max-width:80ch}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:12px}.pill{font-family:var(--caps);font-style:normal;font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;padding:2px 6px;margin-left:8px;border:1px solid var(--line-2);color:var(--fg-dim);white-space:nowrap}.pill.ok{background:var(--ok);border-color:var(--ok);color:#000}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(520px,1fr));gap:16px}.axis.off{opacity:.55}.axis h2 .n{color:var(--accent-2)}.cols{display:grid;grid-template-columns:1fr 1fr;gap:22px}@media (max-width: 620px){.cols,.cards{grid-template-columns:1fr}}.field{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 6px;margin:0 -6px;font-size:13.5px;border-left:2px solid transparent}.field.changed{border-left-color:var(--accent);background:#ff71001a}input[type=number],select{background:#000;color:var(--accent-hot);border:1px solid var(--line-2);font:13px var(--mono);padding:4px 6px;width:96px}input[type=number]:disabled,select:disabled{color:var(--fg-faint);border-color:var(--line)}input[type=number]:focus,select:focus{outline:none;border-color:var(--accent)}input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px}.curve svg{width:100%;aspect-ratio:1;max-height:230px;background:#000;display:block;touch-action:none}.curve .frame{fill:none;stroke:var(--line-2);stroke-width:1;vector-effect:non-scaling-stroke}.curve .grid{stroke:var(--line);stroke-width:1;fill:none;vector-effect:non-scaling-stroke}.curve .straight{stroke:var(--fg-faint);stroke-width:1;stroke-dasharray:2 4;fill:none;vector-effect:non-scaling-stroke}.curve .was{stroke:var(--fg-faint);stroke-width:1.2;fill:none;vector-effect:non-scaling-stroke}.curve .now{stroke:var(--accent);stroke-width:2;fill:none;vector-effect:non-scaling-stroke}.curve .dot{fill:var(--bg);stroke:var(--accent-2);stroke-width:1.5;vector-effect:non-scaling-stroke;cursor:ns-resize}.curve .dot:hover{fill:var(--accent-2)}.curve input[type=range]{flex:1;max-width:190px;accent-color:var(--accent)}.curve select{min-width:150px}.curve .ifield{flex-wrap:wrap}.small{font-size:12px;margin-top:6px}.pill.unsure{border-color:var(--warn);color:var(--warn)}table.lines{width:100%;border-collapse:collapse;font-size:13.5px;margin-top:10px}.lines th{text-align:left;font-family:var(--caps);font-weight:400;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);border-bottom:1px solid var(--accent);padding:8px 10px;background:#ff710012}.lines td{padding:6px 10px;border-bottom:1px solid var(--line);vertical-align:middle}.lines tr.changed td{background:#ff71001a}.lines tr.unused td{opacity:.45}.lines .num{font-family:var(--mono);color:var(--accent-2);width:56px}.swatch{display:inline-block;width:22px;height:14px;border:1px solid var(--fg-faint);margin-right:5px;vertical-align:middle}.legend{display:flex;flex-wrap:wrap;gap:4px 6px;margin-bottom:10px}.legend span{font-size:11.5px;padding:2px 8px;color:#000;text-transform:capitalize}.where{font-family:var(--mono);font-size:13px;min-height:22px;margin-bottom:6px;color:var(--fg-dim)}.hexdump{font-family:var(--mono);font-size:11.5px;line-height:1.5;background:#000;border:1px solid var(--line-2);padding:10px;overflow-x:auto}.hexrow{white-space:nowrap}.hexrow .off{color:var(--accent-2);margin-right:10px}.byte{display:inline-block;width:19px;text-align:center;margin-right:1px;color:#000;opacity:.82}.byte.hl{opacity:1}.byte.chg{outline:2px solid #fff;outline-offset:-1px;opacity:1;position:relative;z-index:1}.g-header{background:#ffd9a8}.g-options{background:#c9641a}.g-axes{background:var(--accent)}.g-buttons{background:var(--accent-2)}.g-ext{background:#a584ff}.g-leds{background:var(--ok)}.g-detents{background:var(--warn)}.g-unknown{background:#5a3a14;color:var(--fg)!important}.g-unused{background:#1d1309;color:var(--fg-faint)!important}.panel h2 small{font-family:var(--sans);letter-spacing:0;text-transform:none;font-size:12.5px}.bar{display:grid;grid-template-columns:150px 1fr 60px;gap:12px;align-items:center;padding:4px 0;font-size:13.5px}.bar.off{opacity:.4}.bar .track{height:12px;background:#000;border:1px solid var(--line-2);position:relative}.bar .track i{display:block;height:100%;background:var(--accent)}.bar .hat{font-size:20px;color:var(--accent)}.btngrid{display:grid;grid-template-columns:repeat(16,1fr);gap:3px}.btngrid span{text-align:center;font:12px var(--mono);padding:5px 0;border:1px solid var(--line);color:var(--fg-faint)}.btngrid span.mapped{border-color:var(--line-2);color:var(--fg-dim)}.btngrid span.on{background:var(--accent);border-color:var(--accent);color:#000;box-shadow:0 0 10px #ff710099}.lines tr.pressed td{background:var(--accent);color:#000}.lines tr.pressed td b,.lines tr.pressed .dim,.lines tr.pressed .num{color:#000}.btngrid span.on.line{background:var(--accent-2);border-color:var(--accent-2);box-shadow:0 0 10px #2fb4ff99}.pill.ok+.pill,.pill+.pill{margin-left:6px}.sends{display:inline-flex;align-items:center;gap:6px}.sends select{min-width:118px;background:#000;color:var(--fg);border:1px solid var(--line-2);font:12px var(--mono);padding:3px 4px}.sends input:disabled{opacity:.55}.note ul{margin:8px 0 8px 18px;padding:0}.note li{margin:3px 0}.note .row{margin-top:10px}.note label.toggle{display:flex;margin-top:10px;color:var(--fg)}.note table.lines{margin:10px 0 0}.page.wide{max-width:1560px;padding:12px 22px 0}.page.wide .about{max-width:1196px;margin:34px auto 24px}.shell{padding-bottom:64px}.chartwrap{min-width:980px}.charttools{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:0 0 8px;font-size:13px}.seg{display:inline-flex;border:1px solid var(--line-2)}.seg button{background:none;border:0;border-right:1px solid var(--line-2);color:var(--fg-dim);cursor:pointer;padding:6px 12px;font-family:var(--caps);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase}.seg button:last-child{border-right:0}.seg button.on{background:var(--accent);color:#000}.seg button:disabled{opacity:.35;cursor:not-allowed}.chart{position:relative;margin:0 auto;max-width:max(960px,calc((100vh - 206px) * 1280 / 792))}.chart svg{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none}.chart .leader{fill:none;stroke:var(--accent-2);stroke-width:1;opacity:.3;pointer-events:none}.chart .leader.on{stroke-width:1.6;opacity:1}.chart .leader.live{stroke:var(--accent-hot);stroke-width:2;opacity:1}.chart .spot{fill:#0504038c;stroke:var(--accent-2);stroke-width:1.4;cursor:pointer}.chart .spot.on{fill:var(--accent-2)}.chart .spot.live{fill:var(--accent);stroke:var(--accent-hot);filter:drop-shadow(0 0 6px rgba(255,113,0,.9))}.chart rect.title{fill:var(--line)}.chart .box .frame{fill:none;stroke:none;pointer-events:none}.chart .box.on .frame{fill:#2fb4ff0f;stroke:var(--accent-2);stroke-width:1.2}.chart .box.on rect.title{fill:#2fb4ffb8}.chart .box.live .frame{fill:#ff710012;stroke:var(--accent);stroke-width:1.2}.chart .box.live rect.title{fill:var(--accent)}.chart .box.on text.title,.chart .box.live text.title{fill:#000}.chart text.title{fill:var(--accent);font-family:var(--caps);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase}.chart .row{cursor:pointer}.chart .row rect{fill:var(--bg-2);stroke:var(--line);stroke-width:1}.chart .row:hover rect{fill:var(--bg-3);stroke:var(--line-2)}.chart .row text{fill:var(--fg);font-family:var(--sans);font-size:12.5px}.chart .row .glyph{fill:var(--accent-2);font-family:var(--mono);font-size:12px}.chart .row .glyph.ring{fill:none;stroke:var(--accent-2);stroke-width:1.4}.chart .row.live .glyph{fill:#000}.chart .row.live .glyph.ring{fill:none;stroke:#000}.chart .row .value{fill:var(--fg-dim);font-family:var(--mono);font-size:12px}.chart .row.same text.name{fill:var(--fg-faint)}.chart .row.sel rect{stroke:var(--accent-2);stroke-width:2;fill:#2fb4ff1a}.chart .row.live rect{fill:var(--accent);stroke:var(--accent-hot)}.chart .row.live text{fill:#000}.chart .row .dirty{fill:var(--warn)}.chart .row.axis.off{opacity:.4}.chart .row .track{fill:#000;stroke:var(--line-2)}.chart .row .fill{fill:var(--accent);stroke:none}.chart .row.sel .track,.chart .row:hover .track{fill:#000}.stickart *{vector-effect:non-scaling-stroke}.stickart .body{fill:#0e0703;stroke:none}.stickart .scan{opacity:.1}.stickart pattern rect{fill:var(--accent)}.stickart .lines{fill:none;stroke:#b9661f;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;opacity:.6}.stickart .outline{fill:none;stroke:#d98234;stroke-width:1.3;stroke-linejoin:round;filter:drop-shadow(0 0 4px rgba(255,113,0,.4))}.stickart .red{fill:#c8402a;fill-opacity:.7;stroke:none}.inspector{position:absolute;left:30.6%;width:38.8%;bottom:.6%;max-height:62%;overflow:auto;background:#0d0a06f5;border:1px solid var(--line-2);border-top:2px solid var(--accent-2);padding:12px 16px 14px;font-size:13.5px}.inspector h3{margin:0 0 10px;font-family:var(--caps);font-weight:400;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.inspector h3 span{color:var(--fg);margin-left:8px}.inspector p{margin:0 0 10px}.inspector .btn{margin:4px 8px 4px 0}.ifield{display:flex;align-items:center;justify-content:space-between;gap:6px 12px;margin:0 0 9px;flex-wrap:wrap}.ifield>span:first-child{color:var(--fg-dim);white-space:nowrap}.ifield select,.ifield input[type=number]{background:#000;color:var(--fg);border:1px solid var(--line-2);font:13px var(--mono);padding:4px 6px}.ifield select{width:auto;min-width:96px;max-width:100%}.ifield input[type=number]{width:74px}.icols{display:grid;grid-template-columns:1fr 230px;gap:18px;align-items:start}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:20px;background:#000000b8}.danger{width:min(640px,100%);background:#1a0503;border:2px solid var(--bad);box-shadow:0 0 0 1px #000,0 0 60px #ff3b3059;padding:22px 26px 18px;font-size:15px}.danger h2{margin:0 0 14px;font-family:var(--caps);font-weight:400;font-size:22px;letter-spacing:.1em;text-transform:uppercase;color:var(--bad)}.danger p{margin:0 0 12px}.danger .row{margin:18px 0 12px}.btn.risky{border-color:var(--bad);color:#fff;background:var(--bad)}.btn.risky:hover:not(:disabled){background:#ff6a5f;color:#000}.applybar{position:fixed;left:0;right:0;bottom:0;z-index:6;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:9px 22px;background:var(--bg-2);border-top:1px solid var(--line-2);font-size:13.5px;color:var(--fg-dim)}.applybar.dirty{border-top-color:var(--accent);color:var(--fg)}.applybar .row{margin:0;gap:12px}.pill.warn{background:var(--bad);border-color:var(--bad);color:#000}.drawer{position:fixed;top:0;right:0;bottom:49px;z-index:25;width:min(860px,100%);overflow:auto;padding:0 18px 24px;background:var(--bg);border-left:1px solid var(--accent);box-shadow:-18px 0 40px #000000b3;display:none}.drawer.open{display:block}.drawerhead{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:center;padding:12px 0;margin-bottom:10px;background:var(--bg);border-bottom:1px solid var(--line-2);font-family:var(--caps);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}html{scrollbar-gutter:stable}.topbar{position:sticky;top:0;z-index:20;background:#050403eb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--line-2);box-shadow:0 1px #ff710040,0 8px 24px #0009;--out: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='black' stroke-width='1.6'%3E%3Cpath d='M5 1.5H1.5v9h9V7M7 1h4v4M11 1 5.5 6.5'/%3E%3C/svg%3E")}.topbar .wrap{display:flex;align-items:center;gap:22px;min-height:54px;flex-wrap:wrap;max-width:var(--maxw, 1240px);margin:0 auto;padding:0 24px}.topbar .mark{font-family:var(--caps);font-size:13px;line-height:20px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);text-decoration:none;border:none;text-shadow:0 0 12px rgba(255,113,0,.45);white-space:nowrap}.topbar .mark:hover{background:none;color:var(--accent-hot)}.topbar .mark b{color:var(--fg);font-weight:400}.topbar nav{display:flex;gap:2px;margin-left:auto;flex-wrap:wrap}.topbar nav a{font-family:var(--caps);font-size:10.5px;line-height:16px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:var(--fg-dim);padding:9px 13px;border:none;border-bottom:2px solid transparent}.topbar nav a:hover{background:var(--accent);color:#000}.topbar nav a.here{color:var(--accent);border-bottom-color:var(--accent)}.topbar nav a.here:hover{color:#000}.topbar nav a.tool{color:var(--accent);border:1px solid var(--accent);margin-right:8px}.topbar nav a.tool.here{background:#ff710024}.topbar nav a.tool:hover{background:var(--accent);color:#000}.topbar nav a.ext:after{content:"";display:inline-block;width:9px;height:9px;margin-left:6px;vertical-align:-1px;background:currentColor;-webkit-mask:var(--out) center / contain no-repeat;mask:var(--out) center / contain no-repeat}
