:root{--bg:#070b14;--line:#1c2740;--txt:#e6ecff;--mut:#7f8bab;--ping:#e4002b;--ok:#22e3a0;--ok-line:#1f5c48;--ok-bg:#0f3a2c;--warn:#ffb020;--warn-line:#5c4a1f;--bad:#ff3b5c;--bad-line:#6b1a2a;--bad-row:#210b13;--surface-a:#111a2d;--surface-b:#0c1322;--surface-c:#0b1220;--llm:#c7b8ff;--cy:#3ad1ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 600px at 70% -10%,#1a1030 0,transparent 60%),var(--bg);color:var(--txt);font:14px/1.4 Inter,system-ui,sans-serif}.app{min-height:100vh;display:flex;flex-direction:column}header{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid var(--line)}header b{font-size:16px}.sp{flex:1}.logo{width:28px;height:28px;border-radius:7px;background:linear-gradient(135deg,var(--ping),#ff6a3d);display:grid;place-items:center;font-weight:800}.pill{font-size:12px;padding:4px 10px;border-radius:99px;border:1px solid var(--line);color:var(--mut)}.sim{color:var(--warn);border-color:var(--warn-line)}.mut{color:var(--mut)}.cols{flex:1;display:grid;grid-template-columns:minmax(300px,380px) 1fr}.chatcol{border-right:1px solid var(--line);padding:16px;display:flex;flex-direction:column;gap:12px}.who{display:flex;gap:10px;align-items:center}.who small{display:block;color:var(--mut)}.av{width:32px;height:32px;border-radius:8px;background:#16203a;border:1px solid #1d4560;color:var(--cy);display:grid;place-items:center;font-weight:700}.msgs{flex:1;display:flex;flex-direction:column;gap:12px;overflow:auto}.hint{color:var(--mut);font-size:13px}.msg small{color:var(--mut);display:block;margin:0 0 4px 4px}.msg.you{align-self:flex-end;max-width:90%}.bubble{padding:10px 12px;border-radius:12px;background:var(--surface-a);border:1px solid var(--line);white-space:pre-wrap}.you .bubble{background:#16203a}.bubble.blocked,.bubble.error{background:linear-gradient(180deg,#2a0c18,var(--bad-row));border-color:var(--bad-line)}.typing{color:var(--mut);font-style:italic}.composer{display:flex;gap:8px;padding:8px;border:1px solid var(--line);border-radius:12px;background:var(--surface-c)}.composer input{flex:1;background:transparent;border:0;color:var(--txt);font:inherit;outline:none}.composer button{background:var(--ping);color:#fff;border:0;border-radius:8px;padding:6px 14px;font-weight:600;cursor:pointer}.composer button:disabled{opacity:.5;cursor:default}.mapcol{padding:16px;display:flex;flex-direction:column;gap:14px;min-width:0}.maphead{display:flex;gap:12px;align-items:center}.lg{font-size:12px;display:flex;gap:6px;align-items:center}.d{width:8px;height:8px;border-radius:50%;display:inline-block}.d.ok{background:var(--ok)}.d.bad{background:var(--bad)}.banner{align-self:flex-end;border:1px solid var(--bad);color:#ffd0d8;background:var(--bad-row);border-radius:99px;padding:6px 14px;font-weight:600}.map{display:flex;flex-direction:column;gap:10px}.row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.arrow{width:16px;height:2px;background:var(--llm);position:relative}.arrow:after{content:"";position:absolute;right:-2px;top:-4px;border:5px solid transparent;border-left-color:var(--llm)}.node{position:relative;min-width:92px;padding:16px 12px 10px;border-radius:12px;border:1px solid var(--line);background:var(--surface-b)}.node b{display:block}.node small{color:var(--mut)}.node.hopnode b{color:var(--warn)}.node.allowed{border-color:var(--ok-line);background:linear-gradient(180deg,#0e2a24,var(--surface-b))}.node.allowed>b{color:var(--ok)}.node.active{border-color:var(--warn);box-shadow:0 0 18px #ffb02055}.node.blocked{border-color:var(--bad);box-shadow:0 0 18px #ff3b5c55}.node.blocked>b{color:var(--bad)}.node.error{border-color:var(--bad-line)}.num{font-style:normal;display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--warn);color:#000;font-size:11px}.tag{position:absolute;top:-10px;right:6px;font-size:11px;padding:1px 6px;border-radius:6px;border:1px solid var(--line);background:var(--surface-c);color:var(--mut)}.tag.allowed{color:var(--ok);border-color:var(--ok-line);background:var(--ok-bg)}.tag.active{color:var(--warn);border-color:var(--warn)}.tag.blocked,.tag.error{color:#ffd0d8;border-color:var(--bad)}.drops{display:flex;gap:40px;align-items:flex-start;padding-left:100px;flex-wrap:wrap}.drop{display:flex;flex-direction:column;align-items:center;gap:6px}.vline{border-left:2px dashed var(--llm);min-height:24px;padding-left:6px;color:var(--llm);font-size:12px;font-weight:600}.keys{max-width:190px;border:1px dashed var(--warn-line);border-radius:12px;padding:10px;color:var(--mut);font-size:13px}.keys b{display:block;color:var(--warn)}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.hcard{border:1px solid var(--line);border-radius:12px;padding:10px;background:var(--surface-b);display:flex;flex-direction:column;gap:4px;font-size:13px}.hcard .hn{color:var(--warn)}.hcard code{color:var(--mut)}.hcard p{margin:0}.note{color:#ffd0d8}.hcard.active{border-color:var(--warn)}.hcard.blocked{border-color:var(--bad);background:linear-gradient(180deg,#2a0c18,var(--surface-b))}.hcard.blocked .hn{color:var(--bad)}.foot{margin-top:auto;font-weight:700}.foot.allowed{color:var(--ok)}.foot.active{color:var(--warn)}.foot.blocked,.foot.error{color:var(--bad)}details{font-size:12px;color:var(--mut)}.hdr{font:11px ui-monospace,monospace;word-break:break-all}.hdr span{color:var(--cy)}footer{border-top:1px solid var(--line);padding:6px 20px;color:var(--mut);font-size:12px}@media(max-width:900px){.cols{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.drops{padding-left:0}}.times{color:var(--mut);font-weight:500}.call.blocked{color:#ffd0d8}.pill.user a{color:var(--cy);text-decoration:none}.pill.user a:hover{text-decoration:underline}.signin{min-height:100vh;display:grid;place-items:center}.signin-card{text-align:center;padding:32px 40px;border:1px solid var(--line);border-radius:16px;background:var(--surface-b);display:grid;gap:10px;justify-items:center;min-width:300px}.signin-card h1{margin:4px 0 0;font-size:20px}.signin-card p{margin:0}.signin-card button{margin-top:6px;background:var(--ping);color:#fff;border:0;border-radius:8px;padding:8px 22px;font-weight:600;cursor:pointer}.views{display:flex;gap:4px;margin-left:18px}.views button,.panetabs button{background:none;border:1px solid transparent;color:var(--mut);padding:5px 10px;border-radius:8px;cursor:pointer;font:inherit}.views button.on,.panetabs button.on{color:var(--txt);border-color:var(--line);background:var(--surface-a)}.panetabs{display:flex;gap:6px;align-items:center}.pill.illus{background:#1d1708;color:#c9b27a;border-color:#3d3315}.inbox{display:flex;flex-direction:column;gap:10px}.tlist{display:grid;gap:6px}.trow{text-align:left;background:var(--surface-c);border:1px solid var(--line);color:var(--txt);border-radius:8px;padding:8px 10px;cursor:pointer;font:inherit;font-size:13px}.trow code{font-weight:700;margin-right:6px}.trow.sel{border-color:var(--warn);box-shadow:0 0 0 1px #ffb02055}.tdetail{border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--surface-b);display:grid;gap:8px}.tdetail h3{margin:0;font-size:16px}.tdetail p{margin:0}.hidden-text{position:relative;border:1.5px solid var(--bad);background:var(--bad-row);color:#d7b8c0;border-radius:8px;padding:16px 10px 10px;font-size:13px}.htag{position:absolute;top:-9px;left:8px;background:var(--bad);color:#fff;font-size:11px;font-weight:700;padding:1px 6px;border-radius:5px}.map.wide .row{gap:14px}.map.wide .arrow{width:26px}.stack{display:flex;flex-direction:column;align-items:center;gap:4px}button.node{font:inherit;color:inherit;text-align:left;cursor:pointer;min-width:104px}.node .info{position:absolute;right:6px;bottom:6px;width:14px;height:14px;border-radius:50%;border:1px solid var(--mut);color:var(--mut);font-size:9px;display:grid;place-items:center;font-style:italic}.node.selected{border-color:var(--cy)!important;box-shadow:0 0 18px #3ad1ff55}.node.dim{opacity:.35}.hint-cyan{background:none;border:0;color:var(--cy);font-size:11px;cursor:pointer}.cardchip{position:absolute;left:8px;top:-10px;font-size:10px;padding:1px 6px;border-radius:6px;border:1px solid var(--ok-line);background:var(--ok-bg);color:var(--ok)}.cardchip.bad{border-color:var(--bad);background:var(--bad-row);color:#ffd0d8}.arrow.back{background:var(--bad)}.arrow.back:after{right:auto;left:-2px;border-left-color:transparent;border-right-color:var(--bad)}.drops{gap:120px;padding-left:330px}.linkbtn{background:none;border:0;color:var(--cy);cursor:pointer;font:inherit;font-size:12px}.pills{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.hpill{display:flex;gap:8px;align-items:center;border:1px solid var(--line);background:var(--surface-b);color:var(--txt);border-radius:99px;padding:8px 14px;cursor:pointer;font:inherit;font-size:13px}.hpill b{color:var(--warn);font-size:11px}.hpill span{margin-left:auto;color:var(--mut)}.hpill.allowed span{color:var(--ok)}.hpill.active{border-color:var(--warn)}.hpill.active span{color:var(--warn)}.hpill.blocked{border-color:var(--bad);background:var(--bad-row)}.hpill.blocked b,.hpill.blocked span{color:var(--bad)}.cols.with-drawer{grid-template-columns:64px 1fr 360px}.chatstrip{border:0;border-right:1px solid var(--line);background:var(--surface-c);color:var(--mut);display:flex;flex-direction:column;align-items:center;gap:6px;padding-top:16px;cursor:pointer;font:inherit;font-size:12px}.drawer{position:relative;border-left:1px solid var(--line);background:var(--surface-b);padding:18px;display:flex;flex-direction:column;gap:10px;overflow:auto}.drawer h3,.drawer p{margin:0}.close{position:absolute;right:12px;top:10px;background:none;border:0;color:var(--mut);font-size:20px;cursor:pointer}.drow{display:grid;grid-template-columns:88px 1fr;gap:8px;border-bottom:1px solid var(--line);padding:6px 0;font-size:13px}.dk{color:var(--mut);font-size:11px;letter-spacing:.06em}.mono-box{font:12px ui-monospace,monospace;border:1px solid var(--line);border-radius:8px;padding:8px}.mono-box.ok{border-color:var(--ok-line);color:var(--ok);background:#0c2120}.mono-box.bad{border-color:var(--bad-line);color:#ffd0d8;background:#13070c}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{font:12px ui-monospace,monospace;border:1px solid var(--line);border-radius:6px;padding:3px 7px;background:var(--surface-c)}.note-amber{border:1px dashed var(--warn-line);color:var(--warn);border-radius:8px;padding:8px;font-size:13px}.blockbox{border:1px solid var(--bad);background:linear-gradient(180deg,#2a0c18,var(--surface-b));border-radius:10px;padding:10px;display:grid;gap:6px}.blockbox>b{color:var(--bad)}.blockbox a{color:var(--cy)}.small{font-size:12px}.mono{font-family:ui-monospace,monospace}.dcall{border-bottom:1px solid var(--line);padding:6px 0}.compare{flex:1;display:flex;flex-direction:column;gap:12px;padding:16px}.cmp-head{display:flex;align-items:center;gap:10px}.primary{background:var(--ping);color:#fff;border:0;border-radius:8px;padding:7px 16px;font-weight:600;cursor:pointer}.primary:disabled{opacity:.5}.cmp-grid{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:16px}.cmp{border:1px solid var(--line);border-radius:16px;padding:16px;background:var(--surface-b);display:flex;flex-direction:column;gap:12px}.cmp.on.is-blocked{border-color:var(--bad-line)}.cmp h2{margin:0;font-size:19px}.cmp-top{display:flex;justify-content:space-between}.simbadge{border:1px dashed var(--warn);color:var(--warn)}.amberpill{background:var(--warn-bg);color:var(--warn);border-color:var(--warn-line)}.strip{display:flex;gap:6px;align-items:center;flex-wrap:wrap;color:var(--mut);font-size:12px}.strip span{border:1px solid var(--line);border-radius:7px;padding:5px 8px;color:var(--txt)}.strip .amber{border-color:var(--warn);color:var(--warn)}.strip .unprot{border-style:dashed;color:var(--mut)}.strip em{font-style:normal;font-size:10px;margin-left:4px;border:1px solid var(--line);border-radius:4px;padding:0 4px}.strip .h4.blocked{border-color:var(--bad);color:#ffd0d8;box-shadow:0 0 12px #ff3b5c55}.strip em.bad{border-color:var(--bad);color:var(--bad)}.evil{display:block;margin-top:8px;border:1px solid var(--bad-line);background:#13070c;color:#ffb3c0;border-radius:6px;padding:6px 8px;font-size:12px;white-space:pre-wrap}.leak{margin-top:8px;border:1px dashed var(--warn-line);border-radius:6px;padding:6px 8px;font-size:12px;color:var(--mut)}.leak b{color:var(--warn)}.banner.mono{align-self:stretch;border-radius:8px;font:12px ui-monospace,monospace;font-weight:700}.cmp-foot{font-size:12px}:root[data-theme=light]{--bg:#F3F4F6;--line:#B9BEC7;--txt:#17243C;--mut:#526077;--ping:#B3261E;--ok:#176847;--ok-line:#89B6A1;--ok-bg:#EAF5EF;--warn:#80500C;--warn-line:#BDA378;--warn-bg:#FFF4DF;--bad:#B3261E;--bad-line:#D79490;--bad-row:#FBEDEC;--surface-a:#FCFCFD;--surface-b:#FCFCFD;--surface-c:#F3F4F6;--llm:#465778;--cy:#244D78}:root[data-theme=light] body{background:var(--bg)}:root[data-theme=light] header{background:var(--ping);color:#fcfcfd}:root[data-theme=light] header .mut,:root[data-theme=light] header .pill,:root[data-theme=light] header .pill.user a,:root[data-theme=light] header .views button{color:#fcfcfd}:root[data-theme=light] header .pill{border-color:#e1a7a2}:root[data-theme=light] header .views button.on{background:#fcfcfd;color:var(--txt);border-color:#fcfcfd}:root[data-theme=light] .logo{background:#17243c;color:#fcfcfd}:root[data-theme=light] .av,:root[data-theme=light] .you .bubble{background:#e8ebf0;border-color:#b9bec7}:root[data-theme=light] .bubble.blocked,:root[data-theme=light] .bubble.error,:root[data-theme=light] .hcard.blocked,:root[data-theme=light] .blockbox{background:var(--bad-row)}:root[data-theme=light] .node.allowed{background:var(--ok-bg)}:root[data-theme=light] .node.active,:root[data-theme=light] .node.blocked,:root[data-theme=light] .node.selected,:root[data-theme=light] .strip .h4.blocked{box-shadow:none}:root[data-theme=light] .node.selected{outline:2px solid var(--cy);outline-offset:2px}:root[data-theme=light] .num{color:#fcfcfd}:root[data-theme=light] .banner,:root[data-theme=light] .tag.blocked,:root[data-theme=light] .tag.error,:root[data-theme=light] .note,:root[data-theme=light] .call.blocked,:root[data-theme=light] .hidden-text,:root[data-theme=light] .cardchip.bad,:root[data-theme=light] .strip .h4.blocked{color:var(--bad)}:root[data-theme=light] .pill.illus{background:var(--warn-bg);color:var(--warn);border-color:var(--warn-line)}:root[data-theme=light] .trow.sel{box-shadow:none}:root[data-theme=light] .mono-box.ok{background:var(--ok-bg)}:root[data-theme=light] .mono-box.bad,:root[data-theme=light] .evil{background:var(--bad-row);color:var(--bad)}.theme-picker{display:inline-flex;align-items:center;gap:8px;font-size:12px;white-space:nowrap}.theme-picker select{font:inherit;padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:var(--surface-b);color:var(--txt);cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--cy);outline-offset:3px}.composer:focus-within{outline:2px solid var(--cy);outline-offset:2px}.composer input{min-width:0}header{flex-wrap:wrap}.drawer code,.mono-box,.banner.mono{overflow-wrap:anywhere}@media(max-width:1100px){.drops{padding-left:0;gap:32px}.cols.with-drawer{grid-template-columns:64px minmax(0,1fr)}.drawer{grid-column:1/-1;border-top:1px solid var(--line)}}@media(max-width:700px){.views{margin-left:0;flex-wrap:wrap}.cmp-grid{grid-template-columns:1fr}.pills{grid-template-columns:repeat(2,minmax(0,1fr))}.cmp-head,.maphead{flex-wrap:wrap}.signin-card{min-width:0;max-width:100%;padding:24px}.signin{padding:16px}}