:root{color-scheme:dark;--bg: #14121f;--bg-2: #1b1830;--surface: rgba(28, 25, 46, .92);--surface-solid: #1d1a31;--surface-2: #26223d;--surface-3: #312c4d;--border: rgba(185, 166, 217, .18);--border-strong: rgba(185, 166, 217, .34);--text: #f2eefb;--text-2: #c4bdd8;--text-3: #8f88a8;--accent: #ff9ec7;--accent-2: #8fd3ff;--focus: #8fd3ff;--danger: #ff6b7a;--danger-bg: rgba(255, 107, 122, .12);--ok: #3dbe7a;--warn: #f5a623;--tool-claude-code: #e8875b;--tool-chatgpt: #4fb39a;--tool-codex: #7c83e8;--tool-future: #b9a6d9;--att-question: #4a90e2;--att-approval: #f5a623;--att-review: #3dbe7a;--mode-managed: #3dbe7a;--mode-observed: #8fd3ff;--mode-demo: #ff9ec7;--radius: 12px;--radius-sm: 8px;--shadow: 0 12px 40px rgba(5, 3, 15, .55);--topbar-h: 56px;--panel-w: 440px;--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1200px 800px at 20% -10%,#2a2050 0%,transparent 60%),radial-gradient(900px 700px at 110% 110%,#3a1f3f 0%,transparent 55%),var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--accent-2)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.muted{color:var(--text-2)}.faint{color:var(--text-3)}.small{font-size:12px}.mono{font-family:var(--mono);font-size:12px}.row{display:flex;align-items:center;gap:8px}.wrap{flex-wrap:wrap}.grow{flex:1 1 auto;min-width:0}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stack>*+*{margin-top:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:6px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s}.btn:hover:not(:disabled){background:var(--surface-3);border-color:var(--accent-2)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#ff9ec7,#c39bff);color:#1a1030;border:none;font-weight:600}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#ffb3d4,#d2b2ff)}.btn-danger{border-color:#ff6b7a99;color:#ffb3bb}.btn-danger:hover:not(:disabled){background:var(--danger-bg);border-color:var(--danger)}.btn-ok{border-color:#3dbe7a99;color:#a9ecc6}.btn-ok:hover:not(:disabled){background:#3dbe7a1f;border-color:var(--ok)}.btn-ghost{background:transparent;border-color:transparent}.btn-ghost:hover:not(:disabled){background:#ffffff0f;border-color:var(--border)}.btn-sm{min-height:28px;padding:3px 9px;font-size:12px}.btn-block{width:100%}.icon-btn{min-width:34px;padding:6px}.field{display:flex;flex-direction:column;gap:5px}.field label,.label{font-size:12px;color:var(--text-2);font-weight:500}.input,.select,.textarea{width:100%;min-height:36px;padding:7px 10px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:#0a08168c;color:var(--text)}.textarea{min-height:72px;resize:vertical}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--focus);box-shadow:0 0 0 3px #8fd3ff2e}.select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.alert{padding:9px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);font-size:13px}.alert-error{border-color:#ff6b7a80;background:var(--danger-bg);color:#ffc4ca}.alert-warn{border-color:#f5a62380;background:#f5a6231a;color:#ffd99a}.alert-ok{border-color:#3dbe7a80;background:#3dbe7a1a;color:#b6f0cf}.alert-info{border-color:#8fd3ff66;background:#8fd3ff14;color:#cfeaff}.badge{display:inline-flex;align-items:center;gap:4px;padding:1px 7px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.02em;border:1px solid currentColor;white-space:nowrap}.mode-badge{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase}.mode-managed{color:var(--mode-managed)}.mode-observed{color:var(--mode-observed)}.mode-demo{color:var(--mode-demo)}.chip{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:999px;background:#ffffff0f;border:1px solid var(--border);font-size:11.5px;color:var(--text-2)}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex:none}.att-icon{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;color:#10101a;flex:none}.att-question{background:var(--att-question)}.att-approval{background:var(--att-approval)}.att-review{background:var(--att-review)}.att-text-question{color:#9cc6f5}.att-text-approval{color:#ffd08a}.att-text-review{color:#92e3b7}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid var(--border-strong);border-top-color:var(--accent);animation:spin .8s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--surface-2),var(--surface-3),var(--surface-2));background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:6px}@keyframes shimmer{to{background-position:-200% 0}}.reduced-motion *,.reduced-motion *:before,.reduced-motion *:after{animation-duration:0s!important;transition:none!important}@media (prefers-reduced-motion: reduce){.spinner,.skeleton{animation-duration:3s}}.auth-wrap{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px 16px;overflow:auto}.auth-card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:28px 24px;box-shadow:var(--shadow)}.auth-card h1{font-size:20px;margin:14px 0 4px}.auth-card form{display:flex;flex-direction:column;gap:14px;margin-top:18px}.wordmark{display:inline-flex;align-items:center;gap:8px;font-weight:800;letter-spacing:.02em;font-size:17px;text-decoration:none;color:var(--text)}.wordmark .logo{width:26px;height:26px}.wordmark span.grad{background:linear-gradient(90deg,#ffb38a,#ff9ec7,#b9a6ff);-webkit-background-clip:text;background-clip:text;color:transparent}.shell{position:fixed;top:0;right:0;bottom:0;left:0}.world-layer{position:absolute;top:0;right:0;bottom:0;left:0}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.overlay>*{pointer-events:auto}.topbar{position:absolute;top:0;left:0;right:0;height:var(--topbar-h);z-index:30;display:flex;align-items:center;gap:10px;padding:0 14px;background:linear-gradient(180deg,#14121feb,#14121fc7);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar .spacer{flex:1}.conn{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:4px 9px;border-radius:999px;border:1px solid var(--border);white-space:nowrap}.conn .dot{width:8px;height:8px}.conn-live .dot{background:var(--ok);box-shadow:0 0 8px var(--ok)}.conn-connecting .dot,.conn-reconnecting .dot{background:var(--warn)}.conn-offline .dot{background:var(--danger)}.stale-banner{position:absolute;top:calc(var(--topbar-h) + 8px);left:50%;transform:translate(-50%);z-index:29;max-width:calc(100% - 32px)}.topbar-controls{display:flex;align-items:center;gap:8px}.seg{display:inline-flex;border:1px solid var(--border-strong);border-radius:var(--radius-sm);overflow:hidden}.seg button{border:none;background:transparent;padding:5px 9px;font-size:12px;cursor:pointer;color:var(--text-2)}.seg button[aria-pressed=true]{background:var(--surface-3);color:var(--text)}.menu{position:relative}.menu-pop{position:absolute;right:0;top:calc(100% + 6px);min-width:220px;background:var(--surface-solid);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow);padding:6px;z-index:50}.menu-pop .menu-item{display:flex;width:100%;text-align:left;padding:8px 10px;border-radius:6px;background:none;border:none;cursor:pointer;color:var(--text);text-decoration:none;font-size:13px;gap:8px;align-items:center}.menu-pop .menu-item:hover,.menu-pop .menu-item:focus-visible{background:var(--surface-3)}.menu-pop .menu-sep{height:1px;background:var(--border);margin:6px 4px}.menu-pop .menu-head{padding:6px 10px 8px;font-size:12px;color:var(--text-3)}.only-narrow{display:none!important}.tray{position:absolute;left:14px;top:calc(var(--topbar-h) + 12px);width:320px;max-height:calc(100% - var(--topbar-h) - 28px);z-index:20;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tray-head{display:flex;align-items:center;gap:8px;padding:10px 12px;border:none;background:none;width:100%;cursor:pointer;text-align:left}.tray-head h2{font-size:13.5px;margin:0;font-weight:700}.tray-counts{display:flex;gap:5px;margin-left:auto}.tray-count{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:700;padding:1px 7px;border-radius:999px;color:#10101a}.tray-body{overflow-y:auto;padding:0 8px 10px;border-top:1px solid var(--border)}.tray-group h3{font-size:11px;text-transform:uppercase;letter-spacing:.08em;margin:12px 4px 6px;display:flex;gap:6px;align-items:center}.tray-item{display:flex;gap:9px;width:100%;text-align:left;padding:8px;border-radius:var(--radius-sm);cursor:pointer;background:#ffffff08;border:1px solid transparent;margin-bottom:5px;color:var(--text)}.tray-item:hover{border-color:var(--border-strong);background:#ffffff0f}.tray-item[aria-current=true]{border-color:var(--accent-2)}.tray-item .t-title{font-size:13px;font-weight:600}.tray-item .t-meta{font-size:11.5px;color:var(--text-3)}.tray-empty{padding:14px 6px 4px;color:var(--text-3);font-size:12.5px;text-align:center}.panel{position:absolute;top:var(--topbar-h);right:0;bottom:0;width:var(--panel-w);z-index:25;background:var(--surface);border-left:1px solid var(--border);box-shadow:var(--shadow);display:flex;flex-direction:column;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel-head{padding:14px 16px 12px;border-bottom:1px solid var(--border)}.panel-head h2{margin:0;font-size:17px;line-height:1.25;outline:none;word-break:break-word}.panel-body{flex:1;overflow-y:auto;padding:14px 16px 24px}.panel-section{margin-bottom:18px}.panel-section>h3{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--text-3);margin:0 0 8px;font-weight:700}.kv{display:grid;grid-template-columns:92px 1fr;gap:5px 10px;font-size:13px}.kv dt{color:var(--text-3)}.kv dd{margin:0;min-width:0;word-break:break-word}.request-card{border:1px solid var(--border-strong);border-radius:var(--radius);padding:12px;background:#0a081659}.request-card.k-question{border-color:#4a90e299}.request-card.k-approval{border-color:#f5a62399}.request-card.k-review{border-color:#3dbe7a99}.request-card fieldset{border:none;padding:0;margin:0 0 12px}.request-card legend{font-weight:600;margin-bottom:6px;padding:0}.opt{display:flex;gap:8px;align-items:flex-start;padding:6px 8px;border-radius:6px;cursor:pointer}.opt:hover{background:#ffffff0a}.opt input{margin-top:3px}.pre{white-space:pre-wrap;word-break:break-word;font-family:var(--mono);font-size:12px;background:#0000004d;border-radius:6px;padding:8px 10px;max-height:280px;overflow:auto;margin:6px 0 0}.result-text{white-space:pre-wrap;word-break:break-word;max-height:320px;overflow:auto;background:#00000038;padding:10px;border-radius:6px;font-size:13px}.activity-list{list-style:none;margin:0;padding:0;font-size:12.5px}.activity-list li{display:grid;grid-template-columns:54px 1fr;gap:8px;padding:4px 0;border-bottom:1px dashed rgba(185,166,217,.1)}.activity-list .a-time{color:var(--text-3);font-variant-numeric:tabular-nums}.activity-list .a-kind-tool{color:#ffd08a}.activity-list .a-kind-error{color:#ffb3bb}.activity-list .a-kind-result{color:#92e3b7}.activity-list .a-kind-user{color:#9cc6f5}.status-line{font-size:12.5px;margin-top:8px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.status-pending,.status-acknowledged{color:#ffd99a}.status-succeeded{color:#9eeac0}.status-failed{color:#ffb3bb}.status-unknown{color:#ffd08a}.explain{font-size:12px;color:var(--text-2);background:#8fd3ff0f;border:1px solid rgba(143,211,255,.2);padding:7px 9px;border-radius:6px}.limitation{font-size:12.5px;color:var(--text-2);background:#ffffff0a;border-left:3px solid var(--text-3);padding:7px 10px;border-radius:4px}.stale-warn{color:#ffd99a;font-size:12px}.interior-chrome{position:absolute;top:calc(var(--topbar-h) + 12px);left:348px;z-index:18;display:flex;gap:10px;align-items:center;flex-wrap:wrap;max-width:calc(100% - 348px - var(--panel-w) - 24px)}.interior-title{font-size:18px;font-weight:800;padding:6px 12px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border)}.interior-note{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 10px;font-size:12.5px}.unconnected-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:15;max-width:440px;width:calc(100% - 32px);background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:22px;box-shadow:var(--shadow);text-align:center}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0604108c;z-index:60}.drawer{position:fixed;top:0;bottom:0;left:0;width:min(560px,100%);z-index:61;background:var(--surface-solid);border-right:1px solid var(--border-strong);box-shadow:var(--shadow);display:flex;flex-direction:column}.drawer-head{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--border)}.drawer-head h2{margin:0;font-size:16px}.dialog{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:71;width:min(520px,calc(100% - 32px));max-height:calc(100% - 32px);overflow:auto;background:var(--surface-solid);border:1px solid var(--border-strong);border-radius:16px;box-shadow:var(--shadow);padding:20px}.dialog h2{margin:0 0 8px;font-size:17px}.dialog .actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px;flex-wrap:wrap}.scrim.over-drawer{z-index:70}.slist{display:flex;flex-direction:column;min-height:0;flex:1}.slist-filters{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:12px 14px;border-bottom:1px solid var(--border)}.slist-filters .search{grid-column:1 / -1}.slist-body{overflow-y:auto;flex:1;padding:8px 10px 20px}.srow{display:grid;grid-template-columns:4px 1fr auto;gap:10px;width:100%;text-align:left;padding:10px 10px 10px 0;border-radius:var(--radius-sm);border:1px solid transparent;background:#ffffff06;cursor:pointer;margin-bottom:6px;color:var(--text)}.srow:hover{border-color:var(--border-strong);background:#ffffff0d}.srow[aria-current=true]{border-color:var(--accent-2)}.srow .bar{border-radius:0 3px 3px 0}.srow .s-name{font-weight:650;font-size:13.5px}.srow .s-task{font-size:12px;color:var(--text-2)}.srow .s-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:11.5px;color:var(--text-3);padding-right:2px}.page{position:absolute;top:var(--topbar-h);left:0;right:0;bottom:0;overflow:auto}.page-inner{max-width:1080px;margin:0 auto;padding:22px 16px 60px}.page-sessions{display:flex;flex-direction:column}.page-sessions .slist{max-width:900px;width:100%;margin:0 auto}.with-tray{padding-left:348px}.fallback-notice{margin:12px 14px 0}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}table.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th,.tbl td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--border);vertical-align:middle}.tbl th{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--text-3);font-weight:700}.tbl tr:last-child td{border-bottom:none}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.admin-grid{display:grid;gap:22px}.admin-grid h2{font-size:16px;margin:0 0 10px}.center-fill{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:var(--text-2)}@media (max-width: 1100px){.interior-chrome{left:348px;max-width:calc(100% - 360px)}}@media (max-width: 760px){:root{--topbar-h: 52px}.only-wide{display:none!important}.only-narrow{display:inline-flex!important}.topbar{padding:0 10px;gap:6px}.tray{left:8px;right:8px;width:auto;top:auto;bottom:8px;max-height:55%}.tray.collapsed{left:auto;right:8px;bottom:64px}.panel{width:100%;top:var(--topbar-h);border-left:none;z-index:40}.interior-chrome{left:8px;top:calc(var(--topbar-h) + 8px);max-width:calc(100% - 16px)}.with-tray{padding-left:0;padding-bottom:80px}.slist-filters{grid-template-columns:1fr 1fr}.kv{grid-template-columns:80px 1fr}.tbl th,.tbl td{padding:8px}}