@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600&family=Source+Serif+4:opsz,wght@8..60,400;8..60,600&display=swap";:root{--bg: #f7f3ea;--panel: #ffffff;--ink: #1a1a1a;--muted: #6b6b6b;--accent: #c85b3b;--accent-2: #1f4d3f;--shadow: 0 24px 50px rgba(15, 12, 8, .15)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Space Grotesk,sans-serif;background:radial-gradient(circle at top,#fff,#f4eee2 40%,#f0e6d8);color:var(--ink)}#app{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px}.login{width:min(480px,100%)}.card{background:var(--panel);padding:36px;border-radius:24px;box-shadow:var(--shadow);display:grid;gap:16px}.card h1{font-family:"Source Serif 4",serif;margin:0;font-size:32px}.card input{padding:12px 14px;font-size:16px;border:1px solid #e4dacb;border-radius:10px;outline:none}button{border:none;border-radius:999px;padding:12px 18px;font-weight:600;background:var(--accent);color:#fff;cursor:pointer}button:hover{background:#b14c31}.status{color:var(--muted);font-size:14px}.chat{width:min(920px,100%);background:var(--panel);border-radius:26px;box-shadow:var(--shadow);display:grid;grid-template-rows:auto 1fr auto;min-height:70vh;overflow:hidden}header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid #f0e6d8;background:linear-gradient(120deg,#fff7e8,#fdf1e5)}header h2{margin:0;font-family:"Source Serif 4",serif}header span{color:var(--accent-2);font-weight:600}.messages{padding:24px 28px;display:flex;flex-direction:column;gap:14px;overflow-y:auto;background:#fffdf9}.message{background:#fff4ea;padding:12px 16px;border-radius:14px}.message .meta{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:6px}.message.system{background:#eef2ea;color:#4a5b3b}.message.error{background:#fbeaea;color:#b24141}.composer{display:grid;grid-template-columns:1fr auto;gap:12px;padding:20px 28px;border-top:1px solid #f0e6d8;background:#fff8f1}.composer input{padding:12px 14px;font-size:16px;border-radius:12px;border:1px solid #e4dacb}@media (max-width: 720px){#app{padding:16px}.chat{min-height:80vh}header{flex-direction:column;align-items:flex-start;gap:8px}.composer{grid-template-columns:1fr}}