@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap";
:root{--ink:#23213b;--muted:#77758c;--purple:#6d5dfc;--lavender:#efedff;--line:#e9e7f1}*{box-sizing:border-box}html,body{overscroll-behavior:none;min-height:100%}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:#f8f7fc;margin:0;font-family:DM Sans,system-ui,sans-serif}button,input{font:inherit;appearance:none}button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.auth-shell{min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));background:radial-gradient(circle at 10% 5%,#dedaff 0,#0000 30%),radial-gradient(circle at 90% 100%,#ffd9c7 0,#0000 26%),#f8f7fc;place-items:center;display:grid}.auth-card{background:#fff;border:1px solid #fff;border-radius:28px;width:min(100%,430px);padding:clamp(28px,7vw,46px);box-shadow:0 18px 55px #453b7d1c}.brand{align-items:flex-start;gap:15px;margin-bottom:24px;display:flex}.logo{background:var(--purple);color:#fff;border-radius:14px;flex:0 0 43px;place-items:center;width:43px;height:43px;font-size:23px;display:grid;box-shadow:0 8px 16px #6d5dfc44}.eyebrow{color:var(--purple);letter-spacing:.15em;margin:2px 0 5px;font-size:11px;font-weight:700}.brand h1{margin:0;font:700 26px/1.16 Playfair Display,serif}.language{background:var(--lavender);min-height:44px;color:var(--purple);border:0;border-radius:11px;margin:0 0 4px auto;padding:0 12px;font-size:13px;font-weight:700;display:block}label{gap:8px;margin:16px 0;font-size:13px;font-weight:600;display:grid}input{border:1px solid var(--line);min-height:48px;color:var(--ink);background:#fff;border-radius:12px;outline:none;padding:13px 14px}input:focus{border-color:var(--purple);box-shadow:0 0 0 3px #6d5dfc1c}.primary{background:var(--purple);color:#fff;border:0;border-radius:12px;width:100%;min-height:48px;margin-top:8px;padding:14px;font-weight:700}.primary:disabled{opacity:.6}.error{color:#c14852;margin:10px 0;font-size:13px}.chat-shell{border-inline:1px solid var(--line);background:#fff;flex-direction:column;width:min(820px,100%);height:100dvh;margin:auto;display:flex;overflow:hidden}header{min-height:76px;padding:max(10px, env(safe-area-inset-top)) clamp(14px, 4vw, 32px) 10px;border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;gap:10px;display:flex}.brand-mini{align-items:center;gap:10px;min-width:0;display:flex}.brand-mini .logo{border-radius:11px;flex-basis:36px;width:36px;height:36px;font-size:18px}.brand-mini-copy{min-width:0}.brand-mini strong,.brand-mini small{display:block}.brand-mini strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.brand-mini small{color:var(--muted);margin-top:3px;font-size:12px}.connection{align-items:center;gap:5px;display:flex!important}.connection>span{background:#c6c3d2;border-radius:50%;width:7px;height:7px}.connection.live>span{background:#38a169;box-shadow:0 0 0 3px #38a1691c}.header-actions{flex:none;align-items:center;gap:2px;display:flex}.quiet{min-width:44px;min-height:44px;color:var(--muted);background:0 0;border:0;border-radius:11px;padding:0 10px;font-size:13px;font-weight:600}.quiet:focus-visible,.send:focus-visible,.primary:focus-visible,.language:focus-visible{outline-offset:2px;outline:3px solid #6d5dfc3d}.messages{overscroll-behavior-y:contain;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;flex-direction:column;flex:auto;gap:22px;min-height:0;padding:22px clamp(16px,5vw,32px);display:flex;overflow-y:auto}.message{gap:10px;max-width:82%;display:flex}.message.mine{flex-direction:row-reverse;align-self:flex-end}.avatar{width:32px;height:32px;color:var(--purple);background:#eeecff;border-radius:50%;flex:0 0 32px;place-items:center;font-size:13px;font-weight:700;display:grid}.mine .avatar{color:#c96c3d;background:#ffe6d9}.message-meta{align-items:baseline;gap:8px;font-size:13px;display:flex}.message-meta time{color:var(--muted);font-size:11px}.message p{white-space:pre-wrap;word-break:break-word;background:#f5f4f9;border-radius:4px 15px 15px;margin:5px 0 0;padding:10px 13px;line-height:1.4}.mine p{background:var(--purple);color:#fff;border-radius:15px 4px 15px 15px}.empty{text-align:center;color:var(--muted);margin:auto;padding:24px 0}.empty span{font-size:42px}.empty h2{color:var(--ink);margin:12px 0 5px;font:700 24px Playfair Display,serif}.empty p{margin:0}.composer{padding:12px max(16px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));border-top:1px solid var(--line);background:#fff;flex:none;gap:9px;display:flex;box-shadow:0 -8px 24px #302a5b0a}.typing-status{min-height:25px;padding:4px max(20px, env(safe-area-inset-right)) 3px max(20px, env(safe-area-inset-left));color:var(--muted);flex:none;font-size:12px;font-style:italic}.composer input{background:#f7f6fb;flex:1;min-width:0}.send{background:var(--purple);color:#fff;border:0;border-radius:14px;width:48px;min-width:48px;min-height:48px;font-size:24px;line-height:1}.send:disabled{background:#cbc8dc}@media (max-width:500px){.auth-shell{padding-top:max(7vh, env(safe-area-inset-top));align-items:start}.auth-card{box-shadow:none;border-radius:24px}.chat-shell{border-inline:0}.brand-mini strong{font-size:14px}.quiet{padding-inline:8px}.messages{gap:18px}.message{max-width:91%}input{font-size:16px}}@media (hover:none){button:not(:disabled):active{transform:scale(.97)}}@media (prefers-reduced-motion:reduce){.messages{scroll-behavior:auto}}