:root{--bg: #0f1419;--bg-panel: #171d25;--bg-elevated: #1e2630;--border: #2a3441;--text: #e7ecf2;--text-muted: #8b97a8;--accent: #3d9cf0;--accent-dim: #2563a8;--danger: #e85d5d;--ok: #3ecf8e;--user: #2a3a4d;--assistant: #1a222c;--tool: #1f1a14;--font-sans: "IBM Plex Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-sans);background:radial-gradient(ellipse 80% 50% at 10% -10%,#1a2a3d 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 100% 0%,#1a2830 0%,transparent 45%),var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}.app-shell{min-height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1.25rem;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg-panel) 85%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand{font-weight:600;letter-spacing:-.02em;font-size:1.1rem}.brand span{color:var(--accent)}.muted{color:var(--text-muted);font-size:.875rem}.main{flex:1;display:flex;flex-direction:column;min-height:0}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;padding:1.25rem}.login-wrap{flex:1;display:grid;place-items:center;padding:2rem 1rem}.login-panel{width:min(420px,100%)}.login-panel h1{margin:0 0 .35rem;font-size:1.5rem;letter-spacing:-.03em}.login-panel p{margin:0 0 1.25rem;color:var(--text-muted);line-height:1.45}label{display:block;font-size:.8rem;font-weight:500;color:var(--text-muted);margin-bottom:.35rem}.field{margin-bottom:1rem}input[type=text],input[type=password],textarea{width:100%;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;padding:.65rem .75rem;outline:none}input:focus,textarea:focus{border-color:var(--accent-dim);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 25%,transparent)}textarea{min-height:110px;resize:vertical;font-family:var(--font-mono);font-size:.9rem;line-height:1.45}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:1px solid var(--border);background:var(--bg-elevated);border-radius:8px;padding:.55rem .9rem;font-weight:500}.btn:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#061018}.btn-primary:hover{background:color-mix(in srgb,var(--accent) 90%,white)}.btn-danger{border-color:color-mix(in srgb,var(--danger) 50%,var(--border));color:var(--danger)}.btn-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.error{color:var(--danger);font-size:.875rem;margin-top:.75rem}.setup{display:grid;grid-template-columns:minmax(240px,320px) 1fr;gap:1rem;padding:1rem;max-width:1100px;width:100%;margin:0 auto}@media(max-width:800px){.setup{grid-template-columns:1fr}}.folder-list{list-style:none;margin:0;padding:0;max-height:360px;overflow:auto}.folder-list li button{width:100%;text-align:left;background:transparent;border:none;border-radius:6px;padding:.45rem .55rem;color:var(--text)}.folder-list li button:hover{background:var(--bg-elevated)}.folder-list li button.active{background:color-mix(in srgb,var(--accent) 18%,transparent)}.path-bar{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);word-break:break-all;margin-bottom:.75rem}.check{display:flex;align-items:center;gap:.5rem;font-size:.9rem;margin:.75rem 0 1rem}.check input{accent-color:var(--accent)}.session{flex:1;display:flex;flex-direction:column;min-height:0;max-width:900px;width:100%;margin:0 auto;padding:0 1rem 1rem}.session-meta{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;padding:.75rem 0;font-size:.8rem;color:var(--text-muted);font-family:var(--font-mono)}.status-dot{display:inline-block;width:.5rem;height:.5rem;border-radius:50%;background:var(--text-muted);margin-right:.35rem}.status-dot.running{background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent);animation:pulse 1.4s ease-in-out infinite}.status-dot.finished{background:var(--ok)}.status-dot.cancelled{background:var(--danger)}@keyframes pulse{50%{opacity:.55}}.transcript{flex:1;overflow:auto;border:1px solid var(--border);border-radius:10px;background:var(--bg-panel);padding:.75rem;display:flex;flex-direction:column;gap:.65rem;min-height:280px}.msg{border-radius:8px;padding:.7rem .85rem;white-space:pre-wrap;word-break:break-word;font-size:.92rem;line-height:1.5}.msg-role{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:.35rem}.msg.user{background:var(--user);align-self:flex-end;max-width:90%}.msg.assistant{background:var(--assistant);font-family:var(--font-mono);font-size:.85rem}.msg.tool{background:var(--tool);font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted)}.msg.system{background:transparent;border:1px dashed var(--border);font-size:.8rem;color:var(--text-muted)}.composer{display:flex;gap:.5rem;margin-top:.75rem;align-items:flex-end}.composer textarea{min-height:64px;flex:1}.hint{font-size:.8rem;color:var(--text-muted);margin-top:.5rem;line-height:1.4}