:root{color:#1b2230;text-rendering:optimizelegibility;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4f4ef;font-family:Suisse Intl,Manrope,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;line-height:1.5}html{scroll-behavior:smooth}body{min-width:320px}#root{min-height:100vh}a{color:inherit;text-decoration:none}:root{--bg:#f4f4ef;--panel:#ffffffe0;--panel-strong:#fff;--panel-soft:#eef1f6;--surface:#fff;--text:#1b2230;--text-soft:#667085;--text-faint:#8a94a6;--border:#14203a14;--shadow:0 24px 60px #121c2d14;--sidebar:#fafaf7eb;--brand:#1b365d;--brand-soft:#264a7d;--accent:#f38b00;--success:#1f8b4c;--danger:#c73f3f}:root[data-theme=dark]{--bg:#0f1720;--panel:#0d1520e0;--panel-strong:#101926;--panel-soft:#152131;--surface:#0f1720;--text:#edf2f7;--text-soft:#9eacbf;--text-faint:#748195;--border:#ffffff14;--shadow:0 24px 70px #00000052;--sidebar:#0c131eeb;--brand:#91b4e3;--brand-soft:#d6e5fb;--accent:#f7a73a;--success:#43b86d;--danger:#ff7f7f}*{box-sizing:border-box}body{background:radial-gradient(circle at top left, #f38b0014, transparent 28%), radial-gradient(circle at bottom right, #1b365d1f, transparent 26%), var(--bg);color:var(--text);margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.app-frame{min-height:100vh;color:var(--text);grid-template-columns:280px minmax(0,1fr);display:grid}.sidebar{background:var(--sidebar);border-right:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;flex-direction:column;gap:16px;height:100vh;padding:20px 16px;display:flex;position:sticky;top:0}.sidebar-top,.sidebar-footer{flex-direction:column;gap:14px;display:flex}.sidebar-section{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}.section-eyebrow,.brand-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);margin:0;font-size:.72rem}.brand{align-items:center;gap:12px;display:flex}.brand.compact{gap:10px}.brand-badge{border-radius:14px;flex:none;width:48px;height:48px;box-shadow:inset 0 0 0 1px #1b365d14}.brand-copy{flex-direction:column;gap:2px;display:flex}.brand-copy strong{font-size:.98rem;font-weight:700}.new-chat-button,.primary-button,.secondary-button,.send-button,.starter-card,.conversation-item,.icon-button,.status-chip{border:1px solid #0000;transition:transform .16s,background .16s,border-color .16s,color .16s,box-shadow .16s}.new-chat-button,.primary-button{background:var(--brand);color:#fff;border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:12px 14px;font-weight:600;display:inline-flex;box-shadow:0 18px 40px #1b365d38}.new-chat-button:hover,.primary-button:hover,.secondary-button:hover,.starter-card:hover,.conversation-item:hover,.icon-button:hover,.send-button:hover{transform:translateY(-1px)}.secondary-button,.icon-button,.conversation-item,.starter-card,.auth-card,.composer-shell,.attachment-pill,.message-bubble,.status-chip,.modal-panel,.user-card{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow)}.secondary-button,.icon-button{color:var(--text)}.secondary-button{border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:10px 12px;display:inline-flex}.icon-button{border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.icon-button.subtle{width:34px;height:34px;box-shadow:none;background:0 0}.conversation-list,.stack-list{flex-direction:column;gap:10px;min-height:0;display:flex;overflow:auto}.conversation-item{border-radius:18px;align-items:stretch;gap:6px;width:100%;padding:8px;display:flex}.conversation-main{text-align:left;border-radius:14px;flex-direction:column;flex:1;align-items:flex-start;gap:6px;min-width:0;padding:10px 12px;display:flex}.conversation-rename,.conversation-delete{color:var(--text-soft);align-self:center}.conversation-rename:hover{color:var(--brand);background:#1b365d1f}.conversation-delete:hover{color:#c03b2b;background:#c03b2b1f}.conversation-item strong{font-size:.95rem}.conversation-item span,.empty-sidebar,.user-card span,.composer-meta,.message-head span,.attachment-meta span,.attachment-meta small,.auth-intro p,.empty-state p,.info-banner,.error-banner{color:var(--text-soft)}.conversation-item.active{background:var(--panel-strong);border-color:#1b365d3d}.empty-sidebar{margin:0;font-size:.94rem}.user-card{border-radius:18px;align-items:center;gap:12px;padding:14px;display:flex}.user-card.large{background:var(--panel-soft);box-shadow:none}.user-avatar{background:linear-gradient(135deg, var(--brand), var(--brand-soft));color:#fff;border-radius:14px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;font-weight:700;display:inline-flex}.sidebar-actions{gap:10px;display:grid}.chat-shell{flex-direction:column;gap:18px;min-width:0;min-height:100vh;padding:20px clamp(16px,3vw,32px);display:flex}.topbar{justify-content:space-between;align-items:center;gap:14px;display:flex}.topbar-left,.topbar-right{align-items:center;gap:12px;display:flex}.topbar-left h2{margin:2px 0 0;font-size:clamp(1.1rem,2vw,1.35rem)}.topbar-right{flex-wrap:wrap;justify-content:flex-end}.status-chip{box-shadow:none;border-radius:999px;align-items:center;gap:8px;padding:9px 12px;font-size:.9rem;display:inline-flex}.status-chip.ok{color:var(--success)}.status-chip.warn{color:var(--accent)}.status-indicator{background:currentColor;border-radius:999px;flex:none;width:9px;height:9px}.status-indicator.live{animation:1.4s ease-in-out infinite statusPulse;box-shadow:0 0 #1f8b4c6b}.status-indicator.idle{opacity:.72}@keyframes statusPulse{0%{transform:scale(.9);box-shadow:0 0 #1f8b4c61}70%{transform:scale(1);box-shadow:0 0 0 10px #1f8b4c00}to{transform:scale(.9);box-shadow:0 0 #1f8b4c00}}.model-select{background:var(--panel);border:1px solid var(--border);min-height:42px;box-shadow:var(--shadow);border-radius:14px;align-items:center;gap:10px;padding:0 14px;display:inline-flex}.model-select span{color:var(--text-soft);font-size:.9rem}.model-select select{color:var(--text);background:0 0;border:0;outline:none}.chat-stage{flex:1;justify-content:center;min-height:0;display:flex}.message-list,.empty-state{width:min(920px,100%)}.message-list{flex-direction:column;gap:18px;padding:12px 0 24px;display:flex}.empty-state.clean{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:clamp(40px,10vw,96px) 12px;display:flex}.empty-state h3,.auth-intro h1{letter-spacing:-.04em;margin:0;line-height:1.02}.empty-state h3{max-width:12ch;font-size:clamp(2rem,5vw,3.6rem)}.empty-state p{max-width:700px;margin:0;font-size:1rem;line-height:1.7}.starter-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;display:grid}.starter-card{text-align:left;color:var(--text);border-radius:20px;min-height:92px;padding:18px}.message-row{display:flex}.message-row.user{justify-content:flex-end}.message-shell{flex-direction:column;gap:8px;width:min(780px,100%);display:flex}.message-head{justify-content:space-between;align-items:center;gap:16px;font-size:.9rem;display:flex}.message-author{align-items:center;gap:10px;display:inline-flex}.message-avatar{background:var(--panel-soft);width:32px;height:32px;color:var(--brand);border-radius:11px;justify-content:center;align-items:center;display:inline-flex}.message-avatar.user{background:linear-gradient(135deg, var(--accent), var(--brand));color:#fff}.message-bubble{border-radius:24px;padding:18px 20px;line-height:1.75}.thinking-text{color:var(--text-soft);margin:0;font-style:italic;animation:1.4s ease-in-out infinite thinkingPulse}@keyframes thinkingPulse{0%,to{opacity:.46}50%{opacity:1}}.message-bubble.user{background:var(--panel-strong)}.message-bubble.assistant{box-shadow:none;background:0 0}.message-actions{margin-top:14px;display:flex}.inline-action{min-height:auto;padding:8px 12px}.message-bubble p:first-child,.message-bubble p:last-child,.message-bubble pre:last-child,.message-bubble ul:last-child,.message-bubble ol:last-child{margin-bottom:0}.message-bubble pre{color:#eff4fb;background:#0a1423eb;border-radius:16px;padding:14px;overflow:auto}.message-bubble code{font-family:IBM Plex Mono,Fira Code,Consolas,monospace}.attachment-stack,.attachment-tray{flex-direction:column;gap:10px;display:flex}.attachment-pill{border-radius:18px;align-items:center;gap:12px;min-width:0;padding:10px;display:flex}.attachment-pill.image{align-items:stretch}.attachment-thumb{object-fit:cover;border-radius:14px;flex:none;width:88px;height:88px}.attachment-icon{background:var(--panel-soft);width:44px;height:44px;color:var(--brand);border-radius:14px;flex:none;justify-content:center;align-items:center;display:inline-flex}.attachment-meta{flex-direction:column;gap:4px;min-width:0;display:flex}.attachment-meta strong,.attachment-meta span,.attachment-meta small{text-overflow:ellipsis;overflow:hidden}.composer-panel{flex-direction:column;gap:12px;width:min(920px,100%);margin:0 auto 6px;display:flex}.composer-shell{border-radius:28px;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:10px;padding:12px;display:grid}.composer-shell textarea{color:var(--text);resize:none;background:0 0;border:0;outline:none;min-height:56px;max-height:220px;padding:8px 4px;line-height:1.6}.composer-shell textarea::placeholder{color:var(--text-faint)}.send-button{background:var(--brand);color:#fff;border:0;border-radius:16px;justify-content:center;align-items:center;width:46px;height:46px;display:inline-flex}.send-button.stop{background:var(--accent)}.send-button:disabled{opacity:.35;cursor:not-allowed;transform:none}.composer-meta{justify-content:space-between;gap:12px;font-size:.86rem;display:flex}.error-banner,.info-banner{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:12px 14px}.error-banner{color:var(--danger)}.info-banner.muted{color:var(--text-soft)}.auth-page{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-layout{grid-template-columns:minmax(0,1.05fr) minmax(360px,440px);align-items:center;gap:28px;width:min(1120px,100%);display:grid}.auth-intro{flex-direction:column;gap:18px;padding:clamp(20px,4vw,44px);display:flex}.auth-intro h1{max-width:10ch;font-size:clamp(2.6rem,5vw,5.4rem)}.auth-card{border-radius:30px;flex-direction:column;gap:18px;padding:22px;display:flex}.auth-card-top{justify-content:space-between;align-items:center;display:flex}.auth-card-actions{align-items:center;gap:10px;display:flex}.locale-toggle{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:6px;padding:4px;display:inline-flex}.locale-toggle button{color:var(--text-soft);background:0 0;border:0;border-radius:999px;padding:6px 10px;font-size:.82rem}.locale-toggle button.active{background:var(--panel-strong);color:var(--text)}.auth-tabs{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.auth-tabs button{color:var(--text-soft);background:0 0;border:0;border-radius:14px;padding:11px 12px}.auth-tabs button.active{background:var(--panel-soft);color:var(--text)}.auth-fields,.form-grid,.admin-layout{flex-direction:column;gap:14px;display:flex}.auth-fields h2,.modal-head h3,.modal-section h4{margin:0}.auth-fields label,.form-grid label,.admin-grid-row label{color:var(--text-soft);flex-direction:column;gap:7px;font-size:.92rem;display:flex}.auth-fields input,.form-grid input,.form-grid select,.admin-grid-row input,.admin-grid-row select{border:1px solid var(--border);background:var(--panel-soft);width:100%;color:var(--text);border-radius:14px;outline:none;padding:13px 14px}.modal-scrim,.sidebar-scrim{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#060c1475;position:fixed;inset:0}.sidebar-scrim{opacity:0;pointer-events:none;z-index:15;transition:opacity .18s}.sidebar-scrim.visible{opacity:1;pointer-events:auto}.modal-scrim{z-index:40;place-items:center;padding:24px;display:grid}.modal-panel{border-radius:30px;flex-direction:column;gap:18px;width:min(720px,100%);max-height:calc(100vh - 48px);padding:24px;display:flex;overflow:auto}.modal-panel.slim{width:min(560px,100%)}.modal-panel.admin{width:min(980px,100%)}.modal-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.modal-section{flex-direction:column;gap:14px;display:flex}.modal-copy{color:var(--text-soft);margin:0;line-height:1.7}.modal-actions{justify-content:flex-end;gap:12px;display:flex}.primary-button.destructive{background:#c03b2b;box-shadow:0 18px 40px #c03b2b38}.admin-layout{gap:18px}.admin-card{background:var(--panel-soft);border:1px solid var(--border);border-radius:22px;flex-direction:column;gap:12px;padding:16px;display:flex}.admin-grid-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.admin-card-footer{color:var(--text-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-card-footer.stretch{align-items:flex-start}.checkbox-row{align-items:center;gap:8px;display:inline-flex}.checkbox-row input{width:auto}.mobile-only{display:none}@media (width<=1100px){.starter-grid,.admin-grid-row,.auth-layout{grid-template-columns:1fr}.auth-intro h1{max-width:12ch}}@media (width<=920px){.app-frame{grid-template-columns:1fr}.sidebar{width:min(300px,86vw);transition:transform .18s;position:fixed;inset:0 auto 0 0;transform:translate(-102%)}.sidebar.open{transform:translate(0)}.mobile-only{display:inline-flex}.topbar{flex-direction:column;align-items:flex-start}.topbar-right{justify-content:flex-start;width:100%}.composer-meta{flex-direction:column}}@media (width<=640px){.chat-shell,.auth-page,.modal-scrim{padding:14px}.topbar-right,.composer-shell{width:100%}.composer-shell{grid-template-columns:auto minmax(0,1fr) auto}.attachment-pill{align-items:flex-start}.attachment-thumb{width:72px;height:72px}.empty-state h3{font-size:2.2rem}.new-chat-button,.primary-button,.secondary-button{width:100%}.sidebar-actions{grid-template-columns:1fr}}