:root{--bg:#0b0d0f;--panel:#111417;--panel-alt:#16191c;--border:#34393d;--text:#ece8de;--text-dim:#8a9195;--cyan:#00e5ff;--pink:#ff4fa3;--amber:#e4b04a;--green:#79d98a;--red:#ff5f56;--grid:#1f2427;--focus:var(--cyan);--mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--cond:"IBM Plex Sans Condensed", "Arial Narrow", sans-serif;--fs-meta:11px;--fs-log:12px;--fs-text:13px;--fs-value:14px;--fs-title:16px;--fs-metric:20px;--fs-state:28px;--gap:12px;--nav-width:168px;--head-height:36px;--foot-height:28px;--radius:0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#e6e8eb;--panel:#f6f7f9;--panel-alt:#eceef1;--border:#c5cad1;--text:#15181c;--text-dim:#59616a;--cyan:#00829a;--pink:#c4246f;--amber:#9a6200;--green:#22803a;--red:#c4322a;--grid:#d3d7dc;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-field=on]{--bg:#f4f1e8;--panel:#fbf9f3;--panel-alt:#ebe7dc;--border:#2a2e31;--text:#0b0d0f;--text-dim:#3c4347;--cyan:#006e7f;--pink:#b3005e;--amber:#7a5200;--green:#1d6b30;--red:#b3261e;--grid:#d6d1c4;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--mono);font-size:var(--fs-text);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;margin:0;line-height:1.45}#app{height:100%}button,input,select{font:inherit;color:inherit}::selection{background:var(--cyan);color:var(--bg)}:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.dim{color:var(--text-dim)}.amber{color:var(--amber)}.cyan{color:var(--cyan)}.pink{color:var(--pink)}.upper{text-transform:uppercase}.shell{grid-template-rows:var(--head-height) 1fr var(--foot-height);grid-template-columns:var(--nav-width) 1fr;border:1px solid var(--border);grid-template-areas:"head head""nav work""foot foot";height:100%;display:grid}.head,.foot{background:var(--panel);font-size:var(--fs-meta);letter-spacing:.04em;white-space:nowrap;align-items:center;gap:20px;padding:0 12px;display:flex;overflow:hidden}.head{border-bottom:1px solid var(--border);grid-area:head}.head .brand{font-size:var(--fs-text);letter-spacing:.06em;color:var(--text);align-items:center;gap:6px;font-weight:600;display:flex}.head .brand b{color:var(--pink);margin-left:-2px;font-weight:600}.head .mark{flex:none;width:22px;height:22px;margin-right:2px;display:block}.head .ver{font-size:var(--fs-meta);color:var(--text-dim);margin-left:4px;font-weight:400}.head .spacer,.foot .spacer{flex:1}.head .field{gap:6px;display:flex}.head .field .k{color:var(--text-dim)}.head .field .v{color:var(--text);font-variant-numeric:tabular-nums}.head .field .v.warn{color:var(--amber)}.head .via .v{text-overflow:ellipsis;white-space:nowrap;max-width:30ch;overflow:hidden}.head .narrow-only{display:none}.sim-banner{margin-bottom:var(--gap);border:1px solid var(--amber);background:color-mix(in srgb, var(--amber) 8%, var(--panel));font-size:var(--fs-text);border-left-width:3px;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:6px 10px;display:flex}.sim-banner b{color:var(--amber);letter-spacing:.08em}.sim-banner .actions,.connect-banner .actions{flex-wrap:wrap;gap:6px;margin-left:auto;display:flex}.connect-banner{margin-bottom:var(--gap);border:1px solid var(--border);border-left:3px solid var(--cyan);background:var(--panel);font-size:var(--fs-text);flex-wrap:wrap;align-items:center;gap:6px 14px;padding:8px 10px;display:flex}.connect-banner b{letter-spacing:.08em}.pack-build{margin-top:var(--gap);border-top:1px dashed var(--border);padding-top:8px}.pack-build ol{margin:6px 0;padding-left:18px}.connect-banner .demo{border-color:var(--amber);color:var(--amber)}.head .state{align-items:center;gap:6px;display:flex}.head .light{background:var(--text-dim);flex:none;width:6px;height:6px}.head .light.ONLINE{background:var(--green)}.head .light.LOST{background:var(--red)}.head .light.CONNECTING{background:var(--amber)}.foot{border-top:1px solid var(--border);color:var(--text-dim);grid-area:foot}.foot kbd,.help kbd{font-family:var(--mono);color:var(--text);margin-right:6px}.nav{border-right:1px solid var(--border);background:var(--panel);grid-area:nav;padding:10px 0;overflow-y:auto}.nav ul{margin:0;padding:0;list-style:none}.nav button{text-align:left;letter-spacing:.06em;cursor:pointer;width:100%;color:var(--text-dim);background:0 0;border:0;border-left:2px solid #0000;justify-content:space-between;align-items:center;padding:5px 12px 5px 14px;display:flex}.nav button:hover{color:var(--text)}.nav button[aria-current=page]{color:var(--text);background:var(--panel-alt);border-left-color:var(--pink)}.nav .key{font-size:var(--fs-meta);color:var(--text-dim)}.nav .sep{background:var(--border);height:1px;margin:8px 12px}.nav .local{font-size:var(--fs-meta);color:var(--text-dim);padding:4px 14px;line-height:1.6}.work{padding:var(--gap);grid-area:work;min-width:0;overflow:auto}.nav-more{display:none}.screen-title{margin:0 0 var(--gap);font-family:var(--cond);font-size:var(--fs-title);letter-spacing:.12em;text-transform:uppercase;align-items:baseline;gap:16px;font-weight:600;display:flex}.screen-title .sub{font-family:var(--mono);font-size:var(--fs-meta);letter-spacing:.04em;color:var(--text-dim);text-transform:none;font-weight:400}.grid{gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-items:start;display:grid}.grid.even{align-items:stretch}.grid.wide{grid-template-columns:repeat(auto-fill,minmax(420px,1fr))}.stack{gap:var(--gap);display:grid}.panel{border:1px solid var(--border);background:var(--panel);min-width:0;margin-top:8px;padding:16px 12px 10px;position:relative}.panel>.panel-title{background:var(--bg);font-family:var(--cond);font-size:var(--fs-title);letter-spacing:.1em;text-transform:uppercase;margin:0;padding:0 6px;font-weight:600;line-height:18px;position:absolute;top:-10px;left:8px}.panel>.panel-title .aside{font-family:var(--mono);font-size:var(--fs-meta);letter-spacing:.04em;color:var(--text-dim);margin-left:10px;font-weight:400}.kv{grid-template-columns:max-content 1fr;gap:2px 20px;margin:0;display:grid}.kv dt{color:var(--text-dim);letter-spacing:.04em;text-transform:uppercase}.kv dd{font-size:var(--fs-value);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0}.kv dd.live{color:var(--cyan)}.metrics{border:1px solid var(--border);background:var(--panel);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:0;display:grid}.metric{border-right:1px solid var(--border);border-bottom:1px solid var(--border);margin:0 -1px -1px 0;padding:10px 12px}.metric .pm{color:var(--text-dim);font-size:var(--fs-meta);font-variant-numeric:tabular-nums}.metric .label{font-size:var(--fs-meta);color:var(--text-dim);letter-spacing:.06em}.metric .value{font-size:var(--fs-metric);font-variant-numeric:tabular-nums;color:var(--cyan)}.metric .value.static{color:var(--text)}.state-big{font-family:var(--cond);font-size:var(--fs-state);letter-spacing:.08em;font-weight:600;line-height:1.1}.tag{font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:.04em}.tag.PASS,.tag.OK{color:var(--green)}.tag.WARN{color:var(--amber)}.tag.FAIL{color:var(--red)}.tag.INFO,.tag.UNKNOWN,.tag.PENDING{color:var(--text-dim)}.tag.LIVE{color:var(--cyan)}.field-row{align-items:center;gap:8px;margin-top:6px;display:flex}.field-row>span{min-width:10ch}.field-row .input{flex:1;min-width:0}.hint{cursor:help;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;-webkit-text-decoration-color:color-mix(in srgb, var(--text-dim) 70%, transparent);text-decoration-color:color-mix(in srgb, var(--text-dim) 70%, transparent);text-underline-offset:3px;text-decoration-thickness:1px}.hint:hover{-webkit-text-decoration-color:var(--cyan);text-decoration-color:var(--cyan)}.hint:focus-visible{-webkit-text-decoration-color:var(--cyan);text-decoration-color:var(--cyan)}.hint:focus-visible{outline:1px solid var(--focus);outline-offset:2px}.hint.tag-hint{text-decoration:none}.hint.tag-hint:hover .tag{text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.tip{z-index:100;background:var(--panel-alt);border:1px solid var(--border);border-left:2px solid var(--cyan);max-width:min(340px,100vw - 16px);color:var(--text);font-family:var(--mono);font-size:var(--fs-log);letter-spacing:normal;text-transform:none;white-space:normal;pointer-events:none;padding:6px 9px 7px;line-height:1.45;display:none;position:fixed}.tip-term{color:var(--cyan);font-size:var(--fs-meta);letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px}.sessions{max-height:420px;margin:10px 0 0;padding:0;list-style:none;overflow-y:auto}.session{border-top:1px solid var(--border);padding:8px 0}.session-head{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.session-head .id{font-size:var(--fs-value);font-variant-numeric:tabular-nums}.session-findings{overflow-wrap:anywhere}.session .actions{margin-top:6px}.btn{border:1px solid var(--border);background:var(--panel-alt);color:var(--text);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;white-space:nowrap;padding:3px 10px;display:inline-block}.btn:before{content:"[ ";color:var(--text-dim)}.btn:after{content:" ]";color:var(--text-dim)}.btn:hover:not(:disabled){border-color:var(--cyan)}.btn.active{border-color:var(--pink);color:var(--pink)}.btn.primary{border-color:var(--cyan);color:var(--cyan)}.btn:disabled{color:var(--text-dim);cursor:not-allowed}.actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.input{border:1px solid var(--border);background:var(--bg);color:var(--text);min-width:0;padding:3px 8px}.input:focus{border-color:var(--cyan)}.check{cursor:pointer;align-items:center;gap:8px;padding:1px 0;display:flex}.check input{opacity:0;width:1px;height:1px;position:absolute}.check .box{color:var(--text-dim)}.check input:checked+.box{color:var(--cyan)}.check input:focus-visible+.box{outline:2px solid var(--focus)}.note{font-size:var(--fs-meta);color:var(--text-dim);margin:8px 0 0}.note.warn{color:var(--amber)}.empty{border:1px dashed var(--border);color:var(--text-dim);padding:18px 12px}.empty strong{color:var(--text);letter-spacing:.08em;font-weight:600;display:block}.trace-controls{font-size:var(--fs-meta);flex-wrap:wrap;align-items:center;gap:4px 14px;margin-bottom:8px;display:flex}.trace{border:1px solid var(--border);background:var(--panel);font-size:var(--fs-log);font-variant-numeric:tabular-nums;overflow:auto}.trace table{border-collapse:collapse;width:100%}.trace th{background:var(--panel-alt);color:var(--text-dim);text-align:left;font-weight:400;font-size:var(--fs-meta);letter-spacing:.08em;border-bottom:1px solid var(--border);position:sticky;top:0}.trace th,.trace td{white-space:nowrap;vertical-align:top;padding:1px 10px}.trace td.msg{white-space:pre-wrap;overflow-wrap:anywhere;width:100%}.trace td.time{color:var(--text-dim)}.trace .val{color:var(--cyan);margin-left:2ch}.trace tr.src-RULE td.src,.trace tr.src-USER td.src{color:var(--pink)}.trace tr.fresh{animation:.6s ease-out insert}@keyframes insert{0%{background:color-mix(in srgb, var(--cyan) 14%, transparent)}to{background:0 0}}.trace-state{margin-left:auto}.diagnoses{gap:10px;display:grid}.diagnosis{border-left:2px solid var(--amber);padding-left:10px}.diagnosis-head{flex-wrap:wrap;align-items:baseline;gap:0 10px;display:flex}.chart{border:1px solid var(--border);background:var(--panel);padding:8px 10px 4px}.chart header{font-size:var(--fs-meta);letter-spacing:.06em;color:var(--text-dim);flex-wrap:wrap;gap:16px;margin-bottom:4px;display:flex}.chart header .title{color:var(--text);font-family:var(--cond);font-size:var(--fs-title);letter-spacing:.1em;font-weight:600}.chart header .cursor{color:var(--cyan);font-variant-numeric:tabular-nums;margin-left:auto}.chart svg{touch-action:none;width:100%;height:auto;display:block;overflow:visible}.chart .gridline{stroke:var(--grid);stroke-width:1px}.chart .axis{stroke:var(--border);stroke-width:1px}.chart .tick-label{fill:var(--text-dim);font-family:var(--mono);font-size:10px}.chart .signal{fill:none;stroke:var(--cyan);stroke-width:1.5px;stroke-linejoin:miter;vector-effect:non-scaling-stroke}.chart .threshold{stroke:var(--amber);stroke-width:1px;stroke-dasharray:4 3}.chart .threshold-label{fill:var(--amber);font-family:var(--mono);font-size:10px}.chart .marker{stroke:var(--pink);stroke-width:1px}.chart .marker-label{fill:var(--pink);font-family:var(--mono);font-size:10px}.chart .crosshair{stroke:var(--text-dim);stroke-width:1px;stroke-dasharray:2 2}.chart .dot{fill:var(--cyan);stroke:var(--panel);stroke-width:2px}.console{border:1px solid var(--border);background:var(--bg);font-size:var(--fs-log);white-space:pre-wrap;overflow-wrap:anywhere;height:320px;padding:8px 10px;overflow:auto}.console .tx{color:var(--pink)}.console-input{gap:8px;margin-top:8px;display:flex}.console-input .input{flex:1}.cursor-blink{animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.report-doc{border:1px solid var(--border);background:var(--panel);font-size:var(--fs-text);white-space:pre-wrap;overflow-wrap:anywhere;max-width:760px;margin:0;padding:16px 20px}button.link{color:var(--cyan);text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.head .tour-btn{font-size:var(--fs-meta);padding:1px 8px}.tour{z-index:50;position:fixed;top:0;bottom:0;left:0;right:0}.tour-light{border:1px solid var(--cyan);pointer-events:none;transition:top .18s,left .18s,width .18s,height .18s;position:fixed;box-shadow:0 0 0 100vmax #0000009e}.tour-card{border:1px solid var(--cyan);background:var(--panel);width:min(420px,100vw - 24px);color:var(--text);font-size:var(--fs-text);padding:10px 12px;position:fixed}.tour-card.docked{width:auto;bottom:12px;left:12px;right:12px}.tour-card.docked.top{top:12px;bottom:auto}.tour-card p{margin:8px 0 10px}.tour-head{letter-spacing:.08em;justify-content:space-between;gap:12px;display:flex}.tour-head b{color:var(--cyan)}.tour-actions{flex-wrap:wrap;gap:6px;display:flex}.tour-actions .spacer{flex:1}.boot{background:var(--bg);height:100%;font-size:var(--fs-text);padding:24px 20px;overflow:auto}.boot pre{font-family:var(--mono);margin:0;line-height:1.25}.boot .logo{line-height:0}.ascii-banner{max-width:100%;height:auto;display:block}.boot .dog{color:var(--text);margin:10px 0 16px}.boot .dog .leash{color:var(--cyan)}.boot .dog .eye{color:var(--pink)}.boot .lines{line-height:1.6}.boot .ready{letter-spacing:.1em;margin-top:14px}.boot .skip{font-size:var(--fs-meta);color:var(--text-dim);margin-top:18px}.overlay{z-index:10;background:0 0;justify-content:center;align-items:flex-start;padding-top:12vh;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.palette{border:1px solid var(--cyan);background:var(--panel);width:min(720px,100vw - 32px)}.palette .prompt{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:8px 12px;display:flex}.palette .prompt .input{font-size:var(--fs-value);background:0 0;border:0;outline:none;flex:1;padding:2px 0}.palette .out{max-height:44vh;font-size:var(--fs-log);white-space:pre-wrap;margin:0;padding:8px 12px;overflow:auto}.palette .out .err{color:var(--red)}.palette .out .okline{color:var(--text)}.palette .out .echo{color:var(--text-dim)}.palette .hint{border-top:1px solid var(--border);font-size:var(--fs-meta);color:var(--text-dim);padding:6px 12px}.palette .suggest li[aria-selected=true]{color:var(--cyan)}.palette .suggest{border-bottom:1px solid var(--border);font-size:var(--fs-log);color:var(--text-dim);margin:0;padding:6px 12px;list-style:none}.error-block .what{font-family:var(--cond);font-size:var(--fs-metric);letter-spacing:.08em;color:var(--red);margin-bottom:6px;font-weight:600}.help table{border-collapse:collapse}.help td{vertical-align:top;padding:1px 18px 1px 0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}:root[data-motion=reduced] *,:root[data-motion=reduced] :before,:root[data-motion=reduced] :after{transition:none!important;animation:none!important}@media (max-width:1180px){.head .wide{display:none}}@media (max-width:760px){table.pack td,table.pack th{white-space:normal;padding-left:4px;padding-right:4px}table.pack .rev{display:none}.shell{grid-template-columns:1fr;grid-template-rows:calc(var(--head-height) + env(safe-area-inset-top)) 1fr auto;border:0;grid-template-areas:"head""work""nav"}.head{padding:env(safe-area-inset-top) max(12px, env(safe-area-inset-right)) 0 max(12px, env(safe-area-inset-left));gap:10px}.head .mark,.head .opt,.foot{display:none}.head .narrow-only{display:contents}.nav{border-right:0;border-top:1px solid var(--border);padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.nav ul{grid-template-columns:repeat(5,1fr);display:grid}.nav li.secondary{order:10;display:none}.nav.more-open li.secondary{display:block}.nav li.nav-more{order:5;display:block}.nav ul button{font-size:var(--fs-meta);border-top:2px solid #0000;border-left:0;justify-content:center;padding:12px 4px}.nav ul button[aria-current=page]{border-top-color:var(--pink)}.nav .key,.nav .local,.nav .sep{display:none}.work{padding:12px 16px}.grid,.grid.wide{grid-template-columns:1fr}.trace th,.trace td{padding:1px 4px}}:root{--bg:#171619;--panel:#ffffff08;--panel-alt:#ffffff10;--border:#ffffff1f;--text-dim:#9ea3aa;--grid:#ffffff10;--glass-top:#ffffff12;--glass-bottom:#ffffff04;--glass-edge:#ffffff30;--glass-shadow:#00000045;--glass-blur:blur(24px) saturate(140%);--radius:14px;--radius-sm:9px;--head-height:64px;--foot-height:30px;--nav-width:252px;--gap:14px}:root[data-theme=light]{--bg:#e6e8eb;--panel:#ffffff9e;--panel-alt:#ffffffd9;--border:#1d24301c;--text-dim:#59616a;--grid:#1d243012;--glass-top:#ffffffd0;--glass-bottom:#ffffff70;--glass-edge:#fffe;--glass-shadow:#1d24301a}:root[data-field=on]{--panel:#fffc;--panel-alt:#fff;--border:#2a2e3140;--glass-top:#fffe;--glass-bottom:#fffa;--glass-edge:#fff;--glass-shadow:#2a2e3118;--glass-blur:none}body{background:radial-gradient(ellipse 760px 620px at 92% 8%, #ff4fa31f, transparent 72%), radial-gradient(ellipse 650px 600px at 8% 30%, #00e5ff18, transparent 72%), radial-gradient(ellipse 750px 600px at 85% 70%, #ff4fa312, transparent 72%), radial-gradient(ellipse 550px 500px at 20% 95%, #00e5ff12, transparent 75%), linear-gradient(125deg, #ffffff03, transparent 40%, #ffffff02), var(--bg);background-attachment:fixed}body:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);opacity:.35;background-size:48px 48px;position:fixed;top:0;bottom:0;left:0;right:0;-webkit-mask-image:radial-gradient(at 50% 35%,#000 20%,#0000 75%);mask-image:radial-gradient(at 50% 35%,#000 20%,#0000 75%)}:root[data-theme=light] body{background:radial-gradient(ellipse 760px 620px at 92% 8%, #ff4fa31a, transparent 72%), radial-gradient(ellipse 650px 600px at 8% 30%, #00b8d41a, transparent 72%), radial-gradient(ellipse 750px 600px at 85% 70%, #ff4fa30f, transparent 72%), radial-gradient(ellipse 550px 500px at 20% 95%, #00b8d412, transparent 75%), var(--bg)}:root[data-theme=light] body:before{opacity:.6}:root[data-theme=light] .head .state{background:#ffffff8c}:root[data-theme=light] .btn{background:#ffffffa8}:root[data-theme=light] .btn:hover:not(:disabled){background:#fff}:root[data-theme=light] .nav button:hover{background:#1d24300a}:root[data-theme=light] .help kbd{background:#fff}:root[data-theme=light] .trace th{background:#f1f3f5}:root[data-theme=light] .tip{background:linear-gradient(145deg,#fff,#f6f7f9);box-shadow:0 14px 40px #1d243026}:root[data-theme=light] .wordmark,:root[data-theme=light] .boot-word{color:var(--text)}:root[data-field=on] body{background:var(--bg)}:root[data-field=on] body:before{display:none}.head,.nav,.panel,.connect-banner,.sim-banner,.tour-card,.boot-card,.source-tile,.report-doc{background:linear-gradient(145deg, var(--glass-top), var(--glass-bottom)), var(--panel);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:var(--glass-blur);box-shadow:inset 0 1px 0 var(--glass-edge), 0 18px 50px var(--glass-shadow)}.shell{grid-template-rows:var(--head-height) 1fr var(--foot-height);border:0;gap:12px;padding:12px}.head{font-size:var(--fs-meta);gap:14px;padding:0 14px 0 10px;overflow:visible}.head .brand{gap:10px;margin-right:6px}.head .mark{filter:drop-shadow(0 0 10px #00e5ff30);width:44px;height:44px;margin:0}.head .wordmark{font-family:var(--cond);letter-spacing:.02em;color:var(--text);font-size:22px;font-weight:600;line-height:1}.head .wordmark b{color:var(--pink);text-shadow:0 0 18px #ff4fa355;margin:0}.head .ver{border:1px solid var(--border);letter-spacing:.04em;border-radius:20px;padding:2px 7px;font-size:10px}.head .field{border-left:1px solid var(--border);flex-direction:column;gap:1px;padding:6px 12px;line-height:1.25}.head .field .k{letter-spacing:.12em;font-size:10px}.head .field .v{font-size:13px}.head .state{border:1px solid var(--border);background:#00000025;border-radius:20px;gap:8px;padding:6px 12px}.head .light{border-radius:50%;width:8px;height:8px}.head .light.ONLINE{box-shadow:0 0 10px var(--green);animation:2.4s ease-in-out infinite breathe}.head .light.LOST{box-shadow:0 0 10px var(--red)}@keyframes breathe{50%{opacity:.45}}.btn{border:1px solid var(--border);border-radius:var(--radius-sm);letter-spacing:.06em;background:#ffffff0a;align-items:center;gap:7px;padding:7px 14px;font-size:12px;font-weight:600;transition:transform .15s,border-color .15s,box-shadow .15s;display:inline-flex}.btn:before,.btn:after{content:none}.btn:hover:not(:disabled){border-color:var(--cyan);transform:translateY(-1px);box-shadow:0 6px 22px #00e5ff1c}.btn.primary,.btn.active{background:var(--cyan);border-color:var(--cyan);color:#0b0d0f}.btn.active{background:linear-gradient(120deg,#00e5ff,#ff4fa3);border-color:#0000}.head .tour-btn{border-radius:20px;padding:7px 14px;font-size:11px}.nav{padding:10px 8px}.nav ul{gap:2px;display:grid}.nav button{border-radius:var(--radius-sm);border:0;justify-content:flex-start;gap:12px;padding:8px 10px;transition:background .15s}.nav button .icon{opacity:.8;flex:none}.nav .nav-label{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.nav .nav-name{font-family:var(--cond);letter-spacing:.08em;font-size:14px;font-weight:600}.nav .nav-purpose{letter-spacing:.01em;color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.nav button:hover{background:#ffffff0c}.nav button:focus-visible{outline-offset:-2px}.nav button[aria-current=page]{box-shadow:inset 2px 0 0 var(--cyan);background:linear-gradient(100deg,#00e5ff26,#ff4fa314 70%,#0000)}.nav button[aria-current=page] .icon{color:var(--cyan);opacity:1}.nav .local{padding:4px 12px}.work{padding:2px 4px 12px}.foot{background:0 0;border:0;padding:0 8px}.foot kbd,.help kbd{border:1px solid var(--border);background:#ffffff0a;border-radius:5px;padding:1px 6px}.screen-title{margin:4px 2px var(--gap);letter-spacing:.04em;font-size:24px}.screen-title .sub{font-size:12px}.panel{margin-top:0;padding:14px 16px 12px}.panel>.panel-title{letter-spacing:.14em;color:var(--text);background:0 0;align-items:baseline;gap:10px;margin:0 0 10px;padding:0;font-size:13px;display:flex;position:static}.panel>.panel-title:before{content:"";background:var(--cyan);width:6px;height:6px;box-shadow:0 0 8px var(--cyan);border-radius:50%;align-self:center}.panel>.panel-title .aside{margin-left:auto}.panel.alert{border-color:#e4b04a80}.panel.fault{border-color:#ff5f5680}.kv{row-gap:5px}.tag{border-radius:20px;padding:0 7px}.trace{border-radius:var(--radius-sm);overflow:hidden}.input{border-radius:8px}.trace th{background:#1f1d22}:root[data-field=on] .trace th{background:var(--panel-alt)}.btn.primary .dim,.btn.active .dim{color:#0b0d0fa6}.brand-lockup{align-items:center;gap:.5em;display:inline-flex}.brand-lockup img{filter:drop-shadow(0 0 10px #00e5ff30)}.brand-lockup .wordmark{font-family:var(--cond);font-weight:600;font-size:inherit;letter-spacing:.02em}.brand-lockup .wordmark b{color:var(--pink)}.connect-banner{border-left:1px solid var(--border);background:radial-gradient(ellipse at 0% 0%, #00e5ff1a, transparent 55%), radial-gradient(ellipse at 100% 100%, #ff4fa314, transparent 55%), linear-gradient(145deg, var(--glass-top), var(--glass-bottom)), var(--panel);grid-template-columns:minmax(260px,1fr) minmax(320px,1.3fr);gap:18px 28px;padding:20px 22px;display:grid}.start-state{letter-spacing:.16em;color:var(--amber);font-size:11px}.start-title{font-family:var(--cond);letter-spacing:.01em;margin:4px 0 6px;font-size:30px;font-weight:600}.start-text{color:var(--text-dim);margin:0 0 12px;line-height:1.6}.start-steps{counter-reset:step;gap:6px;margin:0;padding:0;list-style:none;display:grid}.start-steps li{counter-increment:step;align-items:baseline;gap:10px;display:flex}.start-steps li:before{content:counter(step);border:1px solid var(--cyan);width:20px;height:20px;color:var(--cyan);border-radius:50%;flex:none;place-items:center;font-size:11px;display:grid}.start-steps b{color:var(--text)}.sources{grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:10px;display:grid}.source-tile{text-align:left;color:var(--text);cursor:pointer;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;gap:3px 12px;padding:14px;transition:transform .15s,border-color .15s,box-shadow .15s;display:grid}.source-tile .icon{color:var(--cyan);grid-row:span 2}.source-title{font-family:var(--cond);letter-spacing:.06em;font-size:14px;font-weight:600}.source-text{color:var(--text-dim);font-size:11.5px;line-height:1.45}.source-tile:hover:not(:disabled){border-color:var(--cyan);box-shadow:inset 0 1px 0 var(--glass-edge), 0 10px 30px #00e5ff20;transform:translateY(-2px)}.source-tile:disabled{opacity:.45;cursor:not-allowed}.source-tile.primary{border-color:#ff4fa366;grid-column:1/-1}.source-tile.primary .icon,.source-tile.primary .source-title{color:var(--pink)}.source-tile.primary:hover:not(:disabled){border-color:var(--pink);box-shadow:0 10px 30px #ff4fa324}.source-tile.primary-alt{border-color:#00e5ff55;grid-column:1/-1}.source-tile.primary-alt .source-title{color:var(--cyan)}.source-tile.demo .icon,.source-tile.demo .source-title{color:var(--amber)}.source-tile.demo:hover:not(:disabled){border-color:var(--amber);box-shadow:0 10px 30px #e4b04a1c}.sim-banner{background:linear-gradient(100deg, #e4b04a1c, transparent 60%), linear-gradient(145deg, var(--glass-top), var(--glass-bottom)), var(--panel);border-color:#e4b04a66;padding:10px 14px}.boot{background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100%;padding:24px 16px;display:flex}.boot-brand{align-items:center;gap:18px;display:flex}.boot-logo{filter:drop-shadow(0 0 24px #00e5ff40)drop-shadow(0 0 40px #ff4fa325);width:120px;height:120px}.boot-word{font-family:var(--cond);letter-spacing:.02em;font-size:40px;font-weight:600}.boot-word b{color:var(--pink);text-shadow:0 0 22px #ff4fa366}.boot-card{background:linear-gradient(145deg,#ffffff10,#ffffff03),#0b0d0fb0;width:min(620px,100%);padding:16px 20px}.boot .lines,.boot .ready{white-space:pre-wrap;margin:0}.boot .skip{margin:0}.tip{border:1px solid var(--border);border-radius:var(--radius-sm);-webkit-backdrop-filter:var(--glass-blur);background:linear-gradient(145deg,#ffffff14,#ffffff06),#17161af2;box-shadow:0 14px 40px #0006}.tour-light{border-radius:var(--radius)}@media (max-width:1180px){:root{--nav-width:196px}.connect-banner{grid-template-columns:1fr}}@media (max-width:760px){:root{--head-height:56px}body{background-attachment:scroll}.shell{grid-template-columns:minmax(0,1fr);grid-template-rows:calc(var(--head-height) + env(safe-area-inset-top)) minmax(0, 1fr) auto;gap:8px;padding:0}.head{overflow:hidden}.head .field{display:none}.head{border-radius:0 0 var(--radius) var(--radius);border-top:0}.head .mark{width:34px;height:34px;display:block}.head .wordmark{font-size:14px}.head .mark{width:30px;height:30px}.head .narrow-only .tag,.head .state{font-size:10px}.head{gap:8px;padding:0 8px}.head .brand{gap:6px;margin:0}.head .ver,.head .tour-btn span{display:none}.head .tour-btn{padding:7px 9px}.head .state{gap:6px;padding:5px 9px}.nav{border-radius:var(--radius) var(--radius) 0 0;padding:4px 6px env(safe-area-inset-bottom);border-bottom:0}.nav ul button{box-shadow:none;flex-direction:column;gap:3px;padding:8px 2px}.nav ul button[aria-current=page]{box-shadow:inset 0 2px 0 var(--cyan)}.nav .nav-label{align-items:center}.nav .nav-name{font-size:11px}.nav .nav-purpose{display:none}.work{padding:4px 12px 12px}.connect-banner{padding:16px}.sources{grid-template-columns:1fr}.boot-brand{flex-direction:column;gap:8px}.boot-logo{width:96px;height:96px}.boot-word{font-size:30px}}.intro{z-index:50;color:#ece8de;font-family:var(--mono);background:#0b0d0f;place-items:center;transition:opacity .7s;display:grid;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.intro.fading{opacity:0}.intro-rain{opacity:.5;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.intro-stage{background:radial-gradient(at 50% 0,#00e5ff12,#0000 60%),#0b0d0fd9;border:1px solid #ffffff1a;border-radius:16px;gap:14px;width:min(760px,100vw - 32px);padding:22px 24px;display:grid;position:relative;box-shadow:0 0 0 1px #00000060,0 30px 80px #000000a0,inset 0 1px #ffffff14}.intro-stage:after{content:"";border-radius:inherit;pointer-events:none;background:repeating-linear-gradient(0deg,#ffffff06 0 1px,#0000 1px 3px);position:absolute;top:0;bottom:0;left:0;right:0}.intro pre{font-family:var(--mono);white-space:pre;margin:0;overflow:hidden}.intro-prompt{color:#79d98a;min-height:1.3em;font-size:13px}.intro-cursor{color:#00e5ff;animation:1s step-end infinite intro-blink}@keyframes intro-blink{50%{opacity:0}}.intro-banner{filter:drop-shadow(0 0 10px #00e5ff40)drop-shadow(0 0 22px #ff4fa333);aspect-ratio:48/12;width:100%}.intro-dog{color:#ece8de;min-height:6.5em;font-size:13px;line-height:1.3}.intro-dog .eye{color:#ff4fa3;text-shadow:0 0 10px #ff4fa3;animation:2.4s step-end infinite intro-blink}.intro-dog .leash{color:#00e5ff;text-shadow:0 0 8px #00e5ff80}.intro-dog .usb{color:#79d98a}.intro-code{background:#ffffff07;border:1px solid #ffffff10;border-radius:10px;min-height:9.6em;padding:10px 12px;font-size:12.5px;line-height:1.6}.intro-code .ln{color:#ffffff38;margin-right:14px}.tk-kw{color:#ff4fa3}.tk-id{color:#ece8de}.tk-op{color:#8a9195}.tk-str{color:#79d98a}.tk-num{color:#e4b04a}.tk-com{color:#6f7a80;font-style:italic}.tk-fn{color:#00e5ff}.intro-tagline{text-align:center;min-height:1.4em;font-family:var(--cond);letter-spacing:.32em;color:#ff4fa3;text-shadow:0 0 18px #ff4fa380;margin:0;font-size:20px;font-weight:600}.intro-skip{bottom:max(18px, env(safe-area-inset-bottom));letter-spacing:.2em;text-transform:uppercase;color:#8a9195;margin:0;font-size:11px;position:absolute}@media (max-width:760px){.intro-stage{gap:10px;padding:16px 14px}.intro-dog{font-size:9.5px}.intro-code{white-space:pre-wrap;padding:8px;font-size:9px}.intro-code .ln{margin-right:8px}.intro-tagline{letter-spacing:.22em;font-size:15px}}:root[data-theme=light] .boot{--bg:#0b0d0f;--panel:#ffffff08;--panel-alt:#ffffff10;--border:#ffffff1f;--text:#ece8de;--text-dim:#9ea3aa;--cyan:#00e5ff;--pink:#ff4fa3;--amber:#e4b04a;--green:#79d98a;--red:#ff5f56;--glass-top:#ffffff12;--glass-bottom:#ffffff04;--glass-edge:#ffffff30;--glass-shadow:#00000045;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:#171619}:root[data-theme=light] .boot .boot-word{color:var(--text)}@media (max-width:430px){.head .narrow-only{display:none}.head .state{padding:4px 2px}.head .theme-btn,.head .tour-btn{padding:7px 8px}}html,body{overscroll-behavior:none}.shell{height:100dvh}.work{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}@media (max-width:760px){body{position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}}.connect-strip{margin-bottom:var(--gap);border-radius:var(--radius-sm);background:linear-gradient(100deg, #e4b04a14, transparent 70%), var(--panel);font-size:var(--fs-meta);letter-spacing:.08em;border:1px solid #e4b04a55;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:8px 12px;display:flex}.connect-strip b{color:var(--amber)}.connect-strip .dot{background:var(--amber);width:8px;height:8px;box-shadow:0 0 8px var(--amber);border-radius:50%}.connect-strip .spacer{flex:1}.connect-strip .btn{font-size:var(--fs-meta);padding:5px 10px}.connect-strip .demo-btn{color:var(--amber);border-color:#e4b04a66}.sources-note{border-radius:var(--radius-sm);color:var(--text-dim);background:#e4b04a12;border:1px solid #e4b04a55;grid-column:1/-1;margin:0;padding:8px 12px;font-size:11.5px;line-height:1.5}.sources-note b,.head .theme-btn .icon{color:var(--amber)}.head .tour-btn .icon{color:var(--cyan)}.head .theme-btn,.head .tour-btn{border-color:#ffffff2e}:root[data-theme=light] .head .theme-btn,:root[data-theme=light] .head .tour-btn{border-color:#1d243026}.head .state{box-shadow:none;background:0 0;border:0}.tour-card{border-radius:var(--radius);background:linear-gradient(145deg,#ffffff12,#ffffff04),#17161af7;box-shadow:0 18px 50px #000000a0}:root[data-theme=light] .tour-card{background:#fbfbfc;box-shadow:0 18px 50px #1d243033}.nav li.nav-plate{display:none}@media (max-width:760px){.nav.more-open li.nav-plate{border-radius:var(--radius-sm);background:linear-gradient(100deg,#00e5ff14,#ff4fa314);border:1px solid #ff4fa333;order:20;grid-column:span 4;align-items:center;gap:10px;margin:4px 6px 6px;padding:8px 12px;display:flex}.nav-plate img{filter:drop-shadow(0 0 8px #00e5ff40)}.nav-plate span{gap:2px;display:grid}.nav-plate b{font-family:var(--cond);letter-spacing:.04em;font-size:15px}.nav-plate i{color:var(--pink);font-style:normal}.nav-plate small{letter-spacing:.14em;color:var(--text-dim);font-size:8.5px}.connect-strip .dim,.connect-strip .long{display:none}.connect-strip{flex-wrap:nowrap}}.usb-list td,.usb-list th{white-space:nowrap;padding:5px 8px}.usb-list td:first-child{white-space:normal}.usb-list tr.followed td{color:var(--cyan);background:#00e5ff10}.usb-list .btn{font-size:var(--fs-meta);padding:3px 10px}@media (max-width:760px){.usb-list th:nth-child(4),.usb-list td:nth-child(4),.usb-list th:nth-child(5),.usb-list td:nth-child(5){display:none}}
