:root{--bg: #f5f5f7;--surface: #ffffff;--text: #151519;--text-dim: #6b6b73;--border: #e2e2e6;--accent: #2563eb;--danger: #dc2626;--success: #16a34a;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #0f0f12;--surface: #1a1a1f;--text: #f2f2f5;--text-dim: #9a9aa2;--border: #2c2c33;--accent: #60a5fa}}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}#app{display:flex;flex-direction:column;height:100dvh}.app-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--surface)}.app-title{font-weight:700;cursor:pointer}.app-outlet{flex:1;overflow-y:auto;display:flex;flex-direction:column}.screen{padding:16px;display:flex;flex-direction:column;gap:12px;flex:1;max-width:720px;margin:0 auto;width:100%}.empty-screen{align-items:center;justify-content:center;text-align:center;gap:16px}.btn{border:1px solid var(--border);background:var(--surface);color:var(--text);padding:8px 14px;border-radius:8px;cursor:pointer;font-size:14px}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-small{padding:4px 10px;font-size:12px}.btn-icon{padding:6px 10px}.btn-link{text-decoration:none;display:inline-block}.btn-allow{background:var(--success);color:#fff;border-color:var(--success)}.btn-deny{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-text{background:transparent;border-color:transparent;color:var(--text-dim);align-self:flex-start;padding:4px 0}.pairing-manual-row{display:flex;flex-direction:column;gap:8px}.pairing-manual{min-height:80px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:8px}.pairing-status{min-height:20px;color:var(--text-dim)}.pairing-expiry{color:var(--text-dim);font-size:13px}.wrapper-list,.session-list{display:flex;flex-direction:column;gap:8px}.wrapper-row,.session-row{display:flex;align-items:center;justify-content:space-between;padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:10px;cursor:pointer}.wrapper-name,.session-title{font-weight:600}.wrapper-status,.session-meta{font-size:12px;color:var(--text-dim)}.new-session-row{display:flex;gap:8px}.new-session-title{flex:1;padding:8px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text)}.chat-screen{padding:0}.chat-header{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border)}.chat-header-title{font-weight:600}.chat-banner{background:#f59e0b22;color:#92400e;padding:6px 16px;font-size:13px}.chat-timeline{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px 12px;max-width:90%}.card-message.assistant{align-self:flex-start}.card-summary{font-size:14px}.card-body{white-space:pre-wrap;font-size:14px}.card-time{font-size:10px;color:var(--text-dim);float:right;margin-top:4px}.card pre{white-space:pre-wrap;font-size:12px;background:var(--bg);padding:8px;border-radius:6px;max-height:300px;overflow:auto}.card-actions{display:flex;gap:8px;margin-top:8px}.card-tool-failed,.card-command-failed,.card-error{border-color:var(--danger)}.card-diff .diff-pre{font-family:ui-monospace,monospace}.composer{border-top:1px solid var(--border);padding:10px 16px;display:flex;flex-direction:column;gap:6px;background:var(--surface)}.composer-row{display:flex;gap:8px;align-items:flex-end}.composer-input{flex:1;min-height:40px;max-height:160px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text);padding:8px;resize:vertical}.composer-attachments{display:flex;gap:6px;flex-wrap:wrap}.attachment-chip{font-size:12px;background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:2px 8px}.composer-file-input{display:none}.notif-wrapper,.notif-bell{position:relative}.notif-badge{position:absolute;top:-4px;right:-4px;background:var(--danger);color:#fff;border-radius:999px;font-size:10px;padding:1px 5px}.notif-badge.hidden{display:none}.notif-panel{position:absolute;right:0;top:100%;width:280px;max-height:360px;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:8px;z-index:10}.notif-panel.hidden{display:none}.notif-item{display:block;width:100%;text-align:left;background:none;border:none;padding:8px;border-radius:6px;cursor:pointer;color:var(--text)}.notif-item.unread{background:var(--bg)}.notif-item-title{font-weight:600;font-size:13px}.notif-item-body{font-size:12px;color:var(--text-dim)}.notif-empty{padding:16px;text-align:center;color:var(--text-dim);font-size:13px}.hidden{display:none}.error-text{color:var(--danger)}