:root{--color-eggshell: #fdfcfc;--color-warm-taupe: #f5f3f1;--color-stone: #ebe8e4;--color-ink: #000000;--color-graphite: #44403b;--color-smoke: #777169;--color-ash: #a59f97;--color-violet-spark: #0447ff;--color-ember-orange: #ff4704;--color-button-border: #e5e5e5;--font-display: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-body: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--text-caption: 10px;--text-body-sm: 14px;--text-body: 16px;--text-subheading: 18px;--text-body-lg: 20px;--text-heading-sm: 32px;--text-heading: 36px;--text-display: 48px;--spacing-4: 4px;--spacing-8: 8px;--spacing-12: 12px;--spacing-16: 16px;--spacing-20: 20px;--spacing-24: 24px;--spacing-32: 32px;--spacing-40: 40px;--spacing-48: 48px;--spacing-64: 64px;--radius-inputs: 4px;--radius-cards: 20px;--radius-large-cards: 24px;--radius-full: 9999px;--shadow-subtle: rgba(0, 0, 0, .4) 0px 0px 1px 0px, rgba(0, 0, 0, .04) 0px 1px 1px 0px, rgba(0, 0, 0, .04) 0px 2px 4px 0px;--shadow-inset: rgba(0, 0, 0, .075) 0px 0px 0px .5px inset;color-scheme:light;font-family:var(--font-body)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%}body{background:var(--color-eggshell);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-body);line-height:1.5;-webkit-font-smoothing:antialiased}button{cursor:pointer;font-family:inherit}button:disabled{cursor:not-allowed}textarea,input{font-family:inherit}.app{min-height:100vh;display:flex;flex-direction:column;background:var(--color-eggshell)}.topbar{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 32px;border-bottom:1px solid var(--color-stone);background:var(--color-eggshell);position:sticky;top:0;z-index:10}.wordmark{font-family:var(--font-display);font-weight:600;font-size:18px;letter-spacing:-.01em;color:var(--color-ink)}.topbar-actions{display:flex;gap:8px}.pill{display:inline-flex;align-items:center;text-decoration:none;border-radius:var(--radius-full);padding:8px 16px;font-size:var(--text-body-sm);font-weight:500;border:1px solid var(--color-button-border);font-family:var(--font-body);background:var(--color-eggshell);color:var(--color-ink);transition:background .15s ease}.pill-outline:hover{background:var(--color-warm-taupe)}.pill-ghost{background:transparent}.pill-ghost:hover{background:var(--color-warm-taupe)}.pill-send{background:var(--color-ink);color:#fff;border:none;padding:10px 20px}.pill-send:not(:disabled):hover{background:#262626}.pill-send:disabled{opacity:.4}.settings-panel{background:var(--color-warm-taupe);border-bottom:1px solid var(--color-stone);padding:16px 32px;display:flex;flex-direction:column;gap:8px}.settings-panel label{font-size:13px;font-weight:500;color:var(--color-smoke)}.settings-panel textarea{border-radius:12px;border:1px solid var(--color-stone);padding:12px;font-size:var(--text-body-sm);line-height:1.5;resize:vertical;background:var(--color-eggshell);color:var(--color-ink)}.main{flex:1;display:flex;flex-direction:column;max-width:760px;width:100%;margin:0 auto;padding:0 24px;min-height:0}.hero{flex:1;display:flex;flex-direction:column;justify-content:center;gap:16px;padding-bottom:140px}.hero-title{font-family:var(--font-display);font-weight:300;font-size:var(--text-display);line-height:1.08;letter-spacing:-.02em;color:var(--color-ink);max-width:560px}.hero-subtitle{font-size:var(--text-subheading);line-height:1.6;color:var(--color-smoke);max-width:480px}.messages{flex:1;overflow-y:auto;padding:32px 0 24px;display:flex;flex-direction:column;gap:24px}.message{display:flex;gap:12px;align-items:flex-start}.message-user{justify-content:flex-end}.avatar{width:28px;height:28px;border-radius:var(--radius-full);background:var(--color-ink);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0;margin-top:2px}.bubble-user{background:var(--color-warm-taupe);color:var(--color-ink);border-radius:20px 20px 4px;padding:12px 18px;max-width:70%;line-height:1.5;font-size:15px;white-space:pre-wrap}.bubble-assistant{background:transparent;color:var(--color-ink);max-width:100%;line-height:1.6;font-size:15px;padding-top:2px}.assistant-paragraph{margin:0 0 12px}.assistant-paragraph:last-child{margin-bottom:0}.assistant-list{margin:0 0 12px 20px;padding-left:1em}.assistant-list-item{margin-bottom:6px;line-height:1.6}.sources{margin-top:16px}.sources-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--color-ash);font-weight:500;margin-bottom:8px}.sources-list{display:flex;flex-direction:column;gap:8px}.source-card{background:var(--color-stone);border-radius:12px;padding:10px 14px;font-size:13px;line-height:1.5;color:var(--color-graphite)}.typing-indicator{display:flex;gap:4px;padding:8px 0}.typing-indicator span{width:6px;height:6px;border-radius:var(--radius-full);background:var(--color-ash);animation:pulse 1.2s infinite ease-in-out}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.error-banner{background:#fdece8;border:1px solid #f3b8a8;color:#a3311a;border-radius:12px;padding:10px 16px;font-size:13px;margin-bottom:12px}.input-area{position:sticky;bottom:0;background:var(--color-eggshell);padding:16px 0 24px}.input-shell{display:flex;align-items:flex-end;gap:8px;background:var(--color-eggshell);border:1px solid var(--color-stone);border-radius:24px;padding:8px 8px 8px 16px;box-shadow:var(--shadow-subtle)}.input-shell textarea{flex:1;border:none;outline:none;resize:none;background:transparent;font-size:15px;line-height:1.5;padding:8px 0;max-height:160px;color:var(--color-ink);font-family:var(--font-body)}.input-shell textarea::placeholder{color:var(--color-ash)}.icon-btn{width:32px;height:32px;border-radius:var(--radius-full);border:1px solid var(--color-stone);background:var(--color-warm-taupe);color:var(--color-graphite);font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon-btn:hover{background:var(--color-stone)}.icon-btn:disabled{opacity:.5}.disclaimer{text-align:center;font-size:11px;color:var(--color-ash);margin-top:10px}@media(max-width:640px){.topbar,.main{padding:0 16px}.hero-title{font-size:32px}.bubble-user{max-width:85%}}