@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Inter:wght@300;400;500&display=swap";
:root{--bg-primary:#1a1a1d;--bg-secondary:#16161a;--bg-message-user:#2a2a2e;--bg-message-ai:#222226;--text-primary:#e8e6e3;--text-secondary:#a8a5a0;--text-muted:#6b6966;--gold:#c9a962;--gold-light:#c9a96226;--gold-dim:#c9a96214;--border:#c9a9621f;--border-subtle:#ffffff0f}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-primary);max-width:100vw;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}body{background:linear-gradient(180deg,var(--bg-secondary)0%,var(--bg-primary)100%);min-height:100vh}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--gold-dim);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#c9a96240}.container{border-left:1px solid var(--border);border-right:1px solid var(--border);flex-direction:column;max-width:680px;min-height:100vh;margin:0 auto;padding:0;display:flex}.chat-container{flex-direction:column;flex:1;gap:20px;padding:32px 24px;display:flex;overflow-y:auto}.message{border-radius:4px;max-width:80%;padding:14px 18px;font-size:.9375rem;line-height:1.7;animation:.25s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.message.user{background:var(--bg-message-user);color:var(--text-primary);border:1px solid var(--border-subtle);border-right:2px solid var(--gold);align-self:flex-end}.message.assistant{background:var(--bg-message-ai);color:var(--text-primary);border:1px solid var(--border-subtle);border-left:2px solid var(--gold);align-self:flex-start}.typing{align-items:center;gap:6px;padding:4px 0;display:flex}.typing span{background:var(--gold);border-radius:50%;width:5px;height:5px;animation:1.4s ease-in-out infinite typing}.typing span:first-child{animation-delay:-.32s}.typing span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.input-container{background:var(--bg-secondary);border-top:1px solid var(--border);padding:20px 24px 32px}.input-wrapper{align-items:flex-end;gap:12px;display:flex}.input-wrapper textarea{border:1px solid var(--border);resize:none;background:var(--bg-primary);color:var(--text-primary);border-radius:4px;outline:none;flex:1;min-height:48px;max-height:120px;padding:14px 18px;font-family:inherit;font-size:.9375rem;line-height:1.5;transition:border-color .2s}.input-wrapper textarea:focus{border-color:var(--gold)}.input-wrapper textarea::placeholder{color:var(--text-muted);font-style:italic}.input-wrapper button{border:1px solid var(--gold);width:48px;height:48px;color:var(--gold);cursor:pointer;background:0 0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.input-wrapper button:hover:not(:disabled){background:var(--gold);color:var(--bg-primary)}.input-wrapper button:disabled{opacity:.3;cursor:not-allowed}.input-wrapper button svg{width:18px;height:18px}.welcome{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;padding:100px 24px;display:flex}.welcome .monogram{border:1px solid var(--gold);width:80px;height:80px;color:var(--gold);letter-spacing:.02em;background:0 0;border-radius:50%;justify-content:center;align-items:center;margin-bottom:28px;font-family:Cormorant Garamond,serif;font-size:2rem;font-weight:500;display:flex}.welcome p{color:var(--text-muted);font-size:.9375rem;font-style:italic;font-weight:400}.welcome:before{content:"";background:var(--gold);opacity:.5;width:40px;height:1px;margin-bottom:32px}@media (max-width:640px){.container{border-left:none;border-right:none}.chat-container{padding:24px 20px}.message{max-width:88%;padding:12px 16px;font-size:.875rem}.input-container{padding:16px 20px 24px}.input-wrapper textarea{padding:12px 16px}.welcome{padding:80px 20px}.welcome .monogram{width:72px;height:72px;font-size:1.75rem}}