:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#eef3f7;background:#0b0f14;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #0b0f14;--surface: #111820;--surface-2: #151f29;--surface-3: #1a2631;--line: rgba(219, 232, 242, .11);--muted: #8795a3;--text: #eef3f7;--accent: #69c4ff;--accent-strong: #2c9de2;--green: #5fd49a;--amber: #ffbf72}*{box-sizing:border-box}*{-webkit-tap-highlight-color:transparent}html,body,#root{width:100%;height:100%}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden;background:var(--bg)}button,input,textarea{font:inherit}button{cursor:pointer}.icon{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.app-shell{--zoom-width: calc(100% / var(--ui-zoom, 1));--zoom-height: calc(100% / var(--ui-zoom, 1));width:var(--zoom-width);height:var(--zoom-height);min-height:0;display:grid;grid-template-columns:220px minmax(0,1fr) 280px;transform:scale(var(--ui-zoom, 1));transform-origin:top left;background:var(--bg);overflow:hidden;transition:grid-template-columns .22s cubic-bezier(.2,.75,.25,1)}.app-shell.left-collapsed{grid-template-columns:0 minmax(0,1fr) 280px}.app-shell.right-collapsed{grid-template-columns:220px minmax(0,1fr) 0}.app-shell.left-collapsed.right-collapsed{grid-template-columns:0 minmax(0,1fr) 0}.sidebar{min-width:0;min-height:0;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;border-right:1px solid var(--line);padding:16px 14px 14px;background:#0d131a;transition:opacity .18s ease,transform .22s cubic-bezier(.2,.75,.25,1)}.context-panel{transition:opacity .18s ease,transform .22s cubic-bezier(.2,.75,.25,1)}.left-collapsed .sidebar,.right-collapsed .context-panel{opacity:0;pointer-events:none;overflow:hidden;padding:0;border:0}.left-collapsed .sidebar{transform:translate(-14px)}.right-collapsed .context-panel{transform:translate(14px)}.sidebar-brand{display:flex;align-items:center;gap:10px;font-weight:640;letter-spacing:-.01em;padding:0 8px 17px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(105,196,255,.5);color:var(--accent);border-radius:11px;background:#368fc91f}.brand-mark.small{width:28px;height:28px;border-radius:8px}.new-thread{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:42px;border:1px solid rgba(105,196,255,.42);color:#dcf3ff;background:#3191cc29;border-radius:10px;transition:background .15s,border-color .15s}.new-thread:hover{background:#3191cc42;border-color:#69c4ffcc}.sidebar-label,.topbar-kicker,.section-heading{color:var(--muted);font-size:10px;letter-spacing:.14em;font-weight:720}.sidebar-label{margin:28px 9px 9px}.thread-list{min-width:0;display:grid;gap:5px;overflow-x:hidden}.thread-group-items{display:grid;grid-template-rows:1fr;transition:grid-template-rows .2s ease,opacity .16s ease}.thread-group.collapsed .thread-group-items{grid-template-rows:0fr;opacity:0}.thread-group-items-inner{min-height:0;overflow:hidden;display:grid;gap:2px;padding-top:2px}.thread-row,.device-row{display:flex;align-items:center;gap:9px;width:100%;min-height:38px;border:0;border-radius:8px;color:#bdc8d1;background:transparent;padding:0 10px;text-align:left}.thread-row,.device-row,.group-action,.panel-toggle,.theme-toggle,.zoom-button,.zoom-value,.ghost-button{transition:color .15s ease,background .15s ease,border-color .15s ease,transform .15s ease;touch-action:manipulation}.thread-row:hover,.device-row:hover,.device-row.selected{background:var(--surface-2);color:var(--text)}.thread-row:active,.device-row:active,.group-action:active,.panel-toggle:active,.theme-toggle:active,.zoom-button:active,.zoom-value:active,.ghost-button:active{transform:scale(.96)}.thread-row.active{color:var(--accent)}.sidebar-empty{color:#5e6d7a;font-size:12px;padding:9px}.sidebar-bottom{margin-top:auto}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#63717e;flex:0 0 auto}.status-dot.online{background:var(--green);box-shadow:0 0 0 3px #5fd49a1a}.workspace{min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.topbar{min-height:62px;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px 14px;padding:10px 28px;border-bottom:1px solid var(--line)}.topbar-kicker{margin:0 0 3px;color:#6f8391;font-size:9px}.topbar h1{margin:0;font-size:14px;letter-spacing:-.025em;font-weight:630}.topbar-actions{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.panel-toggle,.zoom-button,.zoom-value{display:grid;place-items:center;border:1px solid var(--line);color:#9eabb6;background:transparent;border-radius:7px}.panel-toggle{width:28px;height:28px;padding:0}.panel-toggle:hover,.zoom-button:hover,.zoom-value:hover{color:var(--text);background:var(--surface-2)}.theme-toggle{display:inline-flex;align-items:center;gap:5px;min-height:28px;padding:0 8px;border:1px solid var(--line);border-radius:7px;color:#9eabb6;background:transparent;font-size:10px}.theme-toggle:hover{color:var(--text);background:var(--surface-2)}.zoom-control{display:inline-flex;align-items:center;gap:2px;margin:0 3px}.zoom-button{width:25px;height:25px;padding:0;font-size:15px;line-height:1}.zoom-button:disabled{opacity:.35;cursor:not-allowed}.zoom-value{min-width:43px;height:25px;padding:0 5px;font-size:10px}.connection-status{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.connection-status.online{color:#c8f4df}.ghost-button,.ghost-small{border:1px solid var(--line);background:transparent;color:#aebbc5;border-radius:8px;padding:8px 11px;font-size:12px}.ghost-button:hover,.ghost-small:hover{background:var(--surface-2);color:var(--text)}.chat-panel{min-height:0;flex:1;display:flex;flex-direction:column;max-width:910px;width:100%;margin:0 auto;padding:18px 30px 14px;overflow:hidden}.message-list{min-height:0;flex:1 1 auto;overflow-y:auto;overflow-x:hidden;padding:4px 0 24px}.message{display:flex;gap:13px;max-width:780px;margin:0 auto 18px}.message-avatar{width:28px;height:28px;flex:0 0 auto;display:grid;place-items:center;border-radius:8px;color:#b9c9d5;background:var(--surface-2);font-size:11px}.message.user .message-avatar{color:#082133;background:var(--accent)}.message.system .message-avatar{color:var(--amber);background:#ffbf721f}.message-body{min-width:0}.message-meta{display:flex;align-items:center;gap:10px;color:#9aa9b5;font-size:11px;margin:2px 0 7px}.message-text{color:#e4ebf0;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.markdown-content{white-space:normal;overflow-wrap:anywhere}.markdown-fallback{white-space:pre-wrap;overflow-wrap:anywhere}.markdown-content>:first-child{margin-top:0}.markdown-content>:last-child{margin-bottom:0}.markdown-content p,.markdown-content ul,.markdown-content ol,.markdown-content blockquote{margin:0 0 10px}.markdown-content h1,.markdown-content h2,.markdown-content h3{margin:16px 0 8px;line-height:1.35;color:inherit}.markdown-content h1{font-size:1.3em}.markdown-content h2{font-size:1.16em}.markdown-content h3{font-size:1.05em}.markdown-content ul,.markdown-content ol{padding-left:22px}.markdown-content li+li{margin-top:3px}.markdown-content code{padding:1px 5px;border-radius:4px;background:#7b97ac29;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.92em}.markdown-content pre{margin:10px 0;padding:11px;overflow:auto;border:1px solid var(--line);border-radius:8px;background:#050c128c}.markdown-content pre code{padding:0;background:transparent;white-space:pre}.markdown-content blockquote{padding-left:11px;border-left:3px solid #3b9dd8;color:var(--muted)}.markdown-content a{color:#52b7ef;text-decoration:underline;text-underline-offset:2px}.markdown-image{display:block;max-width:min(100%,860px);max-height:620px;margin:10px 0;border:1px solid var(--line);border-radius:8px;background:#101820;object-fit:contain}.markdown-content hr{border:0;border-top:1px solid var(--line);margin:14px 0}.markdown-table-wrap{max-width:100%;overflow-x:auto;margin:10px 0}.markdown-content table{border-collapse:collapse;width:max-content;min-width:100%;font-size:.94em}.markdown-content th,.markdown-content td{padding:6px 8px;border:1px solid var(--line);text-align:left;vertical-align:top}.markdown-content th{background:#7b97ac1f}.message-images{display:grid;gap:10px;margin-top:10px}.message-image-button{display:block;width:fit-content;max-width:100%;padding:0;border:0;border-radius:10px;background:transparent;cursor:zoom-in}.message-image{display:block;width:min(150px,100%);max-height:150px;border:1px solid var(--line);border-radius:10px;object-fit:contain;background:var(--surface-2)}.message-image-button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.image-preview-overlay{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;box-sizing:border-box;background:#02080ddb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:preview-fade-in .16s ease-out both}.image-preview-dialog{display:grid;grid-template-rows:48px minmax(0,1fr);width:min(96vw,1500px);height:min(92vh,1000px);overflow:hidden;border:1px solid rgba(225,239,247,.2);border-radius:12px;background:#101a22;box-shadow:0 24px 80px #00000094;animation:preview-pop-in .2s cubic-bezier(.2,.8,.25,1) both}.image-preview-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 10px 0 15px;color:#dce7ee;border-bottom:1px solid rgba(225,239,247,.15);font-size:13px}.image-preview-toolbar>div{display:flex;align-items:center;gap:6px}.image-preview-toolbar button{min-width:34px;height:30px;border:1px solid rgba(225,239,247,.22);border-radius:7px;background:#172633;color:#e5eef4;cursor:pointer}.image-preview-toolbar button:hover{background:#21394b}.image-preview-stage{display:grid;min-width:0;min-height:0;place-items:center;overflow:hidden;padding:12px;touch-action:none;cursor:grab}.image-preview-stage:active{cursor:grabbing}.image-preview-stage img{display:block;max-width:100%;max-height:100%;object-fit:contain;border-radius:5px;transition:transform .12s ease-out;transform-origin:center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.image-preview-close{width:34px;font-size:21px;line-height:1}@media(pointer:coarse){.icon-button,.panel-toggle,.theme-toggle,.zoom-button,.zoom-value,.group-action,.device-disconnect,.image-preview-close{min-width:42px;min-height:42px}.thread-row,.device-row{min-height:48px}.message-image-button{touch-action:manipulation}.image-preview-toolbar button{min-width:42px;height:38px}}.message.system .message-text{color:#a9b7c0;font-size:13px}.message.system.error .message-text{color:#ff9e9e}.message.process-message{gap:13px;margin-bottom:10px}.message.process-message .message-avatar{width:24px;height:24px;border-radius:7px;font-size:11px}.process-card{width:min(100%,720px);border:1px solid rgba(219,232,242,.11);border-radius:9px;background:#151f29a8;overflow:hidden}.process-card summary{display:flex;align-items:center;gap:8px;min-height:34px;padding:7px 10px;color:#b9c7d0;cursor:pointer;list-style:none;font-size:12px}.process-card summary::-webkit-details-marker{display:none}.process-card summary:hover{background:#dbe8f20d}.process-chevron{width:10px;color:#748694;font-size:16px;line-height:1;transition:transform .15s ease}.process-card[open] .process-chevron{transform:rotate(90deg)}.process-dot{width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:#7f8f9b}.process-card.command .process-dot,.process-card.mcp .process-dot,.process-card.file .process-dot{background:var(--accent)}.process-card.reasoning .process-dot,.process-card.plan .process-dot{background:#a98df5}.process-card.status-completed .process-dot{background:var(--green)}.process-card.status-failed .process-dot{background:#ff8d89}.process-card.status-inprogress .process-dot{background:var(--accent);box-shadow:0 0 0 3px #69c4ff1f}.process-summary{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.process-status{margin-left:auto;flex:0 0 auto;color:#70818f;font-size:10px}.process-card.status-failed .process-status{color:#ff9e9e}.process-detail{max-height:330px;overflow:auto;margin:0;padding:10px 12px 12px 36px;border-top:1px solid rgba(219,232,242,.08);color:#93a5b1;background:#050a0f3d;font:11px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.streaming-mark{color:var(--accent);font-size:10px}.empty-state{flex:1;display:grid;place-content:center;justify-items:center;text-align:center;min-height:300px}.empty-icon{width:56px;height:56px;display:grid;place-items:center;border:1px solid rgba(105,196,255,.28);border-radius:16px;color:var(--accent);background:#368fc91a}.empty-state h2{font-size:19px;font-weight:600;margin:20px 0 8px;letter-spacing:-.025em}.empty-state p{max-width:360px;color:var(--muted);font-size:13px;line-height:1.6;margin:0}.composer{position:relative;margin:auto 0 0;padding:12px 13px 14px;border:1px solid rgba(219,232,242,.16);border-radius:14px;background:var(--surface);box-shadow:0 16px 38px #0000002e}.composer textarea{display:block;width:calc(100% - 54px);min-height:54px;resize:vertical;border:0;outline:0;background:transparent;color:var(--text);line-height:1.55;font-size:14px;padding:3px 2px}.composer textarea::placeholder{color:#657582}.send-button{position:absolute;right:12px;top:12px;width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:10px;color:#072235;background:var(--accent)}.send-button:disabled{color:#71808d;background:#27333d;cursor:not-allowed}.composer-hint{position:absolute;left:14px;bottom:8px;color:#63727f;font-size:10px}.context-panel{min-height:0;overflow-y:auto;border-left:1px solid var(--line);background:#0d131a;padding:22px 17px}.sidebar,.context-panel,.message-list{scrollbar-width:thin;scrollbar-color:rgba(137,161,176,.24) transparent}.sidebar::-webkit-scrollbar,.context-panel::-webkit-scrollbar,.message-list::-webkit-scrollbar{width:6px;height:6px}.sidebar::-webkit-scrollbar-track,.context-panel::-webkit-scrollbar-track,.message-list::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb,.context-panel::-webkit-scrollbar-thumb,.message-list::-webkit-scrollbar-thumb{border-radius:999px;background:#89a1b03d}.sidebar:not(:hover),.context-panel:not(:hover),.message-list:not(:hover){scrollbar-color:transparent transparent}.sidebar:not(:hover)::-webkit-scrollbar-thumb,.context-panel:not(:hover)::-webkit-scrollbar-thumb,.message-list:not(:hover)::-webkit-scrollbar-thumb{background:transparent}.context-section{padding:0 0 22px;margin:0 0 22px;border-bottom:1px solid var(--line)}.context-section:last-child{border-bottom:0}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.count-label{display:grid;place-items:center;min-width:19px;height:19px;border-radius:6px;background:#ffbf7224;color:var(--amber);font-size:10px}.device-card,.approval-card{border:1px solid var(--line);border-radius:11px;padding:13px;background:var(--surface)}.device-title{display:flex;gap:9px;align-items:center;color:#e6eef3;font-size:13px;font-weight:600}.device-meta{color:var(--muted);font-size:11px;margin-top:8px;line-height:1.4;overflow-wrap:anywhere}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#6e8190}.context-empty{color:#5f6e7a;font-size:12px;line-height:1.5}.approval-card{border-color:#ffbf7242;background:#ffbf720f}.approval-title{color:#ffce96;font-size:12px;font-weight:620}.approval-copy{color:#a99d8a;font-size:11px;margin-top:6px;overflow-wrap:anywhere}.approval-actions{display:flex;gap:7px;margin-top:12px}.primary-small{border:0;border-radius:7px;padding:7px 10px;color:#1c160b;background:var(--amber);font-size:11px;font-weight:650}.activity-row{display:flex;align-items:flex-start;gap:8px;color:#8e9ca7;font-size:11px;line-height:1.4;margin:9px 0}.activity-icon{width:6px;height:6px;border-radius:50%;background:#6f8290;margin-top:4px;flex:0 0 auto}.activity-icon.done{background:var(--green)}.activity-icon.run{background:var(--accent)}.activity-icon.bridge{background:var(--amber)}.login-shell,.loading-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 12%,rgba(47,105,140,.16),transparent 38%),var(--bg)}.loading-shell{color:var(--muted);font-size:13px}.login-card{width:min(100%,380px);border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:30px;box-shadow:0 25px 80px #00000047}.login-card .brand-mark{margin-bottom:22px}.eyebrow{margin:0 0 8px;color:var(--accent);letter-spacing:.16em;font-size:10px;font-weight:730}.login-card h1{margin:0;font-size:30px;letter-spacing:-.055em}.login-copy{color:var(--muted);font-size:13px;line-height:1.6;margin:10px 0 24px}.login-card label{color:#b0bdc7;display:block;font-size:12px;margin-bottom:8px}.login-card input{display:block;width:100%;border:1px solid var(--line);border-radius:9px;padding:11px 12px;outline:0;background:#0e151c;color:var(--text)}.login-card input:focus{border-color:#69c4ffb3;box-shadow:0 0 0 3px #69c4ff1a}.form-error{color:#ff9e9e;font-size:12px;margin:9px 0}.primary-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:18px;border:0;border-radius:9px;padding:11px 13px;color:#062135;background:var(--accent);font-size:13px;font-weight:650}.primary-button:hover{background:#8bd4ff}.login-foot{display:flex;align-items:center;gap:7px;color:#60717e;font-size:11px;margin-top:22px}.main-nav{display:grid;gap:4px}.nav-row{display:flex;align-items:center;gap:11px;min-height:38px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:#b9c4cd;text-align:left;font-size:13px}.nav-row:hover,.nav-row.active{background:#dbe8f20f;color:var(--text)}.nav-row.active{color:var(--accent)}.nav-row.has-alert{color:#ffce96}.nav-row span{display:grid;place-items:center;min-width:17px;height:17px;border-radius:5px;background:#ffbf7229;color:var(--amber);font-size:10px;margin-left:auto}.sidebar-divider{height:1px;background:var(--line);margin:18px -14px 16px}.thread-heading{display:flex;align-items:center;justify-content:space-between;color:#bdc8d1;font-size:12px;font-weight:620;padding:0 9px 9px}.thread-heading-note{margin-left:5px;color:#647582;font-size:9px;font-weight:450}.thread-group{min-width:0;display:grid;gap:4px}.thread-group+.thread-group{margin-top:12px}.thread-group-heading{min-width:0;width:100%;display:flex;align-items:center;justify-content:space-between;gap:4px;padding:4px 4px 2px 9px;color:#8493a0;font-size:10px;letter-spacing:.03em}.group-toggle{min-width:0;display:flex;align-items:center;gap:5px;flex:1;padding:2px 0;border:0;color:inherit;background:transparent;text-align:left}.group-toggle:hover{color:var(--text)}.group-chevron{width:10px;color:#607481;font-size:14px;line-height:1;text-align:center}.group-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-toggle small{flex:0 0 auto;margin-left:auto;color:#566773;font-size:9px}.group-actions{display:inline-flex;align-items:center;gap:1px}.group-action{width:19px;height:19px;padding:0;border:0;border-radius:5px;color:#607481;background:transparent;font-size:11px;line-height:1}.group-action:hover{color:var(--text);background:var(--surface-2)}.group-action:disabled{opacity:.2;cursor:default}.group-action.pin-action.active{color:var(--amber)}.icon-button{display:grid;place-items:center;width:25px;height:25px;padding:0;border:0;color:#9eabb6;border-radius:6px;background:transparent}.icon-button:hover{color:var(--text);background:var(--surface-2)}.thread-row{min-height:51px;padding:7px 8px;align-items:flex-start}.thread-row.active{background:#dbe8f20f;box-shadow:inset 2px 0 0 var(--accent)}.thread-status{width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:var(--accent-strong);margin-top:7px}.thread-copy{min-width:0;display:grid;gap:3px;flex:1}.thread-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit;font-size:12px;font-weight:580}.thread-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#697985;font-size:10px}.thread-row time{color:#73828d;font-size:10px;padding-top:1px}.topbar-title{min-width:0}.topbar-title h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:min(48vw,610px)}.stop-button{display:inline-flex;align-items:center;gap:6px;color:#ffb2a8;border-color:#ffb2a840}.stop-button:hover{background:#ff78691a;color:#ffd1cb}.composer-tools{display:flex;align-items:center;gap:13px;min-height:24px;padding-top:6px;color:#71818e;font-size:10px}.composer-tool{display:inline-flex;align-items:center;gap:6px;max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer-select{display:inline-flex;align-items:center;gap:5px}.composer-select select{max-width:145px;border:0;outline:0;color:#aebbc5;background:transparent;font-size:10px}.composer-select select:disabled{color:#53616d}.sync-badge{display:inline-flex;align-items:center;gap:5px;margin-top:12px;padding:5px 7px;border:1px solid rgba(105,196,255,.15);border-radius:6px;color:#8fbfda;background:#368fc914;font-size:10px}.device-disconnect{width:100%;margin-top:12px;min-height:30px;border:1px solid var(--line-strong);border-radius:8px;background:transparent;color:var(--muted);cursor:pointer}.device-disconnect:hover{border-color:#e56d78;color:#e56d78}.approval-meta{color:#796f62;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;margin-top:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-row{align-items:center}.activity-row>span:nth-child(2){min-width:0;overflow-wrap:anywhere}.activity-row time{margin-left:auto;color:#566773;font-size:9px;white-space:nowrap}.activity-icon.approval{background:var(--amber)}.activity-icon.error{background:#ff8d89}.activity-icon.activity{background:#8595a4}.task-pulse{width:7px;height:7px;border-radius:50%;background:#6f8290}.task-pulse.running,.task-pulse.thinking,.task-pulse.command,.task-pulse.mcp,.task-pulse.plan{background:var(--accent);box-shadow:0 0 0 3px #69c4ff1a}.task-pulse.completed{background:var(--green)}.task-pulse.failed{background:#ff8d89}.task-card,.usage-card{border:1px solid var(--line);border-radius:11px;padding:12px;background:var(--surface)}.task-state,.usage-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.task-state strong{color:#d8e4eb;font-size:12px;font-weight:620}.task-state time{color:#728490;font-size:10px}.task-detail{min-height:16px;margin-top:8px;color:#8497a4;font-size:10px;line-height:1.4;overflow-wrap:anywhere}.task-track,.usage-meter{height:4px;margin-top:11px;border-radius:99px;background:#89a1b024;overflow:hidden}.task-track span,.usage-meter span{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width .25s ease}.task-track span.running{animation:task-progress 1.6s ease-in-out infinite alternate}.task-meta{margin-top:8px;color:#627582;font-size:9px}.usage-percent{color:#83b8d6;font-size:10px;letter-spacing:0}.usage-head{color:#8799a5;font-size:10px}.usage-head strong{color:#c0d1db;font-size:11px;font-weight:600}.usage-meter{margin-top:10px}.usage-meter span{background:linear-gradient(90deg,var(--accent),#8ed8ff)}.usage-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px 10px;margin-top:11px;color:#718591;font-size:10px}.usage-grid b{color:#b7c8d2;font-weight:600}.context-chip{display:inline-flex;align-items:center;gap:5px;min-width:0;padding:3px 6px;border:1px solid rgba(105,196,255,.15);border-radius:5px;color:#8193a0;background:#368fc90f;white-space:nowrap}.context-chip strong{color:#b0c7d3;font-weight:600}.context-chip.warn{border-color:#ffbf724d;background:#ffbf7214}.context-chip.warn strong{color:var(--amber)}.context-ring{--context-angle: 0deg;display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:conic-gradient(var(--accent) var(--context-angle),rgba(137,161,176,.16) 0);position:relative}.context-ring:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:inherit;background:var(--surface)}.context-ring span{position:relative;color:#c3d5df;font-size:12px;font-weight:650}.context-ring.warn{background:conic-gradient(var(--amber) var(--context-angle),rgba(137,161,176,.16) 0)}.context-ring.warn span{color:var(--amber)}.context-ring.compact{width:24px;height:24px}.context-ring.compact:before{top:3px;right:3px;bottom:3px;left:3px}.context-ring.compact span{font-size:7px}.compact-usage{display:grid;place-items:center;padding:14px}@keyframes task-progress{0%{opacity:.52}to{opacity:1}}@keyframes preview-fade-in{0%{opacity:0}to{opacity:1}}@keyframes preview-pop-in{0%{opacity:0;transform:translateY(10px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.message.system.plan .message-text{color:#9ccff0}.message.system.activity .message-text{color:#aebbc5}.streaming-mark{display:inline-flex;align-items:center;gap:5px}.streaming-mark i{width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px #69c4ff1f}select,option{color-scheme:dark}.app-shell.theme-light{--bg: #f4f7fa;--surface: #ffffff;--surface-2: #eaf0f4;--surface-3: #e1e9ee;--line: rgba(40, 65, 82, .15);--muted: #667884;--text: #1e2c36;--accent: #1687c5;--accent-strong: #0c6ea7;--green: #168457;--amber: #b56c1b;color:var(--text)}.app-shell.theme-light .sidebar,.app-shell.theme-light .context-panel{background:#edf2f6}.app-shell.theme-light .new-thread{color:#0b4d70;background:#1687c51a;border-color:#1687c54d}.app-shell.theme-light .thread-heading,.app-shell.theme-light .thread-row,.app-shell.theme-light .device-row{color:#405460}.app-shell.theme-light .thread-row:hover,.app-shell.theme-light .device-row:hover,.app-shell.theme-light .device-row.selected{background:var(--surface-2);color:var(--text)}.app-shell.theme-light .thread-row.active{background:#1687c514}.app-shell.theme-light .thread-group-heading{color:#687b87}.app-shell.theme-light .thread-row time,.app-shell.theme-light .thread-copy small{color:#70818c}.app-shell.theme-light .panel-toggle,.app-shell.theme-light .zoom-button,.app-shell.theme-light .zoom-value,.app-shell.theme-light .theme-toggle,.app-shell.theme-light .icon-button{color:#536773}.app-shell.theme-light .ghost-button,.app-shell.theme-light .ghost-small{color:#4a5d69}.app-shell.theme-light .connection-status.online{color:#1c7951}.app-shell.theme-light .topbar-kicker{color:#3e5966}.app-shell.theme-light .message-avatar{color:#36505e}.app-shell.theme-light .message.user .message-avatar{color:#f4fbff}.app-shell.theme-light .message.system .message-avatar{color:#895416}.app-shell.theme-light .message-meta{color:#2f4653}.app-shell.theme-light .message-text{color:#172b36}.app-shell.theme-light .message.system .message-text,.app-shell.theme-light .message.system.activity .message-text{color:#334d5a}.app-shell.theme-light .message.system.plan .message-text{color:#0c6695}.app-shell.theme-light .message.system.error .message-text{color:#a51b14}.app-shell.theme-light .composer{border-color:#28415233;box-shadow:0 16px 38px #2a42521a}.app-shell.theme-light .composer textarea::placeholder{color:#687d88}.app-shell.theme-light .composer-tools{color:#334f5c}.app-shell.theme-light .composer-select select{color:#304c59}.app-shell.theme-light .device-title{color:#1b313d}.app-shell.theme-light .device-meta,.app-shell.theme-light .mono{color:#415a67}.app-shell.theme-light .section-heading{color:#3a515d}.app-shell.theme-light .context-empty,.app-shell.theme-light .activity-row{color:#3b5561}.app-shell.theme-light .activity-row time{color:#304b58}.app-shell.theme-light .approval-title{color:#9a5e17}.app-shell.theme-light .approval-copy,.app-shell.theme-light .approval-meta{color:#654d37}.app-shell.theme-light .approval-card{border-color:#b56c1b47;background:#b56c1b12}.app-shell.theme-light .sync-badge{color:#1c5677;background:#1687c51a}.app-shell.theme-light .process-card{border-color:#28415229;background:#ffffffc7}.app-shell.theme-light .process-card summary{color:#2e4652}.app-shell.theme-light .process-card summary:hover{background:#1687c50f}.app-shell.theme-light .process-chevron,.app-shell.theme-light .process-status{color:#607783}.app-shell.theme-light .process-detail{color:#3b5663;border-color:#2841521f;background:#e7eff48c}.app-shell.theme-light .task-state strong{color:#28434f}.app-shell.theme-light .task-state time,.app-shell.theme-light .task-detail,.app-shell.theme-light .task-meta{color:#58717d}.app-shell.theme-light .usage-head{color:#4e6874}.app-shell.theme-light .usage-head strong,.app-shell.theme-light .usage-grid b{color:#284652}.app-shell.theme-light .usage-grid{color:#5a727e}.app-shell.theme-light .usage-percent{color:#0f6898}.app-shell.theme-light .context-chip{color:#4e6874;background:#1687c50f;border-color:#1687c52e}.app-shell.theme-light .context-chip strong{color:#245367}.app-shell.theme-light select,.app-shell.theme-light option{color-scheme:light}