*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f172a;--bg-secondary: #1e293b;--text: #f1f5f9;--text-muted: #94a3b8;--border: #334155;--primary: #3b82f6;--primary-hover: #2563eb;--danger: #ef4444;--success: #22c55e;--warning: #f59e0b}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.header nav{display:flex;gap:1.5rem}.header nav a{color:var(--text-muted);text-decoration:none}.header nav a:hover{color:var(--text)}.header .logout{background:transparent;color:var(--text-muted);border:1px solid var(--border);padding:.5rem 1rem;border-radius:4px;cursor:pointer}.header .logout:hover{color:var(--text);border-color:var(--text-muted)}.page{max-width:1000px;margin:0 auto;padding:2rem}.page h1{margin-bottom:1rem}.page .description{color:var(--text-muted);margin-bottom:2rem}.page code{background:var(--bg-secondary);padding:.2rem .5rem;border-radius:4px;font-size:.9em}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-muted)}input,textarea{width:100%;padding:.75rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:1rem}input:focus,textarea:focus{outline:none;border-color:var(--primary)}button{padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background .2s}button.primary,button[type=submit]{background:var(--primary);color:#fff}button.primary:hover,button[type=submit]:hover{background:var(--primary-hover)}button:disabled{opacity:.5;cursor:not-allowed}button.delete{background:transparent;color:var(--danger);border:1px solid var(--danger)}button.delete:hover{background:var(--danger);color:#fff}button.interrupt{background:var(--warning);color:#000}.error{background:#ef44441a;border:1px solid var(--danger);color:var(--danger);padding:1rem;border-radius:4px;margin-bottom:1rem}.empty{color:var(--text-muted);text-align:center;padding:2rem}.hint{color:var(--text-muted);font-size:.9rem;margin-top:.5rem}.help-box{background:#3b82f61a;border:1px solid var(--primary);border-radius:8px;padding:1.5rem;margin-bottom:2rem}.help-box h3{margin-bottom:1rem;color:var(--primary)}.help-box p{margin-bottom:.75rem;color:var(--text-muted)}.help-box .note{font-size:.9rem;opacity:.8}.help-box .code-block{background:var(--bg);padding:1rem;border-radius:4px;margin:1rem 0;overflow-x:auto}.help-box .code-block code{background:transparent;padding:0;font-size:.9rem;white-space:nowrap;-webkit-user-select:all;user-select:all}.login{max-width:400px;margin-top:10vh}.login h1{text-align:center;margin-bottom:2rem}.env-list{margin-bottom:2rem}.env-list table{width:100%;border-collapse:collapse}.env-list th,.env-list td{padding:.75rem;text-align:left;border-bottom:1px solid var(--border)}.env-list th{color:var(--text-muted);font-weight:500}.env-list .masked{color:var(--text-muted);font-family:monospace}.add-form{background:var(--bg-secondary);padding:1.5rem;border-radius:8px;margin-bottom:2rem}.add-form h2{font-size:1rem;margin-bottom:1rem}.add-form .form-row{display:flex;gap:1rem}.add-form input{flex:1}.add-form button{flex-shrink:0}.actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.session-list table{width:100%;border-collapse:collapse}.session-list th,.session-list td{padding:.75rem;text-align:left;border-bottom:1px solid var(--border)}.session-list th{color:var(--text-muted);font-weight:500}.session-list td.actions{display:flex;gap:.5rem}.session-list td.actions button{padding:.4rem .8rem;font-size:.9rem}.status{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.8rem;text-transform:uppercase}.status.idle{background:var(--bg-secondary);color:var(--text-muted)}.status.running{background:#3b82f633;color:var(--primary)}.status.error{background:#ef444433;color:var(--danger)}.status.stopped{background:#94a3b833;color:var(--text-muted)}.chat{display:flex;flex-direction:column;height:calc(100vh - 60px);max-width:none;padding:0}.chat-header{padding:1rem 2rem;border-bottom:1px solid var(--border)}.debug-disclaimer{background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:.5rem 2rem;font-size:.85rem;color:var(--text-muted);text-align:center}.session-info{display:flex;align-items:center;gap:1rem}.session-id{font-family:monospace;color:var(--text-muted)}.connection{font-size:.8rem}.connection.connected{color:var(--success)}.connection.connecting{color:var(--warning)}.connection.disconnected{color:var(--danger)}.messages{flex:1;overflow-y:auto;padding:1rem 2rem}.message{margin-bottom:1rem;padding:1rem;background:var(--bg-secondary);border-radius:8px;border-left:3px solid var(--border)}.message.assistant{border-left-color:var(--primary)}.message.user{border-left-color:var(--success)}.message.system{border-left-color:var(--text-muted);opacity:.7}.message.result{border-left-color:var(--warning)}.message.result.error_max_turns,.message.result.error_during_execution{border-left-color:var(--danger)}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;color:var(--text-muted);font-size:.9rem}.message-role{font-weight:600}.message-timestamp{font-size:.75rem;color:var(--text-muted);font-weight:400;opacity:.7}.message-content{word-break:break-word}.message-content pre{white-space:pre-wrap;font-family:monospace;font-size:.9rem}.content-block{margin-bottom:.5rem}.collapsible-block{background:var(--bg);border-radius:4px;overflow:hidden;margin-top:.5rem}.collapsible-header{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;border:none;background:transparent;color:var(--text);cursor:pointer;text-align:left;font-size:.85em}.collapsible-header:hover{background:var(--bg-secondary)}.collapse-icon{color:var(--text-muted);font-size:.75em;width:1em}.collapse-title{font-weight:500}.content-block.tool-use .collapse-title{color:var(--primary)}.content-block.tool-result .collapse-title{color:var(--success)}.collapse-subtitle{color:var(--text-muted);margin-left:auto;font-family:monospace}.collapsible-content{padding:0 .75rem .75rem}.tool-input,.tool-content{font-size:.85rem;color:var(--text-muted);max-height:300px;overflow-y:auto}.result-status{font-weight:600;margin-right:1rem}.result-cost,.result-duration,.result-turns{margin-right:1rem;color:var(--text-muted)}.input-area{display:flex;gap:1rem;padding:1rem 2rem;border-top:1px solid var(--border);background:var(--bg-secondary)}.input-area textarea{flex:1;min-height:60px;max-height:200px;resize:vertical}.input-actions{display:flex;flex-direction:column;justify-content:flex-end}.input-actions button{min-width:100px}.status-badge{display:inline-block;font-size:.75rem;padding:.2rem .6rem;border-radius:12px;cursor:help;text-transform:uppercase;font-weight:500}.status-green{background:#22c55e33;color:var(--success)}.status-blue{background:#3b82f633;color:var(--primary)}.status-yellow{background:#f59e0b33;color:var(--warning)}.status-gray{background:#94a3b833;color:var(--text-muted)}.status-red{background:#ef444433;color:var(--danger)}.loading-container{display:flex;align-items:center;justify-content:center}.loading-text{color:var(--text-muted);font-size:1.2rem}.reconnect-btn{padding:.3rem .8rem;font-size:.8rem;background:transparent;color:var(--primary);border:1px solid var(--primary);margin-left:.5rem}.reconnect-btn:hover{background:var(--primary);color:#fff}.mode-toggle{padding:.3rem .8rem;font-size:.8rem;border-radius:4px;font-weight:500;transition:all .2s}.mode-toggle.standard-mode{background:#22c55e33;color:var(--success);border:1px solid var(--success)}.mode-toggle.standard-mode:hover:not(:disabled){background:var(--success);color:#fff}.mode-toggle.plan-mode{background:#f59e0b33;color:var(--warning);border:1px solid var(--warning)}.mode-toggle.plan-mode:hover:not(:disabled){background:var(--warning);color:#000}.mode-toggle:disabled{opacity:.5;cursor:not-allowed}.status-indicators{display:flex;gap:2rem}.status-indicator{display:flex;flex-direction:column;gap:.25rem;cursor:help}.indicator-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.indicator-value{display:flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:500}.indicator-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.indicator-green .indicator-dot{background:var(--success);box-shadow:0 0 6px var(--success)}.indicator-green{color:var(--success)}.indicator-yellow .indicator-dot{background:var(--warning);box-shadow:0 0 6px var(--warning)}.indicator-yellow{color:var(--warning)}.indicator-red .indicator-dot{background:var(--danger);box-shadow:0 0 6px var(--danger)}.indicator-red{color:var(--danger)}.indicator-blue .indicator-dot{background:var(--primary);box-shadow:0 0 6px var(--primary);animation:pulse 1.5s ease-in-out infinite}.indicator-blue{color:var(--primary)}.indicator-gray .indicator-dot{background:var(--text-muted)}.indicator-gray{color:var(--text-muted)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.landing{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.landing-content{max-width:800px;width:100%;text-align:center}.hero{margin-bottom:4rem}.hero h1{font-size:3rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,var(--text),var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:var(--text-muted)}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;margin-bottom:4rem}.feature{background:var(--bg-secondary);border-radius:8px;padding:1.5rem;text-align:left}.feature h3{color:var(--primary);margin-bottom:.5rem;font-size:1.1rem}.feature p{color:var(--text-muted);font-size:.95rem;line-height:1.5}.waitlist{background:var(--bg-secondary);border-radius:12px;padding:2rem;margin-bottom:2rem}.waitlist h2{margin-bottom:.5rem}.waitlist>p{color:var(--text-muted);margin-bottom:1.5rem}.waitlist-form{display:flex;gap:.75rem;max-width:400px;margin:0 auto}.waitlist-form input{flex:1}.waitlist-form button{flex-shrink:0;background:var(--primary);color:#fff}.waitlist-form button:hover:not(:disabled){background:var(--primary-hover)}.waitlist-message{margin-top:1rem;font-size:.9rem}.waitlist-message.success{color:var(--success)}.waitlist-message.error{color:var(--danger)}.landing-footer{color:var(--text-muted);font-size:.9rem}.landing-footer a{color:var(--primary);text-decoration:none}.landing-footer a:hover{text-decoration:underline}.env-list-header{display:flex;justify-content:flex-end;margin-bottom:1rem}.dotenv-btn{padding:.5rem 1rem;background:var(--bg-secondary);color:var(--primary);border:1px solid var(--primary);border-radius:4px;font-size:.9rem;cursor:pointer;transition:all .2s}.dotenv-btn:hover{background:var(--primary);color:#fff}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal{background:var(--bg);border:1px solid var(--border);border-radius:8px;width:100%;max-width:600px;max-height:80vh;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border)}.modal-header h2{font-size:1.1rem;font-weight:600}.close-btn{background:transparent;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:4px}.close-btn:hover{background:var(--bg-secondary);color:var(--text)}.modal-body{flex:1;padding:1.5rem;overflow-y:auto;min-height:200px}.modal-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-top:1px solid var(--border)}.footer-left,.footer-right{display:flex;gap:.75rem}.dotenv-editor .modal-body{display:flex;flex-direction:column;gap:1rem}.dotenv-textarea{flex:1;min-height:300px;font-family:monospace;font-size:.9rem;resize:none;background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;padding:1rem;color:var(--text)}.dotenv-textarea:focus{outline:none;border-color:var(--primary)}.error-text{color:var(--danger);font-size:.9rem;padding:.75rem;background:#ef44441a;border:1px solid var(--danger);border-radius:4px}.primary-btn{padding:.6rem 1.25rem;background:var(--primary);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background .2s}.primary-btn:hover:not(:disabled){background:var(--primary-hover)}.primary-btn:disabled{opacity:.5;cursor:not-allowed}.secondary-btn{padding:.6rem 1rem;background:transparent;color:var(--text-muted);border:1px solid var(--border);border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s}.secondary-btn:hover:not(:disabled){color:var(--text);border-color:var(--text-muted)}.secondary-btn:disabled{opacity:.5;cursor:not-allowed}