.approvals-page .approval-list{display:grid;gap:12px}.approval-top{display:flex;gap:12px;align-items:flex-start;min-width:0}.approval-head{min-width:0;flex:1}.approval-badges{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.approval-reason{font-size:13px;color:var(--body);margin-top:8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.approval-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.approval-critical{border-color:var(--error)}.expiry-soon{color:var(--error);font-weight:600}.history-filters{display:flex;gap:8px;flex-wrap:wrap}.modal-body .kv{display:grid;gap:8px;margin:0}.modal-body .kv>div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:8px;font-size:13px;min-width:0}.modal-body .kv dt{color:var(--mute);font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding-top:2px}.modal-body .kv dd{margin:0;min-width:0;overflow-wrap:anywhere}.modal-body .kv .mono{font-family:var(--mono, ui-monospace, monospace);font-size:12.5px}.modal-body .kv .exact{white-space:pre-wrap;background:var(--hairline-soft);border-radius:6px;padding:8px}.risk-ack{display:flex;gap:8px;align-items:flex-start;margin-top:12px;font-size:13px;background:var(--error-soft);border:1px solid var(--error);border-radius:8px;padding:10px}.risk-ack input{width:20px;height:20px;flex:none;margin-top:1px}.comment-label{display:grid;gap:6px;margin-top:12px}.comment-label textarea{width:100%;min-height:56px;border:1px solid var(--hairline);border-radius:8px;background:var(--canvas-elevated);color:var(--ink);padding:10px;font-size:14px;resize:vertical}@media(max-width:640px){.approvals-page .approval-actions .btn{flex:1;min-height:44px}.dialog-actions{position:sticky;bottom:0;background:var(--canvas-elevated);padding-top:8px;display:flex;flex-wrap:wrap;gap:8px}.dialog-actions .btn{flex:1;min-height:44px}.modal-body .kv>div{grid-template-columns:1fr;gap:2px}}:root{--canvas: #0a0a0a;--canvas-soft: #1a1c20;--canvas-card: #191919;--canvas-mid: #363a3f;--canvas-elevated: #191919;--hairline-soft: #1a1c20;--hairline: #212327;--ink: #ffffff;--ink-hover: #fafaf7;--body: #dadbdf;--body-mid: #7d8187;--mute: #7d8187;--faint: #5c6067;--primary: #ffffff;--on-primary: #0a0a0a;--link: #a0c3ec;--link-deep: #ffffff;--link-soft: rgba(160, 195, 236, .14);--accent-sunset: #ff7a17;--accent-sunset-soft: #ffc285;--accent-dusk: #7c3aed;--accent-twilight: #c4b5fd;--accent-breeze: #a0c3ec;--accent-midnight: #0d1726;--error: #ff6b6b;--error-deep: #ee0000;--error-soft: rgba(238, 0, 0, .16);--warning: #ff7a17;--warning-soft: rgba(255, 122, 23, .14);--warning-deep: #ffc285;--violet: #7c3aed;--violet-soft: rgba(124, 58, 237, .22);--success: #7ee2a8;--success-soft: rgba(126, 226, 168, .14);--success-deep: #7ee2a8;--cyan: #a0c3ec;--st-online: #7ee2a8;--st-connecting: #a0c3ec;--st-offline: #7d8187;--st-busy: #c4b5fd;--st-idle: #7d8187;--st-error: #ff6b6b;--st-approval: #ff7a17;--st-completed: #a0c3ec;--st-failed: #ff6b6b;--r-sm: 8px;--r-md: 8px;--r-lg: 8px;--r-pill: 9999px;--r-full: 9999px;--sp-xxs: 2px;--sp-xs: 4px;--sp-sm: 8px;--sp-md: 12px;--sp-lg: 16px;--sp-xl: 24px;--sp-2xl: 32px;--font-sans: "Inter", "Universal Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "Geist Mono", "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--shadow-1: none;--shadow-2: none;--overlay: rgba(0, 0, 0, .72);--nav-h: 56px;--sidebar-w: 248px;--max-w: 1200px;--pill-border: rgba(255, 255, 255, .25);color-scheme:dark}[data-theme=dark],[data-theme=light]{--canvas: #0a0a0a;--canvas-soft: #1a1c20;--canvas-card: #191919;--canvas-mid: #363a3f;--canvas-elevated: #191919;--hairline-soft: #1a1c20;--hairline: #212327;--ink: #ffffff;--ink-hover: #fafaf7;--body: #dadbdf;--body-mid: #7d8187;--mute: #7d8187;--faint: #5c6067;--primary: #ffffff;--on-primary: #0a0a0a;--link: #a0c3ec;--link-deep: #ffffff;--link-soft: rgba(160, 195, 236, .14);--error: #ff6b6b;--error-deep: #ee0000;--error-soft: rgba(238, 0, 0, .16);--warning: #ff7a17;--warning-soft: rgba(255, 122, 23, .14);--warning-deep: #ffc285;--violet: #a66bff;--violet-soft: rgba(124, 58, 237, .28);--success: #7ee2a8;--success-soft: rgba(126, 226, 168, .14);--success-deep: #7ee2a8;--st-offline: #7d8187;--st-idle: #7d8187;--shadow-1: none;--shadow-2: none;--overlay: rgba(0, 0, 0, .72);--pill-border: rgba(255, 255, 255, .25);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);font-size:16px;line-height:24px;font-weight:400;background:var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100dvh}#root{min-height:100dvh;display:flex;flex-direction:column}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}::selection{background:#a0c3ec47}:focus-visible{outline:2px solid var(--accent-breeze);outline-offset:2px;border-radius:4px}.eyebrow{font-family:var(--font-mono);font-size:14px;font-weight:400;line-height:20px;letter-spacing:1.4px;text-transform:uppercase;color:var(--ink)}h1,h2,h3{font-weight:400;letter-spacing:-.02em;margin:0}.display-xl{font-size:clamp(48px,8vw,96px);line-height:1;letter-spacing:-2.4px;font-weight:400}.display-md{font-size:clamp(32px,5vw,48px);line-height:1;letter-spacing:-1.2px;font-weight:400}*{scrollbar-width:thin;scrollbar-color:var(--hairline) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{background:var(--hairline);border-radius:8px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.86)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes rise-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.rise{animation:rise-in .18s ease-out both}.skeleton{border-radius:var(--r-sm);background:linear-gradient(90deg,var(--hairline-soft) 25%,var(--hairline) 50%,var(--hairline-soft) 75%);background-size:800px 100%;animation:shimmer 1.4s linear infinite;color:transparent!important;-webkit-user-select:none;user-select:none}.page{width:100%;max-width:var(--max-w);margin:0 auto;padding:var(--sp-md);min-width:0}@media(min-width:768px){.page{padding:var(--sp-lg)}}@media(min-width:1440px){.page{max-width:1360px}}.grid-cards{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-md);min-width:0}@media(min-width:768px){.grid-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cards.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1024px){.grid-cards.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cards.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.page,.card,.table-wrap,.dialog,.drawer,.topnav-inner{min-width:0;overflow-wrap:anywhere}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.mono{font-family:var(--font-mono);font-size:12.5px}.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}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}@media(max-width:640px){.hide-sm{display:none!important}}@keyframes agent-start-ring{0%{opacity:.7;transform:scale(.6)}70%{opacity:0;transform:scale(2.1)}to{opacity:0;transform:scale(2.1)}}.motion-agent-start{position:relative}.motion-agent-start:before{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--st-busy);animation:agent-start-ring 1.4s ease-out infinite;pointer-events:none}@keyframes progress-sweep{0%{transform:translate(-100%)}to{transform:translate(250%)}}.progress-live{position:relative}.progress-live>i{position:relative;overflow:hidden}.progress-live>i:after{content:"";position:absolute;inset:0;width:40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);animation:progress-sweep 1.6s ease-in-out infinite;pointer-events:none}@keyframes node-enter{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.node-enter{animation:node-enter .22s ease-out both}@keyframes node-settle{0%{background-color:var(--link-soft)}to{background-color:transparent}}.node-settle{animation:node-settle .9s ease-out both;border-radius:var(--r-md)}@keyframes approval-ping{0%{box-shadow:0 0 0 0 var(--warning-soft)}70%{box-shadow:0 0 0 10px transparent}to{box-shadow:0 0 0 0 transparent}}.approval-attention{animation:approval-ping 1.8s ease-out 3;border-color:var(--warning)!important}.approval-attention-critical{animation:approval-ping 1.4s ease-out 6;border-color:var(--warning)!important}@keyframes completion-flash{0%{background-color:var(--success-soft)}to{background-color:transparent}}.completion-flash{animation:completion-flash 1.2s ease-out both}@keyframes error-nudge{0%,to{transform:translate(0)}25%{transform:translate(-4px)}60%{transform:translate(3px)}}.error-nudge{animation:error-nudge .28s ease-out 1}@keyframes banner-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.conn-change{animation:banner-in .2s ease-out both}.toasts .toast{animation:banner-in .18s ease-out both}.toasts .toast[data-tone=error]{animation:banner-in .18s ease-out both,error-nudge .28s ease-out .1s 1}@media(min-width:641px){@keyframes drawer-in{0%{opacity:.4;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.drawer{animation:drawer-in .2s ease-out both}}.banner[role=status]{scroll-margin-top:calc(var(--nav-h) + 8px)}@media(pointer:coarse){.btn-sm{min-height:40px;padding-top:4px;padding-bottom:4px}.tab{padding-top:10px;padding-bottom:10px}.icon-btn{width:40px;height:40px}.machine-row,.session-row{min-height:56px}.palette-item{padding-top:12px;padding-bottom:12px}.composer .btn{min-height:48px}}.skip-link{position:absolute;left:12px;top:-48px;z-index:100;background:var(--ink);color:var(--canvas);font-size:13px;font-weight:600;padding:8px 14px;border-radius:var(--r-sm);transition:top .12s ease}.skip-link:focus-visible{top:8px}@media(prefers-reduced-motion:reduce){.motion-agent-start:before,.progress-live>i:after{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-sans);font-weight:400;font-size:14px;line-height:20px;border:1px solid var(--pill-border);border-radius:var(--r-pill);background:transparent;color:var(--ink);cursor:pointer;white-space:nowrap;transition:background .12s ease,border-color .12s ease,transform .06s ease;max-width:100%}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-sm{font-size:14px;line-height:20px;min-height:32px;padding:4px 12px;border-radius:var(--r-pill)}.btn-md{font-size:14px;line-height:20px;min-height:40px;padding:8px 16px;border-radius:var(--r-pill)}.btn-pill{font-size:14px;min-height:44px;padding:8px 22px;border-radius:var(--r-pill)}.btn-primary{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.btn-primary:hover:not(:disabled){background:var(--ink-hover)}.btn-secondary{background:transparent;color:var(--ink);border-color:var(--pill-border)}.btn-secondary:hover:not(:disabled){border-color:var(--ink);background:var(--canvas-soft)}.btn-ghost{background:transparent;color:var(--body);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--canvas-soft);color:var(--ink)}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover:not(:disabled){background:var(--error-deep)}.btn-block{width:100%}.field{display:flex;flex-direction:column;gap:8px;min-width:0}.field-label{font-size:14px;font-weight:400;color:var(--ink)}.field-hint{font-size:12px;color:var(--mute)}.field-error{font-size:12px;color:var(--error)}.input,.select,.textarea{width:100%;min-width:0;background:var(--canvas-soft);color:var(--ink);border:1px solid var(--hairline);border-radius:var(--r-sm);font-family:var(--font-sans);font-size:16px;line-height:24px;font-weight:400;padding:12px 16px;transition:border-color .12s ease}.input::placeholder,.textarea::placeholder{color:var(--faint)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--ink);box-shadow:none}.input[aria-invalid=true]{border-color:var(--error)}.textarea{min-height:88px;resize:vertical}.input-row{display:flex;gap:8px;min-width:0}.input-row .input{flex:1}.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:400;line-height:16px;letter-spacing:.06em;padding:4px 12px;border-radius:var(--r-full);border:1px solid var(--pill-border);background:transparent;color:var(--body);white-space:nowrap;max-width:100%}.badge .dot{flex:none}.dot{width:8px;height:8px;border-radius:50%;background:var(--dot, var(--mute));flex:none;position:relative}.dot.pulse:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px solid var(--dot, var(--mute));opacity:.5;animation:pulse-dot 1.6s ease-in-out infinite}.dot.hollow{background:transparent;border:1.5px solid var(--dot, var(--mute));width:8px;height:8px}.dot.lg{width:10px;height:10px}.card{background:var(--canvas-card);border:1px solid var(--hairline);border-radius:var(--r-md);padding:var(--sp-xl);min-width:0;box-shadow:none}.card-pad-lg{padding:var(--sp-xl)}.card-flat{box-shadow:none}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:var(--sp-sm);min-width:0}.card-title{font-size:20px;font-weight:400;letter-spacing:0;margin:0}.card-sub{font-size:14px;color:var(--body-mid);margin:2px 0 0}table.tbl{width:100%;border-collapse:collapse;font-size:14px;min-width:560px}.tbl th{font-family:var(--font-mono);font-size:12px;font-weight:400;text-transform:uppercase;letter-spacing:1.2px;color:var(--body-mid);text-align:left;padding:12px 16px;border-bottom:1px solid var(--hairline);white-space:nowrap}.tbl td{padding:12px 16px;border-bottom:1px solid var(--hairline);vertical-align:middle}.tbl tr:last-child td{border-bottom:none}.tbl tbody tr:hover{background:var(--canvas-soft)}.tbl .num{font-family:var(--font-mono);font-size:12px}.tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;-webkit-overflow-scrolling:touch}.tab{border:1px solid var(--pill-border);background:transparent;color:var(--body);border-radius:var(--r-pill);padding:4px 12px;font-size:14px;font-weight:400;cursor:pointer;white-space:nowrap;flex:none}.tab[aria-selected=true]{background:var(--ink);color:var(--canvas);border-color:var(--ink)}.tab:hover:not([aria-selected=true]){border-color:var(--ink);color:var(--ink)}.progress{height:6px;border-radius:4px;background:var(--hairline);overflow:hidden;min-width:0}.progress>i{display:block;height:100%;border-radius:4px;background:var(--ink);transition:width .3s ease}.progress.thin{height:4px}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid var(--hairline);border-top-color:var(--ink);animation:spin .7s linear infinite;flex:none}.kbd{font-family:var(--font-mono);font-size:11px;border:1px solid var(--pill-border);border-bottom-width:2px;border-radius:9999px;padding:1px 8px;background:transparent;color:var(--body);white-space:nowrap}.overlay{position:fixed;inset:0;background:var(--overlay);z-index:60;display:flex;align-items:center;justify-content:center;padding:16px;animation:rise-in .14s ease-out}.dialog{width:100%;max-width:480px;max-height:min(88dvh,640px);overflow:auto;background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--r-lg);box-shadow:none;padding:var(--sp-xl)}.dialog h2{font-size:20px;font-weight:400;margin:0 0 4px}.dialog p.desc{font-size:14px;color:var(--body);margin:0 0 16px}.dialog-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:var(--sp-md);flex-wrap:wrap}.drawer-wrap{position:fixed;inset:0;z-index:60;background:var(--overlay);display:flex;justify-content:flex-end;align-items:stretch}.drawer{width:min(420px,100%);background:var(--canvas);border-left:1px solid var(--hairline);box-shadow:none;overflow-y:auto;padding:var(--sp-xl) var(--sp-lg) calc(var(--sp-xl) + env(safe-area-inset-bottom));animation:rise-in .16s ease-out}@media(max-width:640px){.drawer-wrap{align-items:flex-end}.drawer{width:100%;max-height:88dvh;border-left:none;border-top:1px solid var(--hairline);border-radius:16px 16px 0 0}}.toasts{position:fixed;z-index:80;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:8px;width:min(360px,calc(100vw - 32px))}.toast{background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--r-md);box-shadow:none;padding:12px 16px;display:flex;gap:10px;align-items:flex-start;animation:rise-in .16s ease-out}.toast b{display:block;font-size:13px}.toast span{display:block;font-size:12px;color:var(--body)}.toast-tone{width:8px;height:8px;border-radius:50%;margin-top:5px;flex:none}.palette{width:100%;max-width:560px;max-height:min(80dvh,560px);display:flex;flex-direction:column;overflow:hidden;background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--r-lg);box-shadow:none}.palette input{border:none;border-bottom:1px solid var(--hairline);border-radius:0}.palette-list{overflow-y:auto;padding:6px}.palette-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:transparent;border:none;border-radius:var(--r-sm);padding:9px 10px;font-size:13px;color:var(--ink);cursor:pointer;min-width:0}.palette-item small{margin-left:auto;color:var(--faint);font-family:var(--font-mono);font-size:11px;flex:none}.palette-item.active,.palette-item:hover{background:var(--hairline-soft)}@media(max-width:640px){.overlay.palette-overlay{align-items:flex-start;padding:12px}.palette{max-height:78dvh}}.timeline{list-style:none;margin:0;padding:0}.timeline li{position:relative;padding:0 0 18px 26px;font-size:13px;min-width:0}.timeline li:before{content:"";position:absolute;left:4px;top:16px;bottom:-2px;width:1px;background:var(--hairline)}.timeline li:last-child:before{display:none}.timeline .t-dot{position:absolute;left:0;top:4px}.timeline time{font-family:var(--font-mono);font-size:11px;color:var(--faint);display:block}.state-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--hairline-soft);min-width:0}.state-row:last-child{border-bottom:none}.state-row code{font-family:var(--font-mono);font-size:11.5px;color:var(--body)}.state-block{text-align:center;padding:var(--sp-xl) var(--sp-lg);border:1px solid var(--hairline);border-radius:var(--r-md);background:var(--canvas-soft)}.state-block .glyph{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--hairline);background:var(--canvas);font-size:18px;margin-bottom:12px}.state-block h3{font-size:14px;margin-bottom:4px}.state-block p{font-size:13px;color:var(--body);margin:0 auto 14px;max-width:380px}.topnav{position:sticky;top:0;z-index:50;background:var(--canvas);border-bottom:1px solid var(--hairline)}.topnav-inner{height:var(--nav-h);max-width:var(--max-w);margin:0 auto;padding:0 var(--sp-md);display:flex;align-items:center;gap:10px;min-width:0}@media(min-width:1440px){.topnav-inner{max-width:1360px}}.wordmark{display:inline-flex;align-items:center;gap:8px;font-weight:400;font-size:14px;letter-spacing:-.02em;color:var(--ink);white-space:nowrap;background:none;border:1px solid transparent;cursor:pointer;padding:4px 12px;border-radius:var(--r-full)}.wordmark:hover{border-color:var(--pill-border)}.wordmark-mark{width:20px;height:20px;border-radius:50%;background:var(--ink);color:var(--canvas);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:400;flex:none}.topnav-links{display:none;align-items:center;gap:2px;margin-left:8px}@media(min-width:1024px){.topnav-links{display:flex}}.nav-link{color:var(--body);font-size:14px;font-weight:400;padding:4px 12px;border-radius:var(--r-full);white-space:nowrap;background:none;border:1px solid transparent;cursor:pointer}.nav-link:hover{border-color:var(--pill-border);color:var(--ink);text-decoration:none}.nav-link[aria-current=page]{color:var(--ink);font-weight:400;background:transparent;border-color:var(--pill-border)}.topnav-right{margin-left:auto;display:flex;align-items:center;gap:8px;min-width:0}.icon-btn{width:32px;height:32px;border-radius:var(--r-full);border:1px solid var(--pill-border);background:transparent;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:15px;flex:none;position:relative}.icon-btn:hover{border-color:var(--ink)}.icon-btn .ping{position:absolute;top:-2px;right:-2px;width:9px;height:9px;border-radius:50%;background:var(--warning);border:2px solid var(--canvas)}.shell{display:flex;flex:1;min-height:0}.sidenav{display:none;width:var(--sidebar-w);flex:none;border-right:1px solid var(--hairline);padding:var(--sp-md);gap:2px;flex-direction:column;position:sticky;top:var(--nav-h);height:calc(100dvh - var(--nav-h));overflow-y:auto;background:var(--canvas)}@media(min-width:1024px){.sidenav{display:flex}}.sidenav .nav-link{display:flex;align-items:center;gap:10px;width:100%;text-align:left;font-size:14px}.sidenav .nav-link .count{margin-left:auto;font-family:var(--font-mono);font-size:12px;letter-spacing:1.2px;background:transparent;border:1px solid var(--pill-border);border-radius:9999px;padding:1px 8px;color:var(--body)}.main{flex:1;min-width:0;min-height:calc(100dvh - var(--nav-h))}.tabbar{position:sticky;bottom:0;z-index:40;display:flex;background:var(--canvas);border-top:1px solid var(--hairline);padding-bottom:env(safe-area-inset-bottom)}.tabbar button{flex:1;min-width:0;background:none;border:none;color:var(--mute);font-size:10.5px;font-weight:500;padding:8px 4px 10px;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer}.tabbar button .glyph{font-size:17px;line-height:1}.tabbar button[aria-current=page]{color:var(--ink)}@media(min-width:1024px){.tabbar{display:none}}.pop{position:absolute;top:calc(100% + 8px);min-width:260px;max-width:min(340px,calc(100vw - 24px));background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--r-md);box-shadow:none;padding:6px;z-index:70}.pop-right{right:0}.pop-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:transparent;border:none;border-radius:var(--r-sm);padding:9px 10px;font-size:13px;color:var(--ink);cursor:pointer;min-width:0}.pop-item:hover{background:var(--hairline-soft)}.pop-item small{display:block;color:var(--mute);font-size:11.5px}.anchor{position:relative}.machine-strip{display:flex;align-items:center;gap:8px;border:1px solid var(--pill-border);background:transparent;border-radius:var(--r-full);padding:4px 12px 4px 10px;font-size:12.5px;color:var(--body);cursor:pointer;max-width:220px;white-space:nowrap}.machine-strip:hover{border-color:var(--ink);color:var(--ink)}@media(max-width:640px){.machine-strip{max-width:132px}.machine-strip .hide-sm{display:none}}.auth-wrap{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:64px 24px;background:radial-gradient(700px 320px at 50% -40px,rgba(255,122,23,.07),transparent 60%),radial-gradient(700px 320px at 85% 0%,rgba(124,58,237,.08),transparent 60%),var(--canvas)}.auth-card{width:100%;max-width:400px;background:var(--canvas-soft);border:1px solid var(--hairline);border-radius:var(--r-lg);box-shadow:none;padding:24px}.auth-card h1{font-size:32px;font-weight:400;letter-spacing:-.6px;line-height:36px;margin:12px 0 4px}.auth-card .sub{font-size:14px;color:var(--body);margin:0 0 20px}.auth-card form{display:grid;gap:12px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:8px 0 16px;min-width:0;flex-wrap:wrap}.page-head h1{font-size:32px;font-weight:400;letter-spacing:-.6px;line-height:36px}.page-head p{font-size:14px;color:var(--body);margin:4px 0 0;max-width:560px}.page-head .actions{display:flex;gap:8px;flex:none;flex-wrap:wrap}@media(max-width:640px){.page-head h1{font-size:19px}.page-head .actions .btn{flex:1}.page-head .actions{width:100%}}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media(min-width:768px){.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.stat{padding:14px}.stat .v{font-size:24px;font-weight:400;letter-spacing:-.02em}.stat .l{font-family:var(--font-mono);font-size:12px;letter-spacing:1.2px;text-transform:uppercase;color:var(--body-mid);margin-top:2px;display:flex;align-items:center;gap:6px}.split{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}@media(min-width:1024px){.split{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}}.rowline{display:flex;align-items:center;gap:10px;min-width:0;padding:10px 0;border-bottom:1px solid var(--hairline-soft)}.rowline:last-child{border-bottom:none}.task-title{font-weight:400;font-size:14px}.task-meta{font-size:12px;color:var(--mute);display:flex;gap:8px;flex-wrap:wrap;margin-top:2px}.hero-mini{border:1px solid var(--hairline);border-radius:var(--r-lg);padding:64px 24px;background:radial-gradient(700px 320px at 50% -40px,rgba(255,122,23,.07),transparent 60%),radial-gradient(700px 320px at 85% 0%,rgba(124,58,237,.08),transparent 60%),var(--canvas);overflow:hidden}.hero-mini h1{font-size:clamp(32px,5vw,48px);line-height:1;letter-spacing:-1.2px;font-weight:400}.hero-mini p{color:var(--body);font-size:16px;line-height:24px;max-width:560px}.remote-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0}@media(min-width:1024px){.remote-grid{grid-template-columns:minmax(300px,380px) minmax(0,1fr);align-items:start}}.remote-pane{display:grid;gap:12px;min-width:0}.banner{display:flex;align-items:center;gap:10px;border:1px solid var(--hairline);border-radius:var(--r-md);background:var(--canvas-elevated);padding:10px 12px;font-size:13px;min-width:0;flex-wrap:wrap}.banner.warn{border-color:var(--warning)}.banner>span{flex:1;min-width:200px}.machine-list{display:grid;gap:4px}.machine-row,.session-row{all:unset;display:flex;align-items:center;gap:10px;min-width:0;padding:10px 8px;border-radius:var(--r-md);cursor:pointer;border:1px solid transparent;box-sizing:border-box;min-height:48px}.machine-row:hover,.session-row:hover{background:var(--hairline-soft)}.machine-row.active,.session-row.active{border-color:var(--link);background:var(--link-soft)}.session-row.static{cursor:default}.session-row.static:hover{background:none}.transcript{display:grid;gap:10px;max-height:52dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:4px 2px;min-width:0}@media(min-width:1024px){.transcript{max-height:60dvh}}.msg{border:1px solid var(--hairline);border-radius:var(--r-md);padding:10px 12px;min-width:0;background:var(--canvas-elevated)}.msg-user{border-left:3px solid var(--link)}.msg-assistant{border-left:3px solid var(--st-busy)}.msg-system{opacity:.85}.msg-head{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}.msg-body{font-size:13.5px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;min-width:0}.composer{display:grid;gap:8px;position:sticky;bottom:0;background:var(--canvas);padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}@media(max-width:640px){.composer{position:sticky;bottom:calc(56px + env(safe-area-inset-bottom,0px));z-index:5;border-top:1px solid var(--hairline);padding-top:8px}.composer .btn{min-height:44px}}.composer-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.composer-row .select{flex:1;min-width:140px}.ctx{border:1px solid var(--hairline);border-radius:var(--r-md);padding:10px 12px;font-size:13px}.ctx summary{cursor:pointer;font-weight:600;min-height:44px;display:flex;align-items:center}.exec-tree{display:grid;gap:0;padding:4px 2px 8px}.exec-root{font-family:var(--mono, ui-monospace, monospace);font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--ink)}.exec-stem{color:var(--faint);font-family:var(--mono, ui-monospace, monospace);font-size:12px;line-height:1;padding-left:6px}.exec-stem:before{content:"│"}.exec-node{all:unset;display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:1px solid var(--hairline);border-radius:10px;background:var(--canvas);cursor:pointer;box-sizing:border-box}.exec-node:hover{border-color:var(--link)}.exec-node-active{border-color:var(--link);background:var(--link-soft)}.exec-branch{font-family:var(--mono, ui-monospace, monospace);color:var(--faint);font-size:12px;flex:none}.exec-node-label{font-weight:600;font-size:13px;min-width:0}.exec-node-meta{margin-left:auto;font-size:12px;color:var(--mute);white-space:nowrap}.exec-bar{letter-spacing:1px}.exec-done{color:var(--ok);font-weight:700}.exec-failed{color:var(--error)}.exec-approval{color:var(--warn)}.exec-waiting{color:var(--faint)}.exec-ascii{font-size:11px;line-height:1.5;overflow:auto;margin-top:10px;background:var(--hairline-soft);padding:10px;border-radius:8px;color:var(--mute)}@media(max-width:640px){.exec-node{flex-wrap:wrap}.exec-node-meta{margin-left:0;width:100%}}