:root{--bg-main:#343541;--bg-sidebar:#202123;--bg-panel:#343541;--bg-user-row:#444654;--bg-assistant-row:#343541;--bg-control:#3e3f4b;--bg-control-hover:#4b4c5a;--line:#565869;--line-soft:#3a3b45;--text-main:#ececf1;--text-muted:#8e8ea0;--accent:#10a37f;--danger:#ff6b6b;--success:#75d7b8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--bg-main);color:var(--text-main);margin:0}.app-root{background:var(--bg-main);grid-template-columns:260px 1fr;min-height:100svh;display:grid}.sidebar{background:var(--bg-sidebar);border-right:1px solid #1a1b20;grid-template-rows:auto auto 1fr;gap:.85rem;padding:.85rem;display:grid}.brand-box{align-items:center;gap:.65rem;padding:.4rem;display:flex}.brand-mark{color:#0d2a22;background:#19b88f;border-radius:.45rem;place-items:center;width:1.95rem;height:1.95rem;font-weight:700;display:grid}.brand-text h1{letter-spacing:.01em;margin:0;font-size:.94rem;font-weight:600}.brand-text p{color:var(--text-muted);margin:.08rem 0 0;font-size:.76rem}.sidebar-button{border:1px solid var(--line);width:100%;min-height:2.45rem;color:var(--text-main);text-align:left;cursor:pointer;background:0 0;border-radius:.48rem;padding:0 .8rem;font-size:.88rem}.sidebar-button:hover,.sidebar-button:focus-visible{background:#2a2b32;outline:none}.sidebar-history{border-top:1px solid #2a2b32;padding-top:.75rem}.history-heading{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 .45rem;font-size:.73rem}.history-item{color:var(--text-main);border-radius:.42rem;margin:0;padding:.48rem .55rem;font-size:.85rem}.history-item.active{background:#2a2b32}.chat-layout{background:var(--bg-panel);grid-template-rows:auto 1fr auto;min-height:100svh;display:grid}.chat-header{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;height:3.2rem;padding:0 1rem;display:flex}.chat-header-model{color:var(--text-muted);font-size:.86rem}.chat-header-actions{align-items:center;gap:.5rem;display:flex}.chat-header-button{border:1px solid var(--line);min-height:2rem;color:var(--text-main);cursor:pointer;background:0 0;border-radius:.46rem;padding:0 .75rem;font-size:.82rem}.chat-header-button:hover,.chat-header-button:focus-visible{background:#3b3c46;outline:none}.chat-signin-button{background:#1f8f73;border-color:#2a7d6a}.chat-signin-button:hover,.chat-signin-button:focus-visible{background:#21745f}.conversation{overflow-y:auto}.conversation-welcome{place-items:center;display:grid}.welcome-screen{width:min(920px,100% - 2rem);margin:0 auto;padding:2rem 0}.welcome-title{text-align:center;letter-spacing:.01em;margin:0 0 2rem;font-size:clamp(1.85rem,3vw,2.25rem);font-weight:700}.welcome-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.welcome-auth-actions{justify-content:center;margin:-.5rem 0 1.3rem;display:flex}.welcome-column h3{text-align:center;color:#d5d5df;margin:0 0 .75rem;font-size:1rem;font-weight:600}.welcome-list{gap:.6rem;display:grid}.welcome-card{text-align:center;color:#e6e6ee;background:#3f4150;border:1px solid #4f5162;border-radius:.5rem;place-items:center;min-height:3rem;margin:0;padding:.55rem;font-size:.86rem;line-height:1.35;display:grid}.welcome-card:hover{background:#474958}.message-row{border-top:1px solid #0000;border-bottom:1px solid #0000;width:100%}.message-row.assistant{background:var(--bg-assistant-row)}.message-row.user{background:var(--bg-user-row);border-top-color:var(--line-soft);border-bottom-color:var(--line-soft)}.message-inner{grid-template-columns:30px 1fr;align-items:start;gap:.85rem;width:min(768px,100% - 2rem);margin:0 auto;padding:1.4rem 0;display:grid}.avatar{border-radius:.28rem;place-items:center;width:30px;height:30px;font-size:.74rem;font-weight:700;display:grid}.message-row.assistant .avatar{background:var(--accent);color:#07251e}.message-row.user .avatar{color:#ebe5ff;background:#5436da}.message-content{min-width:0}.message-text{white-space:pre-wrap;margin:0;font-size:.95rem;line-height:1.5}.message-image-wrap{gap:.35rem;margin:.5rem 0 0;display:grid}.message-image{border:1px solid var(--line);border-radius:.45rem;width:min(430px,100%)}.message-image-wrap figcaption{color:var(--text-muted);margin:0;font-size:.74rem}.typing-bubble{align-items:center;gap:.35rem;display:flex}.typing-dot{background:var(--text-muted);border-radius:999px;width:.36rem;height:.36rem;animation:.9s ease-in-out infinite typing}.typing-dot:nth-child(2){animation-delay:.11s}.typing-dot:nth-child(3){animation-delay:.22s}.composer-panel{border-top:1px solid var(--line-soft);background:var(--bg-panel);padding:1rem 0 1.2rem}.composer-wrap{width:min(768px,100% - 2rem);margin:0 auto}.attachment-list{gap:.55rem;margin-bottom:.65rem;display:grid}.attachment-chip{border:1px solid var(--line);background:#3a3b46;border-radius:.5rem;grid-template-columns:54px 1fr auto;align-items:center;gap:.65rem;padding:.42rem;display:grid}.attachment-chip img{object-fit:cover;border-radius:.35rem;width:54px;height:54px}.attachment-chip p{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.82rem;font-weight:600;overflow:hidden}.attachment-chip small{color:var(--text-muted);font-size:.72rem}.remove-attachment{border:1px solid var(--line);background:var(--bg-control);min-height:1.85rem;color:var(--text-main);cursor:pointer;border-radius:.4rem;padding:0 .5rem;font-size:.76rem}.remove-attachment:hover,.remove-attachment:focus-visible{background:var(--bg-control-hover);outline:none}.composer{border:1px solid var(--line);background:#40414f;border-radius:.68rem;box-shadow:0 0 0 1px #ffffff05,0 12px 28px #0000003d}.composer textarea{width:100%;color:var(--text-main);font:inherit;resize:none;background:0 0;border:0;min-height:82px;padding:.75rem .82rem}.composer textarea::placeholder{color:#b4b4c0}.composer textarea:focus-visible{outline:none}.composer-actions{border-top:1px solid #ffffff0f;justify-content:space-between;gap:.55rem;padding:.55rem;display:flex}.attach-button,.send-button{border:1px solid var(--line);background:var(--bg-control);min-height:1.95rem;color:var(--text-main);cursor:pointer;border-radius:.45rem;justify-content:center;align-items:center;padding:0 .8rem;font-size:.8rem;font-weight:600;display:inline-flex}.attach-button:hover,.attach-button:focus-visible,.send-button:hover,.send-button:focus-visible{background:var(--bg-control-hover);outline:none}.send-button{background:#1f8f73;border-color:#2a7d6a}.send-icon-button{border-radius:.42rem;width:2rem;min-width:2rem;padding:0;font-size:.95rem;font-weight:700}.send-button:disabled{opacity:.55;cursor:not-allowed}#image-input{display:none}.status-line{min-height:1.2rem;padding-top:.45rem}.status-line p{margin:0;font-size:.76rem}.status-error{color:var(--danger)}.status-usage{color:var(--success)}.auth-modal-overlay{z-index:30;background:#0009;place-items:center;display:grid;position:fixed;inset:0}.auth-modal-card{border:1px solid var(--line);background:#2d2f3b;border-radius:.65rem;width:min(420px,100% - 1rem);padding:1rem}.auth-modal-card h3{margin:0;font-size:1.15rem}.auth-modal-card>p{color:var(--text-muted);margin:.45rem 0 .85rem;font-size:.85rem}.auth-form{gap:.45rem;display:grid}.auth-form label{color:#d0d0d9;font-size:.82rem}.auth-form input{border:1px solid var(--line);min-height:2.1rem;color:var(--text-main);background:#1f2029;border-radius:.42rem;padding:0 .62rem}.auth-form input:focus-visible{outline-offset:1px;outline:2px solid #2f9f81}.auth-error{color:var(--danger);margin:.2rem 0 0;font-size:.8rem}.auth-form-actions{justify-content:flex-end;gap:.45rem;margin-top:.45rem;display:flex}.sr-only{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes typing{0%,to{opacity:.45;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}@media (width<=860px){.app-root{grid-template-rows:auto 1fr;grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line-soft);grid-template-rows:auto;grid-auto-flow:column;align-items:center;gap:.6rem;padding:.65rem;overflow-x:auto}.sidebar-history{border-top:0;padding-top:0}.history-heading,.history-item{display:none}.chat-layout{min-height:calc(100svh - 64px)}.chat-header{height:2.9rem;padding:0 .7rem}.message-inner,.composer-wrap{width:calc(100% - 1rem)}.welcome-screen{width:calc(100% - 1rem);padding:1.2rem 0}.welcome-title{margin-bottom:1.15rem;font-size:1.5rem}.welcome-columns{grid-template-columns:1fr;gap:.9rem}.welcome-column h3{text-align:left}.welcome-card{text-align:left;place-items:start}.message-inner{grid-template-columns:26px 1fr;gap:.65rem;padding:1rem 0}.avatar{width:26px;height:26px;font-size:.67rem}.attachment-chip{grid-template-columns:48px 1fr;grid-template-areas:"image details""remove remove"}.attachment-chip img{grid-area:image;width:48px;height:48px}.attachment-chip>div{grid-area:details}.remove-attachment{grid-area:remove;width:100%}}