:root{--bg:#fdf8f2;--surface:#fffdfb;--white:#fff;--pink:#cc558c;--pink-dark:#b8477c;--green:#a6c544;--green-dark:#7ba336;--text:#3a2f28;--muted:#a08c7a;--muted-soft:#b09a86;--border:#f0e4d8;--border-strong:#e8d8c6;--hover:#faf1e8;--chip:#f6ecdf;--font-body:"Nunito", system-ui, sans-serif;--font-display:"Baloo 2", var(--font-body)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);font-family:var(--font-body);color:var(--text);overflow:hidden}#root{display:flex}.sidebar-rail{background:var(--white);border-right:1px solid var(--border);border-radius:0 12px 12px 0;flex-direction:column;flex:none;width:60px;transition:width .3s ease-in-out;display:none;overflow:hidden}.sidebar-rail.expanded{width:280px}@media (width>=768px){.sidebar-rail{display:flex}}.drawer{z-index:100;opacity:0;transition:opacity .3s ease-in-out;display:flex;position:fixed;inset:0}.drawer.open{opacity:1}@media (width>=768px){.drawer{display:none}}.drawer-panel{background:var(--white);border-radius:0 12px 12px 0;width:80%;max-width:300px;transition:left .3s ease-in-out;position:absolute;top:0;bottom:0;left:-100%;overflow:hidden}.drawer.open .drawer-panel{left:0}.drawer-content{flex-direction:column;height:100%;display:flex;overflow:hidden}.drawer-backdrop{cursor:pointer;background:#3a2f2859;border:none;flex:1}.icon-slot{flex:none;place-items:center;width:36px;height:36px;display:grid}.side-label{white-space:nowrap;opacity:0;max-width:0;margin-left:0;transition:all .2s;overflow:hidden}.side-label.show{opacity:1;max-width:190px;margin-left:6px}.side-brand{align-items:center;padding:16px 12px 10px;display:flex}.side-avatar{object-fit:cover;border:2px solid var(--pink);border-radius:50%;width:30px;height:30px}.side-logo{width:130px;display:block}.side-section{padding:0 12px}.btn-new{background:var(--pink);color:#fff;width:100%;font:700 14px var(--font-body);cursor:pointer;border:none;border-radius:18px;align-items:center;padding:0;display:flex}.btn-new:hover{background:var(--pink-dark)}.btn-new-plus{font:700 18px var(--font-body);line-height:1}.sidebar-label{font:800 11px var(--font-body);letter-spacing:.08em;color:var(--muted-soft);text-transform:uppercase;white-space:nowrap;opacity:0;padding:12px 12px 6px;transition:opacity .2s}.sidebar-label.show{opacity:1}.convo-list{flex:1;min-height:0;padding:0 12px 8px;overflow-y:auto}.convo-item{cursor:pointer;border-radius:12px;align-items:center;margin-bottom:2px;padding:5px 0;display:flex}.convo-item:hover{background:var(--hover)}.convo-item.active{background:var(--chip)}.convo-avatar{background:var(--chip);width:28px;height:28px;color:var(--pink);font:800 12px var(--font-body);text-transform:uppercase;border-radius:50%;place-items:center;display:grid}.convo-item.active .convo-avatar{background:var(--pink);color:#fff}.convo-text{flex:1;min-width:0}.convo-title{font:700 13.5px var(--font-body);color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.convo-sub{font:400 12px var(--font-body);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;overflow:hidden}.sidebar-footer{border-top:1px solid var(--border);align-items:center;margin-top:auto;padding:12px;display:flex}.user-avatar{background:var(--green);color:#fff;width:30px;height:30px;font:800 14px var(--font-body);border-radius:50%;justify-content:center;align-items:center;display:flex}.user-info{font:700 13px var(--font-body)}.user-sub{font:400 11px var(--font-body);color:var(--muted)}.chat{flex-direction:column;flex:1;min-width:0;display:flex}.chat-header{background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:14px 28px;display:flex}.btn-menu{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:none;flex:none;place-items:center;display:none}.btn-menu:hover{color:var(--text)}@media (width<=767.98px){.btn-menu{display:grid}}.mariah-avatar{object-fit:cover;border:2px solid var(--pink);border-radius:50%;width:40px;height:40px}.mariah-name{font:600 17px var(--font-display)}.mariah-status{font:600 11.5px var(--font-body);color:var(--green-dark);align-items:center;gap:5px;display:flex}.mariah-status.offline{color:var(--muted)}.status-dot{background:var(--green);border-radius:50%;width:7px;height:7px;display:inline-block}.offline .status-dot{background:var(--muted-soft)}.messages{flex-direction:column;flex:1;gap:14px;padding:24px 28px;display:flex;overflow-y:auto}.messages>:first-child{margin-top:auto}.day-chip{font:600 11px var(--font-body);color:var(--muted-soft);background:var(--chip);border-radius:10px;flex:none;align-self:center;padding:3px 12px}.msg-row{gap:10px;max-width:62%;display:flex}.msg-row img{object-fit:cover;border-radius:50%;flex:none;align-self:flex-end;width:30px;height:30px}.bubble{font:600 14px/1.5 var(--font-body);background:var(--white);border:1px solid var(--border);color:var(--text);overflow-wrap:break-word;border-radius:18px 18px 18px 6px;min-width:0;padding:11px 16px}.bubble p+p{margin-top:8px}.bubble strong{color:var(--pink)}.bubble code{background:var(--chip);border-radius:6px;padding:1px 5px;font:600 12.5px ui-monospace,monospace}.bubble pre{background:var(--chip);border-radius:10px;margin:6px 0;padding:10px 12px;overflow-x:auto}.bubble pre code{background:0 0;padding:0}.bubble ul,.bubble ol{margin:4px 0;padding-left:20px}.bubble a{color:var(--pink)}.msg-user{background:var(--pink);max-width:62%;font:600 14px/1.5 var(--font-body);color:#fff;overflow-wrap:break-word;white-space:pre-wrap;border-radius:18px 18px 6px;align-self:flex-end;padding:11px 16px}.msg-transcribing{align-items:center;gap:5px;font-style:italic;display:flex}.msg-transcribing span{opacity:.85;background:#fff;border-radius:50%;width:6px;height:6px;animation:1.2s infinite mdot}.msg-transcribing span:nth-of-type(2){animation-delay:.15s}.msg-transcribing span:nth-of-type(3){animation-delay:.3s}.msg-transcribing span:first-of-type{margin-left:3px}.msg-error{font:600 12px var(--font-body);color:#b0523c;background:#fbeedd;border-radius:10px;align-self:center;padding:6px 14px}.typing-row{align-items:center;gap:10px;display:flex}.typing-row img{border-radius:50%;flex:none;width:30px;height:30px}.typing-bubble{background:var(--white);border:1px solid var(--border);border-radius:18px;gap:5px;padding:12px 16px;display:flex}.typing-bubble span{background:var(--pink);border-radius:50%;width:7px;height:7px;animation:1.2s infinite mdot}.typing-bubble span:nth-child(2){animation-delay:.15s}.typing-bubble span:nth-child(3){animation-delay:.3s}.typing-label{font:600 11.5px var(--font-body);color:var(--muted-soft)}@keyframes mdot{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.composer{background:var(--surface);border-top:1px solid var(--border);align-items:center;gap:12px;padding:16px 28px 20px;display:flex}.composer-input{background:var(--white);border:1.5px solid var(--border-strong);font:600 14px/1.4 var(--font-body);color:var(--text);resize:none;border-radius:24px;outline:none;flex:1;max-height:132px;padding:12px 18px}.composer-input::placeholder{color:var(--muted-soft)}.composer-input:focus{border-color:var(--pink)}.btn-send{background:var(--pink);cursor:pointer;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.btn-send svg{display:block}.btn-send:hover{background:var(--pink-dark)}.btn-send:disabled{opacity:.5;cursor:default}.btn-cancel{border:1.5px solid var(--border-strong);background:var(--white);width:42px;height:42px;color:var(--pink);font:600 16px var(--font-body);cursor:pointer;border-radius:50%;flex:none;line-height:1}.btn-cancel:hover{background:var(--hover)}.recording-pill{background:var(--white);border:1.5px solid var(--pink);font:600 14px/1.4 var(--font-body);color:var(--text);border-radius:24px;flex:1;align-items:center;gap:10px;padding:12px 18px;display:flex}.rec-dot{background:#e5484d;border-radius:50%;flex:none;width:10px;height:10px;animation:1.2s infinite recpulse}@keyframes recpulse{0%,to{opacity:1}50%{opacity:.3}}.login-screen{background:var(--bg);place-items:center;width:100%;height:100%;display:grid}.login-card{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:8px;width:min(360px,100vw - 48px);padding:40px 32px;display:flex;box-shadow:0 8px 30px #3a2f2814}.login-logo{width:96px;height:auto;margin-bottom:8px}.login-card h1{font:700 20px var(--font-display);color:var(--text)}.login-card p{font:500 14px/1.5 var(--font-body);color:var(--muted);margin-bottom:12px}.login-google-btn{place-items:center;min-height:44px;display:grid}.login-error{color:#c0392b;font:600 13px var(--font-body);margin-top:12px}.user-badge{align-items:center;gap:10px;margin-left:auto;display:flex}.user-email{font:600 12.5px var(--font-body);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.btn-logout{border:1px solid var(--border-strong);background:var(--white);color:var(--muted);font:600 12.5px var(--font-body);cursor:pointer;border-radius:16px;padding:6px 14px}.btn-logout:hover{color:var(--text);border-color:var(--pink)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}::-webkit-scrollbar-track{background:0 0}