@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Newsreader:opsz,wght@6..72,500&display=swap";:root{--bg-top:#f7f6f1;--bg-bottom:#e0ecf6;--panel:#fff;--ink:#1e2a36;--muted:#5d6a75;--line:#d5dce3;--accent:#167a6c;--accent-strong:#115a50;--danger:#c2373f;--bubble-me:#f1f4f8;--bubble-other:#d8f0ec;--shadow:0 14px 40px #162c3e24}*{box-sizing:border-box}body{min-height:100vh;color:var(--ink);background:linear-gradient(140deg, var(--bg-top), var(--bg-bottom));margin:0;font-family:Space Grotesk,sans-serif}#root{min-height:100vh}h1,h2,p{margin:0}.screen{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:var(--panel);border:1px solid var(--line);width:min(500px,100%);box-shadow:var(--shadow);border-radius:20px;gap:16px;padding:28px;display:grid}.auth-card h1{font-family:Newsreader,serif;font-size:clamp(1.9rem,3vw,2.4rem)}.auth-card p,.auth-card small{color:var(--muted)}.auth-form{gap:12px;display:grid}label{gap:6px;font-size:.96rem;display:grid}input,button{border:1px solid var(--line);font:inherit;border-radius:10px}input{background:#fcfdfd;padding:11px 12px}button{color:#fff;background:var(--accent);cursor:pointer;padding:10px 14px;transition:background .2s}button:hover{background:var(--accent-strong)}button:disabled{opacity:.6;cursor:not-allowed}.chat-shell{grid-template-rows:auto 1fr auto;gap:12px;width:min(940px,100%);min-height:100vh;margin:0 auto;padding:18px 16px 12px;display:grid}.chat-header{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;justify-content:space-between;align-items:center;padding:14px;display:flex}.chat-header h2{font-family:Newsreader,serif;font-size:1.7rem}.chat-header p{color:var(--muted);font-size:.95rem}.ghost{background:var(--accent);color:#fff;border-color:var(--accent)}.ghost:hover{background:var(--accent-strong)}.timeline{border:1px solid var(--line);background:color-mix(in srgb, var(--panel), #f2f8fa 20%);box-shadow:var(--shadow);border-radius:14px;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:10px;padding:14px;display:flex;position:relative;overflow-y:auto}.load-older-hint{color:var(--muted);z-index:1;background:#eef4f8;border:1px solid #d6e1ea;border-radius:999px;padding:6px 12px;font-size:.78rem;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #102c4014}.load-older-hint:hover{background:#e5eef5}.bubble{background:var(--bubble-other);border:1px solid #dbe3ea;border-radius:16px 16px 16px 4px;gap:8px;max-width:min(70ch,85%);padding:10px 12px;display:grid}.bubble.mine{background:var(--bubble-me);border-color:#c7e5df;border-radius:16px 16px 4px;align-self:flex-end}.bubble strong{font-size:.85rem}.bubble p{white-space:pre-wrap;line-height:1.4}.bubble time{color:var(--muted);justify-self:end;font-size:.74rem}.composer{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;grid-template-columns:1fr auto auto;gap:10px;padding:10px;display:grid;position:sticky;bottom:8px}.hidden{display:none}.media{border:1px solid #cfd9e1;border-radius:10px;width:100%}.media.image{object-fit:contain;max-height:300px}.player{object-fit:contain;background:#fff;max-height:360px}.file-link{color:var(--accent-strong);font-weight:600;text-decoration:none}.error{color:var(--danger);font-size:.9rem}.history-status{text-align:center;width:100%;color:var(--muted);font-size:.84rem}.floating{background:#fff;border:1px solid #f2bdc1;border-radius:9px;padding:8px 12px;position:fixed;bottom:12px;left:50%;transform:translate(-50%)}@media (width<=700px){.chat-shell{padding:10px}.composer{grid-template-columns:1fr}.bubble{max-width:95%}}