:root{--bg-0: #080808;--bg-1: #111111;--bg-2: #181818;--bg-3: #222222;--bg-4: #2a2a2a;--border: rgba(255, 255, 255, .07);--border-strong: rgba(255, 255, 255, .13);--border-accent: rgba(212, 155, 58, .3);--text-0: #f0efe8;--text-1: #a8a8a0;--text-2: #686860;--text-3: #3a3a36;--accent: #d49b3a;--accent-hover: #e0a840;--accent-glow: rgba(212, 155, 58, .18);--accent-subtle: rgba(212, 155, 58, .07);--user-msg-bg: rgba(212, 155, 58, .06);--user-msg-border: rgba(212, 155, 58, .12);--assistant-msg-bg: rgba(255, 255, 255, .025);--danger: #d94040;--danger-subtle: rgba(217, 64, 64, .1);--success: #3aa86a;--font-body: "Urbanist", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--radius-sm: 4px;--radius: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--sidebar-width: 280px;--ease: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur: .2s;--dur-slow: .35s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;background:var(--bg-0)}body{height:100%;overflow:hidden;font-family:var(--font-body);font-size:15px;line-height:1.55;color:var(--text-0);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}#app{position:relative;z-index:1;height:100%;display:flex}.bg-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(ellipse at 20% 0%,rgba(212,155,58,.03) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(212,155,58,.02) 0%,transparent 50%),var(--bg-0)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-4);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-2)}.login-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;padding:24px;gap:0}.login-logo{font-family:var(--font-mono);font-size:48px;font-weight:500;color:var(--accent);line-height:1;margin-bottom:8px;letter-spacing:-2px}.login-title{font-size:16px;font-weight:500;color:var(--text-1);margin-bottom:32px;letter-spacing:.5px}.login-form{display:flex;flex-direction:column;gap:12px;width:100%;max-width:320px}.login-input{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;font-family:var(--font-mono);font-size:14px;color:var(--text-0);outline:none;transition:border-color var(--dur) var(--ease);width:100%}.login-input::placeholder{color:var(--text-2)}.login-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.login-btn{background:var(--accent);color:var(--bg-0);border:none;border-radius:var(--radius);padding:14px 24px;font-family:var(--font-body);font-size:15px;font-weight:600;cursor:pointer;transition:background var(--dur) var(--ease),transform .1s;-webkit-tap-highlight-color:transparent}.login-btn:hover{background:var(--accent-hover)}.login-btn:active{transform:scale(.98)}.login-error{font-size:13px;color:var(--danger);text-align:center;padding:8px;background:var(--danger-subtle);border-radius:var(--radius-sm)}.chat-layout{display:flex;flex-direction:column;height:100%;width:100%;min-width:0;position:relative}.chat-layout.drag-over:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--accent-glow);border:2px dashed var(--accent);border-radius:var(--radius-md);pointer-events:none}.chat-header{display:flex;align-items:center;gap:12px;padding:12px 16px;padding-top:calc(12px + var(--safe-top));background:var(--bg-1);border-bottom:1px solid var(--border);min-height:56px;flex-shrink:0}.sidebar-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:none;color:var(--text-1);cursor:pointer;border-radius:var(--radius);transition:background var(--dur) var(--ease),color var(--dur) var(--ease);-webkit-tap-highlight-color:transparent;flex-shrink:0}.sidebar-toggle:hover{background:var(--bg-3);color:var(--text-0)}.header-info{display:flex;flex-direction:column;gap:1px;min-width:0}.header-title{font-family:var(--font-mono);font-size:16px;font-weight:500;color:var(--text-0);letter-spacing:-.5px}.connection-status{display:flex;align-items:center;gap:6px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--text-2);flex-shrink:0;transition:background var(--dur-slow) var(--ease)}.status-dot.connected{background:var(--success);box-shadow:0 0 6px #3aa86a66}.status-dot.connecting,.status-dot.reconnecting{background:var(--accent);animation:pulse 1.5s ease infinite}.status-dot.disconnected{background:var(--danger)}.status-text{font-size:12px;color:var(--text-2);font-family:var(--font-mono)}.header-spacer{flex:1}.messages{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px;display:flex;flex-direction:column;gap:4px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.message{max-width:88%;padding:10px 14px;font-size:15px;line-height:1.55;word-wrap:break-word;overflow-wrap:break-word;animation:msgIn .25s var(--ease) both;position:relative}.message.user{align-self:flex-end;background:var(--user-msg-bg);border:1px solid var(--user-msg-border);border-radius:var(--radius-md) var(--radius-md) var(--radius-sm) var(--radius-md)}.message.assistant{align-self:flex-start;background:var(--assistant-msg-bg);border-left:2px solid var(--accent);border-radius:0 var(--radius-md) var(--radius-md) 0;padding-left:14px}.message.system{align-self:center;max-width:90%;text-align:center;font-size:13px;color:var(--text-2);padding:6px 12px;background:none;border:none}.message.error .msg-content{color:var(--danger)}.message.streaming .msg-content:after{content:"";display:inline-block;width:2px;height:1em;background:var(--accent);margin-left:2px;vertical-align:text-bottom;animation:blink .8s step-end infinite}.message.cron-summary{border-left-color:var(--text-2);opacity:.8}.cron-label{display:flex;align-items:center;gap:4px;font-size:11px;font-family:var(--font-mono);color:var(--text-2);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.msg-content{color:var(--text-0)}.msg-content p{margin:0 0 8px}.msg-content p:last-child{margin-bottom:0}.msg-content ul,.msg-content ol{padding-left:20px;margin:6px 0}.msg-content li{margin:2px 0}.msg-content strong{font-weight:600;color:var(--text-0)}.msg-content em{font-style:italic}.msg-content a{color:var(--accent);text-decoration:none;border-bottom:1px solid var(--accent-glow);transition:border-color var(--dur) var(--ease)}.msg-content a:hover{border-color:var(--accent)}.msg-content blockquote{border-left:2px solid var(--text-3);padding-left:12px;color:var(--text-1);margin:8px 0}.msg-content table{border-collapse:collapse;width:100%;margin:8px 0;font-size:13px}.msg-content th,.msg-content td{border:1px solid var(--border);padding:6px 10px;text-align:left}.msg-content th{background:var(--bg-2);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.3px;color:var(--text-1)}.msg-content code{font-family:var(--font-mono);font-size:.88em;background:#ffffff0f;padding:2px 5px;border-radius:3px;color:var(--accent)}.msg-content hr{border:none;border-top:1px solid var(--border);margin:12px 0}.msg-time{font-size:11px;font-family:var(--font-mono);color:var(--text-2);margin-top:4px;text-align:right}.code-block{position:relative;margin:8px 0;background:var(--bg-0);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.code-block pre{padding:12px 14px;overflow-x:auto;font-size:13px;line-height:1.5;-webkit-overflow-scrolling:touch}.code-block code{font-family:var(--font-mono);font-size:13px;background:none;padding:0;color:var(--text-0);border-radius:0}.code-lang{position:absolute;top:0;right:0;font-family:var(--font-mono);font-size:10px;color:var(--text-2);padding:4px 8px;text-transform:uppercase;letter-spacing:.5px;background:var(--bg-2);border-radius:0 var(--radius) 0 var(--radius-sm)}.msg-attachments{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.msg-image{max-width:100%;max-height:280px;border-radius:var(--radius);object-fit:contain;cursor:pointer}.msg-audio{display:flex;flex-direction:column;gap:4px}.msg-audio audio{max-width:260px;height:36px;border-radius:var(--radius)}.msg-audio span{font-size:12px;color:var(--text-2)}.msg-file-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-0);text-decoration:none;font-size:13px;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.msg-file-btn:hover{background:var(--bg-3);border-color:var(--border-strong)}.file-icon{flex-shrink:0;color:var(--text-1)}.file-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.file-action-icon{flex-shrink:0;color:var(--text-2)}.typing-indicator{display:flex;gap:4px;padding:12px 16px;align-self:flex-start}.typing-indicator span{width:6px;height:6px;border-radius:50%;background:var(--text-2);animation:typingBounce 1.2s ease infinite}.typing-indicator span:nth-child(2){animation-delay:.15s}.typing-indicator span:nth-child(3){animation-delay:.3s}.tool-activity{align-self:flex-start;font-size:12px;font-family:var(--font-mono);color:var(--text-2);padding:4px 14px;animation:fadeIn .2s var(--ease)}.date-separator{text-align:center;font-size:12px;font-family:var(--font-mono);color:var(--text-2);padding:16px 0 8px;letter-spacing:.5px}.skeleton-messages{display:flex;flex-direction:column;gap:12px;padding:8px 0}.skeleton-msg{height:48px;border-radius:var(--radius);background:linear-gradient(90deg,var(--bg-2) 25%,var(--bg-3) 50%,var(--bg-2) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-msg:nth-child(odd){width:70%;align-self:flex-start}.skeleton-msg:nth-child(2n){width:55%;align-self:flex-end}.attachment-preview{display:flex;gap:8px;padding:0 16px;overflow-x:auto;flex-shrink:0}.attachment-preview:empty{display:none}.attachment-chip{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);font-size:12px;flex-shrink:0}.attachment-chip img{width:32px;height:32px;object-fit:cover;border-radius:var(--radius-sm)}.attachment-name{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-1)}.attachment-remove{background:none;border:none;color:var(--text-2);font-size:16px;cursor:pointer;padding:0 2px;line-height:1}.attachment-remove:hover{color:var(--danger)}.input-area{padding:8px 12px;padding-bottom:calc(8px + var(--safe-bottom));background:var(--bg-1);border-top:1px solid var(--border);flex-shrink:0}.input-row{display:flex;align-items:flex-end;gap:4px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:4px;transition:border-color var(--dur) var(--ease)}.input-row:focus-within{border-color:var(--border-strong)}.chat-input{flex:1;border:none;background:none;color:var(--text-0);font-family:var(--font-body);font-size:15px;line-height:1.4;padding:8px;resize:none;outline:none;max-height:120px;min-height:20px}.chat-input::placeholder{color:var(--text-2)}.icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:none;color:var(--text-1);cursor:pointer;border-radius:var(--radius);flex-shrink:0;transition:color var(--dur) var(--ease),background var(--dur) var(--ease);-webkit-tap-highlight-color:transparent}.icon-btn:hover{color:var(--text-0);background:var(--bg-3)}.send-btn{color:var(--accent)}.send-btn:hover{color:var(--accent-hover);background:var(--accent-subtle)}.stop-btn{color:var(--danger)}.stop-btn:hover{color:var(--danger);background:var(--danger-subtle)}.voice-btn.recording{color:var(--danger);animation:pulse 1.5s ease infinite}.sessions-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;pointer-events:none}.sessions-panel.open{pointer-events:auto}.sessions-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;opacity:0;transition:opacity var(--dur-slow) var(--ease)}.sessions-panel.open .sessions-overlay{opacity:1}.sessions-drawer{position:absolute;top:0;left:0;bottom:0;width:min(300px,82vw);background:var(--bg-1);border-right:1px solid var(--border);display:flex;flex-direction:column;transform:translate(-100%);transition:transform var(--dur-slow) var(--ease);padding-top:var(--safe-top)}.sessions-panel.open .sessions-drawer{transform:translate(0)}.sessions-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border);flex-shrink:0}.sessions-header h2{font-size:18px;font-weight:600;color:var(--text-0);letter-spacing:-.3px}.sessions-header-actions{display:flex;align-items:center;gap:4px}.new-chat-btn{display:flex;align-items:center;gap:4px;padding:8px 12px;background:var(--accent-subtle);border:1px solid var(--border-accent);border-radius:var(--radius);color:var(--accent);font-family:var(--font-body);font-size:13px;font-weight:500;cursor:pointer;transition:background var(--dur) var(--ease);-webkit-tap-highlight-color:transparent}.new-chat-btn:hover{background:var(--accent-glow)}.sessions-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;color:var(--text-2);font-size:24px;cursor:pointer;border-radius:var(--radius);transition:color var(--dur) var(--ease)}.sessions-close:hover{color:var(--text-0)}.sessions-list{flex:1;overflow-y:auto;padding:8px}.sessions-loading,.sessions-empty{padding:24px 16px;text-align:center;font-size:14px;color:var(--text-2)}.session-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius);cursor:pointer;transition:background var(--dur) var(--ease);-webkit-tap-highlight-color:transparent}.session-item:hover{background:var(--bg-3)}.session-item.active{background:var(--accent-subtle);border-left:2px solid var(--accent)}.session-icon{flex-shrink:0;color:var(--text-2);display:flex}.session-item.active .session-icon{color:var(--accent)}.session-info{flex:1;min-width:0}.session-title{font-size:14px;font-weight:500;color:var(--text-0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-meta{font-size:12px;font-family:var(--font-mono);color:var(--text-2)}.session-badge{font-size:11px;font-family:var(--font-mono);color:var(--text-2);background:var(--bg-3);padding:2px 6px;border-radius:10px;flex-shrink:0}.sessions-section-header{display:flex;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-family:var(--font-mono);color:var(--text-2);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.sessions-section-header svg{width:14px;height:14px;transition:transform var(--dur) var(--ease)}.sessions-section-header.collapsed svg{transform:rotate(-90deg)}.sessions-section-content.hidden{display:none}.welcome-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:32px 24px;text-align:center;gap:0}.welcome-logo{font-family:var(--font-mono);font-size:56px;font-weight:500;color:var(--accent);line-height:1;margin-bottom:12px;letter-spacing:-3px}.welcome-title{font-size:22px;font-weight:600;color:var(--text-0);margin-bottom:4px}.welcome-subtitle{font-size:15px;color:var(--text-1);margin-bottom:32px}.welcome-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.welcome-chip{padding:10px 18px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-0);font-family:var(--font-body);font-size:14px;cursor:pointer;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease);-webkit-tap-highlight-color:transparent}.welcome-chip:hover{background:var(--bg-3);border-color:var(--border-strong)}.welcome-chip:active{background:var(--accent-subtle);border-color:var(--border-accent)}.recording-overlay{position:fixed;bottom:0;left:0;right:0;z-index:300;background:var(--bg-1);border-top:1px solid var(--border);padding:20px 16px;padding-bottom:calc(20px + var(--safe-bottom));display:flex;flex-direction:column;gap:16px;animation:slideUp .25s var(--ease)}.recording-indicator{display:flex;align-items:center;gap:8px;justify-content:center}.recording-dot{width:10px;height:10px;border-radius:50%;background:var(--danger);animation:pulse 1.2s ease infinite}.recording-time{font-family:var(--font-mono);font-size:16px;color:var(--text-0);font-variant-numeric:tabular-nums}.voice-transcript{font-size:15px;color:var(--text-1);text-align:center;min-height:24px;padding:0 16px}.voice-transcript.has-text{color:var(--text-0)}.recording-actions{display:flex;gap:12px;justify-content:center}.rec-cancel-btn,.rec-send-btn{padding:12px 28px;border:none;border-radius:var(--radius);font-family:var(--font-body);font-size:15px;font-weight:500;cursor:pointer;transition:background var(--dur) var(--ease),transform .1s;-webkit-tap-highlight-color:transparent}.rec-cancel-btn{background:var(--bg-3);color:var(--text-1)}.rec-cancel-btn:hover{background:var(--bg-4)}.rec-send-btn{background:var(--accent);color:var(--bg-0)}.rec-send-btn:hover{background:var(--accent-hover)}.install-banner{position:fixed;bottom:0;left:0;right:0;z-index:250;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;padding-bottom:calc(12px + var(--safe-bottom));background:var(--bg-2);border-top:1px solid var(--border);animation:slideUp .3s var(--ease)}.install-banner-text{font-size:14px;color:var(--text-0)}.install-banner-btn{padding:8px 16px;background:var(--accent);color:var(--bg-0);border:none;border-radius:var(--radius);font-family:var(--font-body);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.install-banner-dismiss{background:none;border:none;color:var(--text-2);font-size:20px;cursor:pointer;padding:4px;line-height:1}@keyframes msgIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{50%{opacity:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media(min-width:768px){#app{flex-direction:row}.sessions-panel{position:relative;width:var(--sidebar-width);flex-shrink:0;pointer-events:auto;z-index:auto}.sessions-overlay{display:none}.sessions-drawer{position:relative;width:100%;transform:none;transition:none}.sessions-close,.sidebar-toggle{display:none}.chat-header{padding:12px 20px}.messages{padding:20px 24px}.message{max-width:72%}.input-area{padding:10px 20px}.msg-image{max-height:360px}.welcome-logo{font-size:72px}.welcome-title{font-size:28px}}@media(min-width:1200px){.message{max-width:60%}}@media(max-width:480px){.chat-input{font-size:16px}}