:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f6f7f9;color:#14171f}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button:disabled{cursor:not-allowed;opacity:.58}.app{display:grid;grid-template-columns:280px minmax(0,1fr) 320px;min-height:100vh}.auth-screen{display:grid;min-height:100vh;place-items:center;background:#f6f7f9;padding:24px}.auth-card{display:grid;width:min(100%,440px);gap:16px;border:1px solid #dde1e7;border-radius:8px;background:#fff;padding:24px;box-shadow:0 24px 70px #0f172a1a}.auth-brand{margin-bottom:4px}.auth-card h1{margin:0;font-size:24px;line-height:1.2}.auth-card>p{margin:0;color:#687080;font-size:14px;line-height:1.55}.auth-card .control-block{border:0;padding:0}.auth-mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:12px;border:1px solid #d6dce5;border-radius:8px;background:#f4f6f8;padding:4px}.auth-mode-tabs button{min-height:34px;border:0;border-radius:6px;background:transparent;color:#4b5563;font-size:13px;font-weight:650;cursor:pointer}.auth-mode-tabs button[aria-pressed=true]{background:#fff;color:#111827;box-shadow:0 1px 3px #0f172a1f}.sidebar{display:flex;flex-direction:column;gap:18px;border-right:1px solid #dde1e7;background:#fff;padding:20px}.brand,.control-title,.approval-heading,.active-actions{display:flex;align-items:center;gap:10px}.brand{font-size:18px;font-weight:720}.brand-mark{display:grid;width:34px;height:34px;place-items:center;border-radius:8px;background:#111827;color:#fff}.new-chat,.composer button,.approval-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:0;border-radius:8px;background:#2563eb;color:#fff;font-size:14px;font-weight:650;cursor:pointer}.chat-list{display:grid;gap:8px}.chat-row{display:grid;gap:4px;width:100%;border:0;border-radius:8px;background:#f4f6f8;padding:12px;text-align:left;cursor:pointer}.chat-row span{font-size:14px;font-weight:650}.chat-row small,.mcp-server small,.control-note,.topbar p,.empty-state{color:#687080;font-size:12px;line-height:1.45}.empty-state,.error-state{margin:0;border-radius:8px;padding:10px 12px}.empty-state{background:#f4f6f8}.error-state{border:1px solid #fecaca;background:#fef2f2;color:#991b1b;font-size:13px}.chat-shell{display:grid;grid-template-rows:auto 1fr;min-width:0}.topbar{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #dde1e7;background:#fffffff0;padding:18px 24px}.topbar h1{margin:0 0 4px;font-size:20px;line-height:1.2}.topbar p{margin:0}.profile{position:relative}.profile-button{display:grid;width:38px;height:38px;place-items:center;border:1px solid #d6dce5;border-radius:50%;background:#fff;cursor:pointer}.profile-menu{position:absolute;right:0;z-index:5;display:grid;width:230px;gap:8px;margin-top:10px;border:1px solid #d6dce5;border-radius:8px;background:#fff;padding:12px;box-shadow:0 20px 50px #0f172a1f}.profile-menu span{color:#687080;font-size:12px}.profile-menu button{display:flex;align-items:center;gap:8px;border:0;background:transparent;padding:8px 0;text-align:left;cursor:pointer}.profile-menu input{min-height:34px;border:1px solid #d6dce5;border-radius:8px;padding:0 9px;font-size:13px}.workspace{display:grid;grid-template-rows:1fr auto;min-height:0}.messages{display:grid;align-content:start;gap:14px;overflow:auto;padding:32px min(8vw,88px)}.message,.approval,.control-block{border:1px solid #dde1e7;border-radius:8px;background:#fff}.message{max-width:760px;padding:14px 16px}.message span{display:block;margin-bottom:8px;color:#2563eb;font-size:12px;font-weight:750}.message p{margin:0;color:#222836;line-height:1.6}.message.tool{background:#f8fafc}.approval{max-width:760px;padding:16px}.approval-heading{color:#111827;font-weight:750}.approval dl{display:grid;grid-template-columns:90px 1fr;gap:8px 12px;margin:14px 0;font-size:13px}.approval dt{color:#687080}.approval dd{margin:0}.approval-actions{display:flex;gap:10px}.approval-actions .secondary{border:1px solid #d6dce5;background:#fff;color:#222836}.composer{border-top:1px solid #dde1e7;background:#fff;padding:16px 24px 22px}.active-actions{margin-bottom:10px;color:#687080;font-size:12px}.composer form{display:flex;gap:10px}.composer input{width:100%;min-height:46px;border:1px solid #d6dce5;border-radius:8px;padding:0 14px}.composer button{padding:0 18px}.right-rail{display:flex;flex-direction:column;gap:16px;border-left:1px solid #dde1e7;background:#fbfcfd;padding:20px}.control-block{padding:14px}.form-stack{display:grid;gap:8px;margin-bottom:12px}.form-stack input{width:100%;min-height:38px;border:1px solid #d6dce5;border-radius:8px;padding:0 10px;background:#fff;font-size:13px}.form-stack button,.mcp-server>button{min-height:36px;border:1px solid #d6dce5;border-radius:8px;background:#fff;color:#222836;font-size:13px;font-weight:650;cursor:pointer}.control-title{margin-bottom:12px;font-size:14px;font-weight:750}.select-shell{display:flex;align-items:center;gap:8px;border:1px solid #d6dce5;border-radius:8px;background:#fff;padding:0 10px}.select-shell select{width:100%;min-height:38px;border:0;background:transparent;outline:0}.mcp-server{display:grid;gap:10px}.mcp-server strong{display:block;margin-bottom:2px;font-size:13px}.action-toggle{display:flex;align-items:center;gap:8px;border:1px solid #d6dce5;border-radius:8px;background:#fff;padding:9px 10px;color:#4b5563;cursor:pointer}.action-toggle.is-on{border-color:#93c5fd;background:#eff6ff;color:#1d4ed8}@media(max-width:980px){.app{grid-template-columns:1fr}.sidebar,.right-rail{border:0}.sidebar{min-height:auto}.chat-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}
