:root{--paper:#faf9f5;--sand:#f1ede4;--sand-2:#e9e4d9;--line:#15191f1a;--ink:#15191f;--ink-2:#15191fa3;--ink-3:#15191f73;--clay:#d97757;--clay-ink:#a9492b;--seal:#b8432c;--ok:#3f7a52;--cc:#c97a55;--cx:#3f5f86;--oc:#5f8250;--shadow:0 1px 2px #15191f0d, 0 12px 32px -12px #15191f2e;--r-s:12px;--r-m:18px;--r-l:28px;--sans:"Noto Sans SC", system-ui, sans-serif;--serif:"Noto Serif SC", serif;--mono:"JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0;overflow:hidden}body{color:var(--ink);font:14px/1.6 var(--sans);background:#14181e}.mono{font-family:var(--mono)}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,input:focus-visible{outline:1.5px solid var(--clay);box-shadow:0 0 0 4px #d9775726}.press{transition:transform .15s cubic-bezier(.16,1,.3,1),background-color .15s}.press:active{transform:scale(.97)}#stage{touch-action:none;cursor:grab;background:#14181e;width:100%;height:100%;position:fixed;inset:0}.overlay{pointer-events:none;width:100%;height:100%;position:fixed;inset:0}#stage.dragging{cursor:grabbing}#stage.pointing{cursor:pointer}.frost{-webkit-backdrop-filter:blur(14px)saturate(140%);border:1px solid var(--line);box-shadow:var(--shadow);background:#faf9f5d6}@media (prefers-reduced-transparency:reduce){.bar,.panel,.legend{background:var(--paper)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}.bar{border-radius:var(--r-m);-webkit-backdrop-filter:blur(14px)saturate(140%);border:1px solid var(--line);box-shadow:var(--shadow);background:#faf9f5d6;align-items:center;gap:22px;padding:10px 12px 10px 22px;display:flex;position:fixed;top:16px;left:16px;right:384px}.brand{white-space:nowrap;align-items:baseline;gap:10px;display:flex}.title{font:300 22px/1 var(--serif);letter-spacing:.01em}.title:after{content:"~";color:var(--clay);margin-left:2px}.ver{color:var(--ink-3);font-size:11px;font-family:var(--mono)}.demo{border:1px solid var(--clay);color:var(--clay-ink);border-radius:99px;padding:2px 9px;font-size:11px}.stats{scrollbar-width:none;flex:1;gap:20px;min-width:0;display:flex;overflow-x:auto}.stat{white-space:nowrap;align-items:baseline;gap:6px;display:flex}.stat b{font:600 18px/1 var(--mono)}.stat span{color:var(--ink-2);font-size:12px}.stat.alert b{color:var(--clay)}.stat.err b{color:var(--seal)}.actions{align-items:center;gap:12px;display:flex}.conn{color:var(--ink-3);white-space:nowrap;font-size:11px;font-family:var(--mono)}.conn.ok:before{content:"● ";color:var(--ok)}.conn.bad:before{content:"● ";color:var(--seal)}.btn-ink{background:var(--ink);color:var(--paper);white-space:nowrap;border:0;border-radius:99px;padding:9px 18px;font-size:13px}.btn-ink:hover{background:#262b33}.btn-ink .arrow{color:var(--clay);margin-left:4px}.btn-line{border:1px solid var(--clay);color:var(--ink);white-space:nowrap;background:0 0;border-radius:99px;padding:6px 14px;font-size:13px}.btn-line:hover{background:#d9775714}.icon{border:1px solid var(--line);width:32px;height:32px;color:var(--ink-2);background:0 0;border-radius:99px;place-items:center;padding:0;font-size:18px;line-height:1;display:grid}.icon:hover{background:var(--sand)}.filters{flex-wrap:wrap;gap:8px;display:flex;position:fixed;top:86px;left:16px}.chip{border:1px solid var(--line);background:#faf9f5e6;border-radius:99px;align-items:center;gap:6px;padding:5px 13px;font-size:12px;display:inline-flex;box-shadow:0 1px 2px #15191f0a}.chip i{border-radius:50%;width:8px;height:8px;display:inline-block}.chip[aria-pressed=false]{opacity:.45}.chip.toggle[aria-pressed=true]{border-color:var(--ink)}.legend{border-radius:var(--r-s);color:var(--ink-2);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);box-shadow:var(--shadow);background:#faf9f5e0;gap:6px;padding:12px 14px;font-size:12px;display:grid;position:fixed;bottom:16px;left:72px}.legend div{align-items:center;gap:10px;display:flex}.persona{white-space:nowrap;border:1px solid #0000;border-radius:99px;padding:1px 9px;font-size:11.5px;display:inline-block}.persona.workhorse{background:var(--ink);color:var(--paper)}.persona.pricey{color:var(--clay-ink);border-color:var(--clay);background:#fff5f0}.persona.intern{background:var(--sand-2);color:var(--ink)}.zoom{flex-direction:column;gap:6px;display:flex;position:fixed;bottom:16px;left:16px}.zoom-hint{white-space:nowrap;pointer-events:none;color:#faf9f5;opacity:0;background:#15191fe6;border-radius:8px;padding:8px 10px;font-size:12px;line-height:1.6;transition:opacity .15s,transform .15s;position:absolute;bottom:0;left:50px;transform:translate(-4px)}.zoom:hover .zoom-hint,.zoom:focus-within .zoom-hint{opacity:1;transform:none}.zoom button{border:1px solid var(--line);background:#faf9f5eb;border-radius:99px;width:40px;height:40px;font-size:16px;box-shadow:0 1px 2px #15191f0d}.panel{border-radius:var(--r-m);-webkit-backdrop-filter:blur(14px)saturate(140%);border:1px solid var(--line);width:352px;box-shadow:var(--shadow);background:#faf9f5eb;flex-direction:column;display:flex;position:fixed;top:16px;bottom:16px;right:16px;overflow:hidden}.panel-head{justify-content:space-between;align-items:center;padding:18px 16px 8px 20px;display:flex}.panel-head h2{font:300 19px/1.3 var(--serif);margin:0}.panel-body{flex:1;padding:0 20px 18px;overflow-y:auto}.feed{margin:0;padding:0;list-style:none}.feed li{border-bottom:1px solid var(--line);cursor:pointer;grid-template-columns:44px 1fr;gap:8px;padding:9px 0;display:grid}.feed li:hover .who{text-underline-offset:3px;text-decoration:underline}.feed time{font:11px/1.9 var(--mono);color:var(--ink-3)}.feed .who{font-size:13px}.feed .what{color:var(--ink-2);overflow-wrap:anywhere;font-size:12px}.feed li.alert .what{color:var(--clay-ink)}.feed li.err .what{color:var(--seal)}.tag{font:10px/1.6 var(--mono);color:#fff;vertical-align:1px;border-radius:6px;margin-left:6px;padding:0 6px;display:inline-block}.tag.claude-code{background:var(--cc)}.tag.codex{background:var(--cx)}.tag.openclaw{background:var(--oc)}.detail .head{align-items:center;gap:12px;margin:4px 0 16px;display:flex}.avatar{color:#fff;width:42px;height:42px;font:600 12px var(--mono);border-radius:50%;flex:none;place-items:center;display:grid}.detail .name{font:500 16px/1.35 var(--sans)}.detail .sub{color:var(--ink-2);font-size:12px}.kv{grid-template-columns:52px 1fr;gap:8px 12px;margin:0 0 16px;font-size:13px;display:grid}.kv dt{color:var(--ink-3)}.kv dd{overflow-wrap:anywhere;margin:0}.state-pill{background:var(--sand);border-radius:99px;padding:1px 10px;font-size:12px;display:inline-block}.state-pill.waiting{color:var(--clay-ink);background:#fbe6dc}.state-pill.error{color:var(--seal);background:#f6dcd6}.state-pill.working{color:#2f6a40;background:#e2ede4}.state-pill.thinking{color:#34506f;background:#e3e9f1}.detail h3{font:500 12px/1.3 var(--mono);color:var(--ink-3);letter-spacing:.06em;margin:20px 0 8px}.timeline{margin:0;padding:0;list-style:none}.timeline li{border-bottom:1px dashed var(--line);grid-template-columns:62px 1fr;gap:8px;padding:5px 0;font-size:12.5px;display:grid}.timeline time{font:11px/1.8 var(--mono);color:var(--ink-3)}.timeline .alert{color:var(--clay-ink)}.timeline .err{color:var(--seal)}.muted{color:var(--ink-3);font-size:12px}.note{color:var(--ink-2);background:var(--sand);border-radius:var(--r-s);padding:10px 12px;font-size:12px}.empty{padding:40px 4px}.empty b{font:300 18px/1.4 var(--serif);margin-bottom:6px;display:block}dialog{border:1px solid var(--line);border-radius:var(--r-l);background:var(--paper);width:min(640px,100vw - 32px);max-height:calc(100vh - 48px);color:var(--ink);padding:26px 30px;box-shadow:0 30px 80px -20px #15191f59}dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#15191f4d}.dlg-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.dlg-head h2{font:300 26px/1.3 var(--serif);margin:0}dialog ol{counter-reset:step;padding-left:0;list-style:none}dialog ol>li{counter-increment:step;margin:16px 0;padding-left:34px;position:relative}dialog ol>li:before{content:counter(step);font:600 12px/22px var(--mono);text-align:center;border:1px solid var(--clay);width:22px;height:22px;color:var(--clay-ink);border-radius:99px;position:absolute;top:1px;left:0}pre{background:var(--ink);color:#e8e4da;border-radius:var(--r-s);font:12px/1.6 var(--mono);white-space:pre-wrap;word-break:break-all;margin:8px 0;padding:10px 64px 10px 12px;position:relative}pre button{color:#e8e4da;background:#ffffff1f;border:0;border-radius:6px;padding:3px 8px;font-size:11px;position:absolute;top:7px;right:7px}.token{color:var(--ink);border:1px solid var(--clay);background:#fff5f0}.devices{margin:8px 0;padding:0;list-style:none}.devices li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:8px 0;font-size:13px;display:flex}.row{align-items:center;gap:8px;margin-top:4px;display:flex}label.field{color:var(--ink-2);margin-top:8px;font-size:12px;display:block}input[type=text]{color:var(--ink);font:inherit;background:#fff;border:1px solid #15191f38;border-radius:99px;flex:1;padding:8px 14px}input::placeholder{color:var(--ink-3)}@media (width<=900px){.bar{flex-wrap:wrap;gap:10px;right:16px}.stats{flex-basis:100%;order:3}.filters{top:168px;right:16px}.panel{width:auto;height:38vh;top:auto;left:16px;right:16px}.zoom{bottom:calc(38vh + 28px)}.legend,.conn,.ver{display:none}}@media (width<=1180px){.legend{display:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.denied{z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#14181eb8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.denied-card{background:var(--paper);border-radius:var(--r-l);max-width:460px;padding:30px 32px;box-shadow:0 30px 80px -20px #00000080}.denied-card h2{font:300 24px/1.35 var(--serif);margin:0 0 12px}.denied-card p{color:var(--ink-2);margin:0 0 22px;line-height:1.8}.denied-card b{color:var(--ink);font-weight:500}body.panel-hidden .bar{right:72px}.panel-tab{border-radius:var(--r-m);border:1px solid var(--line);box-shadow:var(--shadow);writing-mode:vertical-rl;letter-spacing:.1em;background:#faf9f5eb;padding:10px 14px;font-size:13px;position:fixed;top:16px;right:16px}@media (width<=900px){body.panel-hidden .bar{right:16px}.panel-tab{writing-mode:horizontal-tb;letter-spacing:0;top:auto;bottom:16px}body.panel-hidden .zoom{bottom:16px}}.os-tabs{gap:6px;margin:8px 0 4px;display:flex}.os-tabs button{border:1px solid var(--line);color:var(--ink-2);background:0 0;border-radius:99px;padding:4px 12px;font-size:12px}.os-tabs button[aria-selected=true]{border-color:var(--ink);color:var(--ink);background:#fff}body.film .bar,body.film .filters,body.film .zoom,body.film .panel,body.film .panel-tab,body.film .legend{display:none!important}.film-layer{pointer-events:none;font-family:var(--sans);position:fixed;inset:0}.film-title{text-align:center;background:radial-gradient(#14181e8c,#14181ee6);place-content:center;display:grid;position:absolute;inset:0}.ft-eyebrow{font:600 18px/1 var(--mono);letter-spacing:.5em;color:#d97757;margin-bottom:18px}.ft-name{font:300 92px/1.05 var(--serif);color:#faf9f5;letter-spacing:.01em}.film-cap{font:400 40px/1.4 var(--serif);color:#faf9f5;text-shadow:0 2px 18px #000000b3;border-left:4px solid #d97757;padding-left:22px;position:absolute;bottom:92px;left:96px}.film-cap:empty{display:none}.film-end{text-align:center;opacity:0;background:radial-gradient(#14181e99,#14181eeb);place-content:center;display:grid;position:absolute;inset:0}.fe-name{font:300 76px/1.1 var(--serif);color:#faf9f5}.fe-name:after{content:"~";color:#d97757;margin-left:4px}.fe-line{font:400 34px/1.6 var(--sans);color:#faf9f5d9;margin-top:22px}.film-black{opacity:1;background:#0b0d10;position:absolute;inset:0}.feed .what .more{color:var(--muted,#15191f80);margin-left:6px;font-size:11px}dialog.wide{width:min(920px,100vw - 32px)}.adm-tools,.adm-bulk{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.adm-tools input[type=text]{min-width:200px}select{color:var(--ink);font:inherit;background:#fff;border:1px solid #15191f38;border-radius:99px;padding:7px 12px;font-size:13px}select:disabled{background:var(--sand);color:var(--ink-3)}.adm-bulk{border-radius:var(--r-s);background:#fff5f0;border:1px solid #d9775766;padding:8px 12px;font-size:13px}.adm-bulk input[type=text]{flex:0 200px;padding:6px 12px}.adm-bulk button{padding:6px 14px}.adm-msg{min-height:20px;color:var(--clay-ink);margin:8px 0 4px;font-size:12px}.adm-table{border-top:1px solid var(--line);max-height:52vh;overflow:auto}.adm-table table{border-collapse:collapse;width:100%;font-size:13px}.adm-table th{background:var(--paper);text-align:left;color:var(--ink-2);border-bottom:1px solid var(--line);z-index:1;padding:8px;font-size:12px;font-weight:500;position:sticky;top:0}.adm-table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:8px}.adm-table td input[type=text]{width:100%;min-width:120px;padding:6px 12px}.adm-table .ck{width:28px}.adm-table td .muted{margin-top:2px;font-size:11px}@media (width<=720px){.adm-table th:nth-child(5),.adm-table td:nth-child(5){display:none}}