/* Chat layout is selected before the first paint and stays stable while loading. */
html[data-app-view="chat"] body{height:100dvh;overflow:hidden;display:flex;flex-direction:column;background:var(--bg)}
html[data-app-view="chat"] body>header,html[data-app-view="chat"] body>footer{display:none}
html[data-app-view="chat"] body>main{max-width:none;width:100%;padding:0;margin:0;min-height:0;flex:1;display:flex}
html[data-app-view="chat"] body>#notice{position:fixed;top:76px;left:50%;transform:translateX(-50%);z-index:40;width:min(620px,90vw);margin:0;box-shadow:0 8px 40px #0008}
#chat{--chat-green:var(--green);--chat-line:var(--border);--chat-muted:var(--muted);--chat-font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;display:grid;grid-template-columns:264px minmax(0,1fr);width:100%;min-height:0;flex:1;font:14px/1.6 var(--chat-font);color:var(--text)}
#chat button,#chat textarea,#chat select{font-family:inherit}
#chat button:focus-visible,#chat a:focus-visible,#chat summary:focus-visible,#chat select:focus-visible{outline:2px solid var(--chat-green);outline-offset:3px}
.chat-sidebar{display:flex;flex-direction:column;min-height:0;padding:26px 16px 12px;background:var(--surface);border-right:1px solid var(--chat-line)}
.chat-sidebar-brand{display:flex;align-items:center;justify-content:space-between;margin:0 10px 32px}
.chat-sidebar-brand>a{display:flex;align-items:center;gap:12px;font:600 11px/1.6 var(--mono);letter-spacing:.08em}
.chat-sidebar-brand>a>span:first-child{color:var(--chat-green);font-size:30px;letter-spacing:-.13em;margin-right:6px;text-shadow:0 0 24px #00ff4120}
.chat-sidebar-brand small{display:block;font-size:8px;font-weight:400;color:var(--chat-muted);letter-spacing:.09em}
.chat-field-label,.chat-sidebar-heading,.chat-section-label{font:500 9px/1.5 var(--mono);letter-spacing:.12em;color:var(--chat-muted)}
.chat-field-label{margin:0 10px 6px}
#chat-instance{width:100%;min-height:42px;background:var(--card);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:13px;padding:10px 28px 10px 12px;margin:0}
.chat-workspace-button{display:flex;align-items:center;gap:10px;width:100%;margin:14px 0 26px;padding:12px;background:var(--bg-code);border:1px solid var(--border);border-radius:8px;color:var(--green);font-size:13px;text-align:left}
.chat-workspace-button>span:first-child{font-size:19px;line-height:1}.chat-workspace-button>span:last-child{margin-left:auto;color:var(--green-dim)}
.chat-workspace-button:hover{background:var(--green-glow)}
.chat-sidebar-heading{display:flex;justify-content:space-between;padding:0 10px 12px}
.chat-context-list{flex:1;min-height:70px;overflow:auto;padding-bottom:16px}
.chat-context-group{padding:10px 10px 5px;margin:0;color:var(--muted);font:500 9px/1.5 var(--mono);letter-spacing:.1em;text-transform:uppercase}
.chat-context-button{display:flex;align-items:center;gap:10px;width:100%;border:1px solid transparent;border-radius:7px;padding:10px;background:transparent;text-align:left;color:var(--text);min-height:42px;font-size:12px;line-height:1.5}
.chat-context-button:hover{background:var(--green-glow);color:var(--text)}.chat-context-button[aria-current="true"]{background:var(--green-glow);border-color:var(--border);color:var(--green)}
.chat-context-icon{width:16px;flex-shrink:0;color:var(--green-dim);font:14px var(--mono)}.chat-context-button[aria-current="true"] .chat-context-icon{color:var(--chat-green)}
.chat-context-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.chat-context-dot{width:5px;height:5px;border-radius:50%;background:var(--muted);flex-shrink:0}.chat-context-dot[data-state="paused"],.chat-context-dot[data-state="review"]{background:#e9ba67}.chat-context-dot[data-state="watching"],.chat-context-dot[data-state="ready"]{background:var(--green)}
.chat-sidebar-empty{padding:10px;color:var(--chat-muted);font-size:12px}
.chat-sidebar-bottom{border-top:1px solid var(--border);padding-top:12px}
.chat-sidebar-bottom nav{display:grid;gap:2px;align-items:stretch;font-size:12px}.chat-sidebar-bottom nav a{display:flex;align-items:center;gap:12px;padding:8px 10px;color:var(--muted);border-radius:6px}.chat-sidebar-bottom nav a:hover{color:var(--chat-green);background:var(--green-glow)}.chat-sidebar-bottom nav a span{width:16px;font-size:16px;text-align:center}
.chat-account{display:flex;align-items:center;gap:10px;padding:14px 7px 4px;margin-top:8px;border-top:1px solid var(--border)}.chat-account-avatar{display:grid;place-items:center;background:var(--bg-code);border:1px solid var(--border);border-radius:50%;width:31px;height:31px;color:var(--chat-green);flex-shrink:0;font-size:12px}.chat-account>span:nth-child(2){min-width:0;flex:1}.chat-account strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500}.chat-account small{font-size:10px;color:var(--muted)}.chat-account>span:last-child{color:var(--muted)}
.chat-workspace{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;background:var(--bg)}
.chat-topbar{display:flex;align-items:center;gap:14px;padding:20px 32px;border-bottom:1px solid var(--border);background:rgba(0,0,0,.97);min-height:85px}
.chat-heading{flex:1;min-width:0}.chat-heading h1{font-family:var(--chat-font);font-size:17px;line-height:1.4;font-weight:600;letter-spacing:-.025em;margin:0 0 3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--heading)}.chat-heading p{margin:0;font:10px/1.6 var(--mono);color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-topbar-actions{display:flex;align-items:center;gap:8px}
.chat-icon-button{display:grid;place-items:center;border:1px solid transparent;background:transparent;color:var(--text);border-radius:7px;width:34px;height:34px;padding:7px;font-size:24px;line-height:1;flex-shrink:0}.chat-icon-button:hover{background:var(--green-glow);border-color:var(--border);color:var(--chat-green)}.chat-topbar-actions .chat-icon-button{width:40px;height:40px;box-sizing:border-box;background:var(--card);border-color:var(--border);color:var(--chat-green)}
.chat-topbar-actions .chat-icon-button:hover{background:var(--green-glow);border-color:var(--green-dim);color:var(--green)}
#chat-refresh:disabled{opacity:.45;cursor:not-allowed}
.chat-icon-button svg,.chat-send-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.chat-details-button{display:flex;align-items:center;gap:8px;height:40px;min-width:40px;box-sizing:border-box;justify-content:center;background:var(--card);border:1px solid var(--border);border-radius:7px;padding:7px 11px;color:var(--text);font-size:11px;white-space:nowrap}.chat-details-button:hover{border-color:var(--green-dim);color:var(--green)}.chat-details-button>span:first-child{color:var(--chat-green);font-size:17px}
#chat-sidebar-open,#chat-sidebar-close{display:none}
#chat .chat-messages{overflow-y:auto;overscroll-behavior:contain;min-height:0;padding:24px max(32px,calc((100% - 760px)/2));margin:0;border:0;max-height:none;scroll-padding-bottom:28px}
.chat-message{position:relative;display:flex;gap:14px;margin:12px 0 30px;width:100%;max-width:100%;border:0;padding:0;overflow-wrap:anywhere}
.chat-message-avatar{width:30px;height:30px;border:1px solid var(--border);background:var(--bg-code);display:grid;place-items:center;flex-shrink:0;color:var(--green);border-radius:8px;font:600 12px/1 var(--mono);margin-top:2px}
.chat-message-body{min-width:0;flex:1}.chat-message-header{display:flex;gap:10px;align-items:center;margin:3px 0 9px}.chat-message-header strong{font-size:12px;font-weight:600;letter-spacing:.01em;color:var(--text)}.chat-message-header time{color:var(--muted);font:9px var(--mono);margin-left:auto;white-space:nowrap}
.chat-message p{white-space:pre-wrap;font-size:15px;line-height:1.85;letter-spacing:.005em;margin:0;color:var(--text)}.chat-message pre{font:12px/1.8 var(--mono);background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:auto;white-space:pre;padding:18px;margin:16px 0;color:var(--green-dim);max-width:100%}
.chat-owner{justify-content:flex-end;padding-left:52px}.chat-owner .chat-message-avatar{display:none}.chat-owner .chat-message-body{flex:0 1 auto;max-width:90%;padding:14px 18px;background:var(--bg-code);border:1px solid var(--border);border-radius:16px 16px 4px 16px}.chat-owner .chat-message-header{margin:0 0 7px;gap:18px}.chat-owner p{font-size:14px;line-height:1.75;color:var(--text)}.chat-owner .chat-message-header strong{color:var(--muted);font-size:10px}.chat-owner time{color:var(--muted)}
.chat-message-copy{display:inline-flex;align-items:center;gap:5px;background:none;border:0;padding:4px 0;margin:8px 0 0;color:var(--muted);font:10px var(--chat-font)}.chat-message-copy:hover{color:var(--chat-green)}.chat-message-state{color:#e9ba67;font-size:11px;margin-top:8px}
.chat-pending{color:var(--muted);font-size:13px;padding:12px 0}.chat-pending span{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--chat-green);margin-right:8px;animation:chat-pulse 1.6s ease-in-out infinite}
.chat-welcome{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100%;padding:30px 12px;text-align:center;background-image:linear-gradient(#00ff4104 1px,transparent 1px),linear-gradient(90deg,#00ff4104 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(transparent,#000 12%,#000 88%,transparent)}
.chat-welcome-mark{font:600 36px/1.5 var(--mono);color:var(--chat-green);letter-spacing:-.12em;padding-right:5px;border:1px solid var(--border);border-radius:18px;width:78px;height:78px;display:grid;place-items:center;background:var(--bg-code);box-shadow:0 0 70px #00ff4108;margin-bottom:26px}
.chat-welcome h2{font:500 clamp(25px,3vw,36px)/1.3 var(--chat-font);letter-spacing:-.045em;color:var(--heading);margin:0 0 12px}.chat-welcome p{color:var(--muted);font-size:14px;line-height:1.8;max-width:410px;margin:0}.chat-welcome .chat-welcome-tag{font:9px var(--mono);color:var(--green-dim);letter-spacing:.1em;margin-bottom:14px}
.chat-compose-area{padding:8px max(32px,calc((100% - 760px)/2)) 17px;background:linear-gradient(transparent,var(--bg) 20%);min-width:0}
.chat-starters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.chat-starters button{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text);border:1px solid var(--border);border-radius:8px;background:var(--card);padding:10px 13px;text-align:left}.chat-starters button>span{color:var(--green-dim);font-size:16px}.chat-starters button:hover{background:var(--green-glow);border-color:var(--green-dim);color:var(--green)}
#chat-form{display:block;margin:0;padding:13px 15px 10px;background:var(--card);border:1px solid var(--border);border-radius:15px;box-shadow:0 5px 30px #0003;transition:border-color .15s,box-shadow .15s}#chat-form:focus-within{border-color:var(--green-dim);box-shadow:0 0 0 2px #00ff4108,0 5px 30px #0003}
#chat-input{display:block;width:100%;min-height:40px;max-height:180px;resize:none;overflow-y:auto;padding:4px 2px 10px;margin:0;border:0;border-radius:0;background:transparent;color:var(--text);font:14px/1.7 var(--chat-font);outline:none;box-sizing:border-box}#chat-input:focus-visible{outline:none}#chat-input::placeholder{color:var(--muted)}
.chat-composer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.chat-memory-label{display:flex;align-items:center;gap:6px;font:9px var(--mono);color:var(--muted)}.chat-memory-label>span{width:5px;height:5px;background:var(--green-dim);border-radius:50%}.chat-send-button{display:grid;place-items:center;min-height:34px;width:34px;border:1px solid var(--green);border-radius:9px;color:var(--bg);background:var(--chat-green);padding:6px}.chat-send-button:hover{background:#61ff86}.chat-send-button:disabled{background:var(--card);border-color:var(--border);color:var(--muted);opacity:1}.chat-stop-button{background:var(--bg-code);color:var(--green);border-color:var(--green-dim)}
.chat-compose-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:10px 3px 3px;color:var(--muted);font-size:10px;line-height:1.6}.chat-compose-meta p{margin:0;flex:1}.chat-compose-meta>span{white-space:nowrap;font-size:9px;color:var(--muted)}.chat-allowance{font:9px/1.5 var(--chat-font);text-align:center;color:var(--muted);margin:5px 0 0}.chat-plan-note{font-size:12px;color:#e9ba67;padding:12px;border:1px solid #51472a;border-radius:9px;background:#201c12;margin:0 0 10px}
#chat[data-state="working"] .chat-compose-meta p{color:var(--green-dim)}#chat[data-state="error"] .chat-compose-meta p{color:var(--red)}
.chat-details{position:fixed;inset:0 0 0 auto;margin:0;padding:0;width:min(420px,100%);height:100dvh;max-height:100dvh;max-width:100%;border:0;border-left:1px solid var(--border);border-radius:0;background:var(--surface);color:var(--text);box-shadow:-20px 0 80px #0008;font:14px/1.7 var(--chat-font)}.chat-details::backdrop{background:#0008;backdrop-filter:blur(3px)}
.chat-details-top{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:24px;background:var(--surface);border-bottom:1px solid var(--border);z-index:1}.chat-details h2{font:600 18px var(--chat-font);margin:0;letter-spacing:-.02em}.chat-details-body{padding:28px 24px}.chat-details h3{font:500 14px var(--chat-font);margin:0 0 16px}.chat-section-label{color:var(--green-dim)}.chat-details-body>p:not(.chat-section-label){font-size:13px;line-height:1.9;overflow-wrap:anywhere}.chat-detail-hint{color:var(--muted);font-size:11px;line-height:1.9;margin:12px 0}
.chat-task-controls{border-top:1px solid var(--border);padding-top:24px;margin-top:24px}.chat-detail-action{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid var(--border);border-radius:8px;padding:12px;width:100%;background:var(--card);color:var(--text);margin:9px 0;text-align:left;font-size:12px}.chat-detail-action:hover{border-color:var(--green-dim);background:var(--green-glow)}.chat-detail-action>span{color:var(--chat-green)}
.chat-how{border-top:1px solid var(--border);padding-top:22px;margin-top:24px;font-size:12px}.chat-how summary{font-size:13px;color:var(--text)}.chat-how>p{margin-top:18px}.chat-directive{white-space:pre-wrap;font:10px/1.9 var(--mono);max-height:none;background:var(--bg-code);border:1px solid var(--border);border-radius:8px;padding:14px;color:var(--green-dim);overflow-wrap:anywhere}
.chat-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.chat-backdrop{position:fixed;inset:0;background:#0009;z-index:29;border:0;border-radius:0;backdrop-filter:blur(3px)}
@keyframes chat-pulse{50%{opacity:.3}}
@media(min-width:901px){#chat-sidebar-backdrop{display:none}}
@media(max-width:1100px){#chat{grid-template-columns:240px minmax(0,1fr)}.chat-topbar{padding:18px 24px}.chat-details-button>span:last-child{display:none}.chat-details-button{font-size:17px;padding:4px 10px}.chat-compose-meta>span{display:none}}
@media(max-width:900px){#chat{grid-template-columns:minmax(0,1fr)}.chat-sidebar{position:fixed;inset:0 auto 0 0;width:280px;max-width:85vw;z-index:30;transform:translateX(-100%);transition:transform .18s ease}#chat[data-sidebar="open"] .chat-sidebar{transform:translateX(0)}#chat-sidebar-open,#chat-sidebar-close{display:grid}.chat-sidebar-brand{margin-bottom:24px;margin-left:6px}.chat-topbar{padding:15px 20px;min-height:77px;gap:12px}.chat-topbar-actions{gap:8px}.chat-heading h1{font-size:16px}.chat-heading p{font-size:9px}#chat .chat-messages{padding:22px max(24px,calc((100% - 730px)/2))}.chat-compose-area{padding:6px max(24px,calc((100% - 730px)/2)) 14px}}
@media(max-width:500px){.chat-topbar{padding:12px;gap:8px;min-height:72px}.chat-heading h1{font-size:15px}.chat-heading p{max-width:200px;font-size:8px}.chat-topbar-actions{gap:8px}.chat-icon-button{width:30px;height:32px}.chat-details-button{padding:4px 8px}#chat .chat-messages{padding:18px 16px}.chat-message{gap:10px;margin-bottom:25px}.chat-message-avatar{width:25px;height:25px;font-size:10px}.chat-message p{font-size:14px;line-height:1.8}.chat-owner{padding-left:24px}.chat-owner .chat-message-body{max-width:97%;padding:12px 14px}.chat-owner p{font-size:13px}.chat-message-header time{font-size:8px}.chat-compose-area{padding:6px 12px max(12px,env(safe-area-inset-bottom))}.chat-starters{gap:6px}.chat-starters button{font-size:11px;padding:8px 10px}.chat-allowance{font-size:8px}#chat-form{padding:11px 12px 8px;border-radius:13px}.chat-compose-meta{font-size:9px}.chat-welcome h2{font-size:28px}.chat-welcome p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.chat-pending span{animation:none}.chat-sidebar,#chat-form{transition:none}}