:root{color-scheme:dark;--bg:#101310;--panel:#191e19;--line:#303930;--muted:#9da89d;--accent:#c5edaa}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#edf1e9;font:16px/1.55 system-ui,-apple-system,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer;background:var(--accent);color:#152111;border:1px solid transparent;border-radius:10px;padding:11px 17px;font-weight:650;min-height:44px}button:disabled{opacity:.4;cursor:default}button.quiet{background:transparent;color:#d0dace;border-color:var(--line)}button:hover:not(:disabled){filter:brightness(1.12)}input,textarea,select{background:var(--panel);border:1px solid var(--line);color:inherit;border-radius:10px;padding:12px;min-width:0}input:focus,textarea:focus,button:focus-visible,select:focus{outline:2px solid var(--accent);outline-offset:3px}.app{max-width:900px;margin:auto;height:100dvh;display:flex;flex-direction:column;padding:0 24px}header{display:flex;align-items:center;justify-content:space-between;padding:24px 0 20px;gap:12px}.brand{font-size:15px;letter-spacing:2px;font-weight:750;white-space:nowrap}.brand span{font-size:10px;border:1px solid var(--line);border-radius:5px;padding:3px 5px;color:var(--muted);letter-spacing:0}nav{display:flex;gap:10px;padding-bottom:18px;border-bottom:1px solid var(--line)}select{flex:1;width:100%}.toolbar{display:flex;justify-content:space-between;gap:12px;font-size:13px;padding:15px 0;color:#c5edaa}.dot{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;margin-right:5px}.muted{color:var(--muted)}#messages{flex:1;overflow-y:auto;min-height:80px;scroll-behavior:smooth;padding:12px 0 20px;overflow-wrap:anywhere}#welcome{padding:6vh 10px 24px;max-width:440px}h1{font-size:clamp(30px,6vw,46px);line-height:1.15;letter-spacing:-1.5px;font-weight:550;margin:18px 0}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--accent)}.message{margin:12px 0;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--panel);white-space:pre-wrap}.message.user{margin-left:10%;background:#263222;border-color:#3c5033}.message.agent{margin-right:4%}.message.status{padding:8px 12px;border:0;background:transparent;color:var(--muted);font-size:13px}.role{display:block;font-size:10px;letter-spacing:1.4px;color:var(--accent);margin-bottom:8px}.event{font-size:12px;color:var(--muted);margin:8px 0;white-space:pre-wrap;overflow-wrap:anywhere}.event summary{cursor:pointer;padding:8px 0}.event pre{white-space:pre-wrap;max-height:300px;overflow:auto;font:12px/1.5 ui-monospace,monospace}footer{padding:0 0 max(12px,env(safe-area-inset-bottom))}.notice{font-size:11px;color:var(--muted);margin:0 0 8px}#composer{background:var(--panel);border:1px solid #42533c;border-radius:14px;padding:12px}textarea{resize:vertical;max-height:25vh;min-height:70px;display:block;width:100%;border:0;background:transparent;padding:4px;outline-offset:0}.actions{display:flex;align-items:center;gap:8px;margin-top:10px}.actions span{flex:1}.small{font-size:11px}.footnote{margin:7px 0 0}.error{color:#ffb2a7;background:#35201d;padding:10px;border-radius:8px;margin:8px 0}.login{min-height:100dvh;display:grid;place-items:center;padding:24px}.login-card{max-width:420px;width:100%;padding:32px;background:var(--panel);border:1px solid var(--line);border-radius:20px}.login-card h1{font-size:34px;margin-top:34px}.login-card form{display:grid;gap:12px;margin:28px 0}.login-card label{font-size:13px}.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}@media(max-width:520px){.app{padding:0 14px}header{padding:16px 0}header button{font-size:12px;padding:8px}.brand{font-size:13px}nav{gap:8px}nav button{font-size:12px;padding:8px}.footnote{font-size:10px}.actions button{font-size:13px;padding:9px 12px}.message{padding:13px}.login-card{padding:24px}}

.workspace-actions{display:flex;align-items:center;gap:12px}.workspace-actions button{font-size:12px;padding:6px 10px;min-height:36px}#changes-dialog{width:min(900px,calc(100% - 28px));max-height:90dvh;background:var(--bg);color:inherit;border:1px solid var(--line);border-radius:16px;padding:20px;overflow:auto}#changes-dialog::backdrop{background:#000b;backdrop-filter:blur(3px)}.changes-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.changes-header h2{font-size:20px;font-weight:600;margin:0}.changes-controls{display:flex;gap:10px;align-items:center}.changes-controls select{width:0}.changes-controls button{flex-shrink:0}#diff-content{min-height:80px;overflow-x:auto}#diff-content h3{font-size:12px;color:var(--muted);font-weight:500;margin:18px 0 8px}.diff-patch{margin:0;background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:auto;padding:10px 0;font:12px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:4}.diff-patch span{display:block;min-width:100%;width:max-content;padding:0 12px;white-space:pre}.diff-add{color:#c5edaa;background:#1f3625}.diff-delete{color:#ffb2a7;background:#3a2424}.diff-hunk{color:#a4cfff;background:#1d2935}.diff-context{color:#cad1c6}@media(max-width:520px){.workspace-actions{gap:8px}.toolbar{align-items:center}.workspace-actions button{font-size:11px}#changes-dialog{padding:14px;width:calc(100% - 16px);max-height:94dvh}.changes-controls{gap:7px}.changes-controls button{padding:10px;font-size:12px}.diff-patch{font-size:11px}}

.message.agent{white-space:normal;min-width:0}.markdown{min-width:0}.markdown p{margin:0 0 12px;white-space:pre-wrap}.markdown>:last-child{margin-bottom:0}.markdown h2,.markdown h3,.markdown h4{font-weight:650;letter-spacing:-.3px;line-height:1.35;margin:18px 0 10px}.markdown h2{font-size:22px}.markdown h3{font-size:19px}.markdown h4{font-size:17px}.markdown h2:first-child,.markdown h3:first-child,.markdown h4:first-child{margin-top:0}.markdown ul,.markdown ol{padding-left:24px;margin:10px 0 14px}.markdown li{margin:5px 0;white-space:pre-wrap}.markdown blockquote{border-left:3px solid #657a59;margin:12px 0;padding:3px 0 3px 14px;color:var(--muted);white-space:pre-wrap}.markdown a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.markdown :not(pre)>code{font: .88em ui-monospace,SFMono-Regular,Consolas,monospace;background:#101710;color:#d5eac9;border:1px solid var(--line);border-radius:5px;padding:2px 5px;overflow-wrap:anywhere}.code-block{margin:14px 0;max-width:100%;border:1px solid #3b4735;border-radius:10px;overflow:hidden;background:#0e130e}.code-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 10px;background:#20281e;border-bottom:1px solid #3b4735;color:var(--muted);font-size:11px}.code-toolbar>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.code-toolbar .copy-code{font-size:11px;min-height:36px;padding:6px 10px;flex-shrink:0}.code-block pre{margin:0;padding:14px;overflow-x:auto;white-space:pre;overflow-wrap:normal;font:13px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:4}.code-block code{font:inherit}@media(max-width:520px){.code-block pre{font-size:12px;padding:12px}.markdown h2{font-size:20px}.markdown h3{font-size:18px}}

#file-dialog{width:min(900px,calc(100% - 28px));max-height:90dvh;background:var(--bg);color:inherit;border:1px solid var(--line);border-radius:16px;padding:20px;overflow:auto}#file-dialog::backdrop{background:#000b;backdrop-filter:blur(3px)}#file-title{overflow-wrap:anywhere;min-width:0}#file-close{flex-shrink:0}#file-content{max-height:65dvh;margin:12px 0 0;overflow:auto;border:1px solid var(--line);border-radius:10px;background:#0e130e;padding:10px 0;font:12px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:4}.file-line{display:flex;min-width:100%;width:max-content;white-space:pre}.line-number{display:inline-block;min-width:48px;padding:0 12px;text-align:right;color:#778371;user-select:none;flex-shrink:0}.line-text{padding-right:14px}.selected-line{background:#304328}.workspace-file-link::after{content:' ↗';font-size:.8em}@media(max-width:520px){#file-dialog{padding:14px;width:calc(100% - 16px);max-height:94dvh}#file-content{font-size:11px}.line-number{min-width:36px;padding:0 8px}}

nav{flex-wrap:wrap}#agent-choice{flex:0 1 160px;min-width:0}nav #conversations{min-width:120px;flex:1 1 180px}

#auth-dialog{width:min(540px,calc(100vw - 24px));max-height:90dvh;overflow:auto}#auth-dialog a{color:var(--accent);overflow-wrap:anywhere;text-underline-offset:3px;display:inline-block;padding:10px 0;min-height:44px}#auth-dialog select,#auth-dialog input{display:block;width:100%;margin:10px 0 16px;box-sizing:border-box}#auth-key{background:var(--panel,#15171e);color:inherit;border:1px solid #454957;border-radius:8px;padding:12px;font:inherit}#auth-code{font-size:1.5rem;letter-spacing:.1em;overflow-wrap:anywhere}#auth-dialog [hidden]{display:none}.workspace-actions{flex-wrap:wrap;justify-content:flex-end}
