:root{--mauve-bark: #725752;--grey-olive: #878e88;--muted-teal: #96c0b7;--beige: #d4dfc7;--lemon-chiffon: #fef6c9;--bg-page: color-mix(in hsl, var(--lemon-chiffon) 58%, white);--bg-surface: color-mix(in hsl, white 86%, var(--beige));--bg-surface-strong: color-mix(in hsl, white 80%, var(--beige));--bg-elevated: #ffffff;--text-strong: color-mix(in hsl, var(--mauve-bark) 86%, black);--text-body: color-mix(in hsl, var(--mauve-bark) 70%, var(--grey-olive));--text-muted: color-mix(in hsl, var(--grey-olive) 68%, white);--border-soft: color-mix(in hsl, var(--beige) 82%, white);--border-strong: color-mix(in hsl, var(--grey-olive) 44%, var(--mauve-bark));--action: color-mix(in hsl, var(--muted-teal) 82%, var(--mauve-bark));--action-hover: color-mix(in hsl, var(--muted-teal) 72%, black);--focus-ring: color-mix(in hsl, var(--lemon-chiffon) 52%, var(--muted-teal));--danger: color-mix(in hsl, #ad3b3b 72%, var(--mauve-bark));--shadow-low: 0 2px 6px rgba(36, 30, 24, .06);--shadow-mid: 0 12px 24px rgba(36, 30, 24, .12);--shadow-overlay: 0 24px 60px rgba(36, 30, 24, .22);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-pill: 999px;--text-xs: 12px;--text-sm: 14px;--text-md: 16px;--text-lg: 20px;--text-xl: 24px;--text-2xl: 32px;color:var(--text-body);font-family:"Source Sans 3",Avenir Next,Segoe UI,sans-serif;font-size:var(--text-md);line-height:1.45;background:radial-gradient(circle at 8% 8%,color-mix(in hsl,var(--lemon-chiffon) 62%,white) 0%,transparent 45%),radial-gradient(circle at 95% 95%,color-mix(in hsl,var(--muted-teal) 42%,white) 0%,transparent 38%),var(--bg-page)}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text-body)}#root{min-height:100vh}h1,h2,p{margin:0}h1,h2{font-family:Fraunces,Iowan Old Style,Times New Roman,serif;color:var(--text-strong)}button,input,textarea,select{font:inherit;color:inherit}.layout{min-height:100vh;display:grid;grid-template-columns:1fr;gap:var(--space-4);padding:var(--space-4);max-width:1360px;margin:0 auto;position:relative}.card{border-radius:var(--radius-lg);border:1px solid var(--border-soft);background:linear-gradient(180deg,var(--bg-elevated),var(--bg-surface));box-shadow:var(--shadow-low)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#241e186b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;padding:var(--space-4);z-index:30}.create-dialog{width:min(460px,100%);border-radius:var(--radius-xl);border:1px solid var(--border-strong);background:var(--bg-elevated);box-shadow:var(--shadow-overlay);padding:var(--space-5);display:grid;gap:var(--space-3)}.create-dialog h2{font-size:var(--text-xl)}.create-dialog-form{display:grid;gap:var(--space-3)}.create-dialog-input{border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:10px 12px;background:color-mix(in hsl,var(--lemon-chiffon) 18%,white)}.create-dialog-actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.toast-stack{position:fixed;top:var(--space-4);right:var(--space-4);width:min(340px,calc(100vw - 32px));display:grid;gap:var(--space-2);z-index:25}.toast-card{border-radius:var(--radius-md);border:1px solid color-mix(in hsl,var(--muted-teal) 36%,var(--beige));background:color-mix(in hsl,var(--bg-elevated) 88%,var(--lemon-chiffon));padding:var(--space-3);box-shadow:var(--shadow-mid)}.toast-meta{margin-top:var(--space-2);display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.toast-meta small{color:var(--text-muted);font-size:var(--text-xs)}.sidebar{min-height:0;padding:var(--space-4);display:grid;gap:var(--space-4);grid-template-rows:auto auto auto minmax(220px,1fr) auto}.sidebar-head h1{font-size:var(--text-xl);letter-spacing:.01em}.controls{display:grid;gap:var(--space-2);grid-template-columns:1fr 1fr}.controls .button-subtle{grid-column:1 / -1}.provider-picker{display:grid;gap:var(--space-2)}.provider-picker label{font-size:var(--text-sm);color:var(--text-muted)}.provider-picker select{border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:8px 10px;background:color-mix(in hsl,var(--lemon-chiffon) 18%,white)}.list{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:color-mix(in hsl,var(--bg-surface) 88%,white);padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-2);overflow:auto;min-height:0}.conversation{border:1px solid transparent;border-radius:var(--radius-md);background:var(--bg-elevated);padding:10px;display:flex;flex-direction:column;gap:var(--space-1);cursor:pointer;transition:border-color .12s ease,background-color .12s ease}.conversation:hover{border-color:var(--border-soft)}.conversation.active{border-color:color-mix(in hsl,var(--muted-teal) 70%,var(--mauve-bark));background:color-mix(in hsl,var(--lemon-chiffon) 30%,white)}.conversation-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.conversation-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-delete{border:0;background:transparent;color:var(--text-muted);width:24px;height:24px;border-radius:var(--radius-sm);padding:0}.conversation-delete:hover{background:color-mix(in hsl,var(--lemon-chiffon) 45%,white)}.conversation-name-input{border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:4px 6px;width:100%}.status-line{font-size:var(--text-sm);border-top:1px solid var(--border-soft);padding-top:var(--space-3)}.chat{min-height:0;display:grid;grid-template-rows:auto minmax(320px,1fr) auto auto;gap:var(--space-3);padding:var(--space-4)}.chat-header{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3)}.chat-header h2{font-size:var(--text-lg)}.messages{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:linear-gradient(180deg,var(--bg-surface-strong),var(--bg-elevated));padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3);overflow:auto;min-height:0}.history-pagination{display:flex;justify-content:center}.message{max-width:min(72ch,82%);border-radius:var(--radius-lg);padding:10px 12px;border:1px solid transparent}.message.user{align-self:flex-end;background:color-mix(in hsl,var(--muted-teal) 18%,white);border-color:color-mix(in hsl,var(--muted-teal) 25%,var(--beige))}.message.assistant{align-self:flex-start;background:color-mix(in hsl,var(--lemon-chiffon) 30%,white);border-color:color-mix(in hsl,var(--beige) 85%,white)}.message.pending{opacity:.7}.message.failed{border-color:color-mix(in hsl,var(--danger) 70%,white)}.message-meta{margin-top:var(--space-2);display:flex;gap:var(--space-2)}.message-attachment-image{width:min(280px,100%);border-radius:var(--radius-md);margin-top:var(--space-2);display:block;border:1px solid var(--border-soft)}.message small{margin-top:var(--space-2);display:block;color:var(--text-muted);font-size:var(--text-xs)}.message-markdown>*:first-child{margin-top:0}.message-markdown>*:last-child{margin-bottom:0}.message-markdown p,.message-markdown li,.message-markdown blockquote{white-space:pre-wrap;word-break:break-word}.message-markdown p,.message-markdown ul,.message-markdown ol,.message-markdown blockquote,.message-markdown pre{margin:0 0 var(--space-2) 0}.message-markdown ul,.message-markdown ol{padding-left:20px}.message-markdown pre,.message-markdown code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.message-markdown pre{background:color-mix(in hsl,var(--beige) 30%,white);border-radius:var(--radius-sm);padding:8px;overflow:auto}.message-markdown code{background:color-mix(in hsl,var(--beige) 28%,white);border-radius:4px;padding:0 4px}.message-markdown pre code{background:transparent;padding:0}.message-markdown a{color:color-mix(in hsl,var(--muted-teal) 70%,var(--mauve-bark))}.composer{display:grid;gap:var(--space-2)}.photo-input-hidden{display:none}.composer-photo-pill{display:flex;align-items:center;gap:var(--space-3);border:1px solid var(--border-soft);background:color-mix(in hsl,var(--lemon-chiffon) 26%,white);border-radius:var(--radius-lg);padding:var(--space-2)}.composer-photo-pill img{width:42px;height:42px;border-radius:var(--radius-sm);object-fit:cover;border:1px solid var(--border-soft)}.composer-photo-pill span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--text-sm)}.composer-row{display:grid;grid-template-columns:1fr;gap:var(--space-2);align-items:end}.composer textarea{max-height:160px;resize:none;border:1px solid var(--border-soft);outline:none;border-radius:var(--radius-lg);background:color-mix(in hsl,var(--lemon-chiffon) 22%,white);padding:10px 12px;line-height:1.4}button{border:1px solid var(--action);border-radius:var(--radius-md);padding:8px 12px;background:var(--action);color:#fff;cursor:pointer;font-weight:600}button:hover{background:var(--action-hover)}button:disabled{opacity:.55;cursor:not-allowed}.button-subtle{background:color-mix(in hsl,var(--lemon-chiffon) 32%,white);color:var(--text-body);border-color:var(--border-soft)}.button-subtle:hover{background:color-mix(in hsl,var(--lemon-chiffon) 46%,white)}.danger{background:var(--danger);border-color:var(--danger)}.danger:hover{background:color-mix(in hsl,var(--danger) 78%,black)}.muted{color:var(--text-muted)}.error{color:color-mix(in hsl,var(--danger) 74%,black)}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:var(--space-5)}.auth-card{width:min(440px,100%);border-radius:var(--radius-xl);border:1px solid var(--border-soft);background:var(--bg-elevated);box-shadow:var(--shadow-mid);padding:var(--space-5);display:grid;gap:var(--space-3)}.auth-card h1{font-size:var(--text-xl)}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}@media(min-width:760px){.layout{grid-template-columns:minmax(280px,340px) 1fr;gap:var(--space-5);padding:var(--space-5)}.composer-row{grid-template-columns:auto 1fr auto}.chat{grid-template-rows:auto 1fr auto auto}}@media(max-width:759px){.toast-stack{right:var(--space-3);top:var(--space-3);width:calc(100vw - 24px)}.message{max-width:100%}}