: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-meta{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.conversation-preview{color:var(--text-soft);-webkit-line-clamp:2;text-wrap:pretty;-webkit-box-orient:vertical;margin:0;font-size:.84rem;line-height:1.45;display:-webkit-box;overflow:hidden}.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{text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:.95rem;overflow:hidden}.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{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);justify-content:space-between;align-items:center;gap:14px;padding:8px 0 2px;display:flex;position:sticky;top:0}.topbar-left,.topbar-right{align-items:center;gap:12px;display:flex}.topbar-title{min-width:0}.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}.model-preset-toggle{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;align-items:stretch;gap:4px;padding:4px;display:inline-flex}.model-preset-toggle button{min-width:88px;color:var(--text-soft);background:0 0;border:0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:8px 10px;font-weight:700;display:inline-flex}.model-preset-toggle button small{color:var(--text-faint);font-size:.72rem}.model-preset-toggle button.active{background:linear-gradient(135deg, var(--brand), var(--brand-soft));color:#fff;box-shadow:0 12px 24px #1b365d3d}.model-preset-toggle button.active small{color:#fffc}.model-preset-toggle button:disabled{opacity:.48;cursor:not-allowed}.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{z-index:11;width:min(920px,100%);padding:10px 0 calc(6px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg, #f4f4ef00 0%, #f4f4efe0 18%, var(--bg) 100%);flex-direction:column;gap:12px;margin:0 auto 6px;display:flex;position:sticky;bottom:0}:root[data-theme=dark] .composer-panel{background:linear-gradient(180deg, #0f172000 0%, #0f1720e6 18%, var(--bg) 100%)}.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%)}.mobile-controls-sheet{gap:16px}.mobile-controls-grid{flex-direction:column;gap:12px;display:flex}.mobile-controls-actions{flex-direction:column;gap:10px;display:flex}.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}.chat-shell{gap:12px;min-height:100dvh;padding:14px}.topbar{padding-top:max(4px, env(safe-area-inset-top,0px));background:linear-gradient(180deg, color-mix(in srgb, var(--bg) 92%, transparent), #0000)}.sidebar{width:min(320px,90vw);height:100dvh;padding:16px 14px calc(16px + env(safe-area-inset-bottom,0px));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:row;justify-content:space-between;align-items:center;gap:10px}.topbar-left{flex:1;min-width:0}.topbar-right{display:none}.topbar-title{overflow:hidden}.topbar-left h2,.topbar-left .section-eyebrow{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobile-controls-button{flex:none;margin-left:auto}.chat-stage{padding-bottom:2px}.message-list{padding:10px 0 176px}.empty-state.clean{padding-bottom:176px}.composer-panel{padding-top:6px;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px));background:0 0;gap:10px;margin-bottom:0}.composer-shell{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:24px;padding:10px}.composer-meta{display:none}}@media (width<=640px){.chat-shell,.auth-page,.modal-scrim{padding:12px}.auth-page{min-height:100dvh;padding:max(12px, env(safe-area-inset-top,0px)) 12px max(12px, env(safe-area-inset-bottom,0px));place-items:start}.auth-layout{gap:14px;width:100%}.auth-intro{gap:12px;padding:4px 4px 0}.auth-intro h1{max-width:none;font-size:clamp(2rem,12vw,3.1rem)}.auth-card{border-radius:24px;gap:14px;padding:16px}.auth-card-top{flex-direction:column;align-items:stretch;gap:10px}.auth-card-actions{justify-content:space-between}.topbar-right,.composer-shell{width:100%}.topbar-left h2{font-size:1rem}.topbar-left .section-eyebrow{display:none}.mobile-controls-button{margin-left:auto}.composer-shell{border-radius:22px;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;padding:10px;box-shadow:0 18px 40px #0c131e24}.composer-shell textarea{min-height:56px;padding:6px 2px;font-size:.98rem}.composer-meta{display:none}.attachment-pill{align-items:flex-start;gap:10px;padding:10px}.attachment-thumb{width:72px;height:72px}.message-list{gap:14px;padding:6px 0 188px}.message-shell{width:100%}.message-head{flex-direction:column;align-items:flex-start;gap:8px}.message-author{min-width:0}.message-author strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.message-bubble{border-radius:18px;padding:14px;line-height:1.65}.message-bubble pre{border-radius:14px;padding:12px;font-size:.85rem}.empty-state h3{max-width:10ch;font-size:1.95rem}.empty-state.clean{padding:28px 4px 40px}.empty-state p{font-size:.95rem}.new-chat-button,.primary-button,.secondary-button{width:100%}.conversation-item{gap:4px;padding:6px}.conversation-main{padding:10px}.conversation-main span{font-size:.8rem}.conversation-preview{-webkit-line-clamp:2;font-size:.8rem}.conversation-item:not(.active) .conversation-rename,.conversation-item:not(.active) .conversation-delete{display:none}.sidebar-footer{background:linear-gradient(180deg, #0000, color-mix(in srgb, var(--sidebar) 96%, transparent) 18%);padding-top:8px;position:sticky;bottom:0}.user-card{padding:12px}.sidebar-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.sidebar-actions .secondary-button{gap:0;min-height:44px;padding:10px}.sidebar-actions .secondary-button span{display:none}.modal-scrim{place-items:end;padding:0}.modal-panel,.modal-panel.slim,.modal-panel.admin{border-radius:22px 22px 0 0;width:100%;min-height:min(78dvh,760px);max-height:92dvh;padding:16px}.mobile-controls-sheet{min-height:auto}.modal-head{z-index:2;background:linear-gradient(180deg, color-mix(in srgb, var(--panel-strong) 94%, transparent), #0000);align-items:flex-start;padding-bottom:10px;position:sticky;top:0}.modal-actions{flex-direction:column-reverse}.admin-card{padding:14px}.admin-grid-row{gap:10px}.admin-card-footer,.admin-card-footer.stretch{flex-direction:column;align-items:stretch}.admin-card-footer .secondary-button,.admin-card-footer .primary-button,.admin-grid-row .secondary-button{width:100%}.checkbox-row{align-items:flex-start}}@media (width<=480px){.chat-shell{padding:10px}.sidebar{width:92vw}.brand-badge{border-radius:12px;width:42px;height:42px}.brand{gap:10px}.status-chip,.locale-toggle,.model-select,.model-preset-toggle{border-radius:14px}.model-preset-toggle button{padding:8px 6px}.composer-panel{padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));gap:10px;margin-bottom:0}.composer-meta{font-size:.8rem}.send-button,.icon-button{width:40px;height:40px}.auth-card{border-radius:20px;padding:14px}.topbar,.topbar-left{gap:10px}.topbar-left h2{font-size:.96rem}.status-chip{padding:8px 10px;font-size:.84rem}.conversation-item{border-radius:16px}.conversation-preview{-webkit-line-clamp:1}.model-select{display:none}.mobile-controls-sheet .model-select{min-height:48px;display:inline-flex}.locale-toggle{justify-content:center}.auth-tabs{gap:6px}.auth-tabs button{padding:10px 8px;font-size:.92rem}.auth-fields input,.form-grid input,.form-grid select,.admin-grid-row input,.admin-grid-row select{padding:12px;font-size:.96rem}.message-avatar{border-radius:10px;width:28px;height:28px}.sidebar-actions{gap:8px}.sidebar-actions .secondary-button{border-radius:12px}.attachment-meta strong,.attachment-meta span,.attachment-meta small{white-space:normal;word-break:break-word}.modal-panel,.modal-panel.slim,.modal-panel.admin{min-height:82dvh;max-height:94dvh;padding:14px}}