: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)}[data-theme=dark]{--bg:#1c1815;--surface:#221d19;--white:#2a2420;--pink:#e08bb2;--pink-dark:#d17ea3;--green:#b7d65f;--green-dark:#93ad3f;--text:#f2e9e0;--muted:#a99a8d;--muted-soft:#8f8175;--border:#332c26;--border-strong:#453b33;--hover:#2c2620;--chip:#362e27}[data-theme=light][data-colorblind=true]{--pink:#0072b2;--pink-dark:#01547e;--green:#d98c00;--green-dark:#8a5d00}[data-theme=dark][data-colorblind=true]{--pink:#6cb6e0;--pink-dark:#4a93c2;--green:#f2b33d;--green-dark:#d99a1f}[data-colorblind=true] .bubble a{text-decoration:underline}:focus-visible{outline:2px solid var(--pink);outline-offset:2px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100dvh}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}.drawer:not(.open){pointer-events:none}@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;object-position:top;border:2px solid var(--pink);border-radius:50%;width:30px;height:30px}.side-logo{width:130px;display:block}.side-section{padding:0 12px}.theme-section{padding-bottom:10px}.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}.btn-theme{width:100%;color:var(--muted);font:700 14px var(--font-body);cursor:pointer;background:0 0;border:none;border-radius:18px;align-items:center;padding:0;display:flex}.btn-theme:hover,.btn-theme[aria-expanded=true]{color:var(--pink);background:var(--hover)}.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}.theme-popover{z-index:200;background:var(--surface);border:1px solid var(--border);border-radius:14px;width:250px;padding:14px;position:fixed;box-shadow:0 10px 30px #0000002e}.theme-popover-label{font:800 11px var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--muted-soft);margin-bottom:8px}.theme-popover-label.spaced{margin-top:16px}.seg-control{background:var(--chip);border-radius:12px;gap:2px;padding:3px;display:flex}.seg-btn{font:700 12.5px var(--font-body);color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;padding:7px 0}.seg-btn.active{background:var(--white);color:var(--pink);box-shadow:0 1px 3px #0000001f}.switch-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.switch-text{font:700 13px var(--font-body);color:var(--text)}.switch-hint{font:400 11.5px var(--font-body);color:var(--muted);margin-top:1px}.switch{background:var(--border-strong);cursor:pointer;border:none;border-radius:12px;flex:none;width:40px;height:22px;transition:background .2s;position:relative}.switch[aria-checked=true]{background:var(--pink)}.switch-thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:left .2s;position:absolute;top:2px;left:2px}.switch[aria-checked=true] .switch-thumb{left:20px}.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);text-transform:uppercase;border-radius:50%;place-items:center;display:grid}.user-block{align-items:center;gap:8px;display:flex}.user-info{flex:1;min-width:0}.user-name{font:700 13px var(--font-body);text-overflow:ellipsis;overflow:hidden}.user-sub{font:400 11px var(--font-body);color:var(--muted);text-overflow:ellipsis;overflow:hidden}img.user-avatar{background:var(--chip);border:1px solid var(--border);object-fit:cover;display:block}.btn-logout{border:1px solid var(--border-strong);background:var(--white);color:var(--muted);font:600 12px var(--font-body);cursor:pointer;border-radius:16px;flex:none;padding:5px 11px}.btn-logout:hover{color:var(--text);border-color:var(--pink)}.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:40px;height:40px;color:var(--muted);cursor:pointer;background:0 0;border:none;flex:none;place-items:center;margin-left:-8px;display:none}.btn-menu:hover{color:var(--text)}@media (width<=767.98px){.btn-menu{display:grid}}.mariah-avatar{object-fit:cover;object-position:top;border:2px solid var(--pink);border-radius:50%;width:40px;height:40px}.chat-id{min-width:0}.mariah-name{font:600 17px var(--font-display);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.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{overscroll-behavior:contain;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-wide .bubble{flex:1;min-width:0}.msg-row>img{object-fit:cover;object-position:top;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}.voice{align-items:center;gap:10px;width:100%;max-width:260px;margin-bottom:6px;display:flex}.bubble .voice{margin:0}.voice-user{color:#fff}.voice-mariah{color:var(--pink)}.voice-play{cursor:pointer;width:30px;height:30px;color:inherit;background:color-mix(in srgb, currentColor 16%, transparent);border:none;border-radius:50%;flex:none;place-items:center;transition:background .15s;display:grid}.voice-play:hover{background:color-mix(in srgb, currentColor 26%, transparent)}.voice-play:focus-visible{outline-offset:2px;outline:2px solid}.voice-wave{cursor:pointer;touch-action:none;flex:1;align-items:center;gap:2px;height:26px;display:flex}.voice-wave:focus-visible{outline-offset:3px;border-radius:4px;outline:2px solid}.voice-bar{opacity:.35;background:currentColor;border-radius:1px;flex:1;min-width:2px;transition:opacity .12s}.voice-bar-on{opacity:1}.voice-time{font:600 11.5px var(--font-body);font-variant-numeric:tabular-nums;color:inherit;opacity:.85;text-align:right;flex:none;min-width:34px}@media (prefers-reduced-motion:reduce){.voice-bar,.voice-play{transition:none}}.msg-voice{white-space:normal;flex-direction:column;align-items:flex-start;padding-bottom:9px;display:flex}.msg-voice .voice{margin-bottom:0}.voice-transcript-toggle{cursor:pointer;color:inherit;font:700 11.5px var(--font-body);opacity:.75;background:0 0;border:none;align-items:center;gap:4px;margin-top:6px;padding:0;transition:opacity .15s;display:inline-flex}.voice-transcript-toggle:hover{opacity:1}.voice-transcript-toggle:focus-visible{outline-offset:3px;opacity:1;border-radius:4px;outline:2px solid}.chevron{transition:transform .18s}.chevron-open{transform:rotate(180deg)}.voice-transcript{border-top:1px solid color-mix(in srgb, currentColor 28%, transparent);font:600 13.5px/1.5 var(--font-body);opacity:.92;margin:7px 0 0;padding-top:7px;animation:.16s transcript-in}.voice-transcript>:first-child{margin-top:0}.voice-transcript>:last-child{margin-bottom:0}.voice-transcript-plain{white-space:pre-wrap;margin:0}@keyframes transcript-in{0%{opacity:0;transform:translateY(-3px)}to{opacity:.92;transform:none}}.msg-voice .msg-transcribing{margin-top:7px;font-size:12.5px}@media (prefers-reduced-motion:reduce){.chevron,.voice-transcript-toggle{transition:none}.voice-transcript{animation:none}}.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{object-fit:cover;object-position:top;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{padding:16px 28px calc(20px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border);flex-direction:column;gap:10px;display:flex}.composer-row{align-items:center;gap:12px;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}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn-attach{width:40px;height:40px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:50%;flex:none;place-items:center;display:grid}.btn-attach:hover{background:var(--hover);color:var(--pink)}.btn-attach:disabled{opacity:.5;cursor:default}.composer-photo{background:var(--white);border:1.5px solid var(--border-strong);border-radius:14px;align-items:center;gap:10px;padding:8px 10px;display:flex}.composer-photo img{object-fit:cover;border-radius:8px;flex:none;width:40px;height:40px}.composer-photo-name{min-width:0;font:600 13px var(--font-body);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.composer-photo-drop{width:32px;height:32px;color:var(--muted);font:600 14px var(--font-body);cursor:pointer;background:0 0;border:none;border-radius:50%;flex:none;line-height:1}.composer-photo-drop:hover{background:var(--hover);color:var(--pink)}.msg-photo{object-fit:cover;border-radius:12px;width:100%;max-height:320px;margin-bottom:8px;display:block}.msg-photo:last-child{margin-bottom:0}.creative{flex-direction:column;gap:10px;margin:0 0 4px;display:flex}.creative-img{object-fit:contain;border:1px solid var(--border);background:var(--chip);border-radius:12px;width:100%;height:auto;max-height:70vh;display:block}.creative-sep{color:var(--muted);font:700 11px/1 var(--font-body);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:8px;margin:12px 0 10px;display:flex}.creative-sep:before,.creative-sep:after{content:"";background:var(--border-strong);flex:1;height:1px}.creative-sep span{flex:none}.creative-caption{font:600 13.5px/1.55 var(--font-body);color:var(--text);white-space:pre-wrap;-webkit-user-select:text;user-select:text}.creative-actions{flex-wrap:wrap;gap:8px;display:flex}.creative-btn{border:1.5px solid var(--border-strong);background:var(--white);min-height:36px;color:var(--text);font:700 13px var(--font-body);cursor:pointer;border-radius:18px;align-items:center;gap:6px;padding:0 14px;display:inline-flex}.creative-btn:hover{background:var(--hover)}.creative-btn:disabled{opacity:.6;cursor:default}.creative-btn-primary{background:var(--pink);border-color:var(--pink);color:#fff}.creative-btn-primary:hover{background:var(--pink-dark)}.creative-btn-whatsapp svg{color:#25d366}.creative-btn-whatsapp:hover{color:#fff;background:#075e54;border-color:#075e54}.creative-btn-whatsapp:hover svg{color:#fff}.creative-hint{font:600 12px/1.45 var(--font-body);color:var(--muted)}.creative-notice{font:700 12px/1.45 var(--font-body);color:var(--text)}.mariah-logo{height:auto;display:block}.mariah-logo-word{fill:var(--pink)}.mariah-logo-tag{fill:var(--pink);opacity:.55}.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}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}::-webkit-scrollbar-track{background:0 0}@media (width<=767.98px){.chat-header{gap:10px;padding:10px 14px}.mariah-avatar{width:36px;height:36px}.messages{gap:12px;padding:16px 14px}.msg-row,.msg-user{max-width:88%}.composer{padding:10px 14px calc(12px + env(safe-area-inset-bottom));gap:8px}.composer-row{gap:8px}.composer-input,.recording-pill{padding:10px 16px;font-size:16px}.convo-item{padding:8px 0}.btn-cancel,.btn-attach{width:44px;height:44px}.composer-photo-drop{width:40px;height:40px}.creative-btn{min-height:44px;padding:0 16px}.creative-img{max-height:55vh}.btn-logout{padding:8px 12px}.sidebar-footer .side-label.show{flex:1;max-width:none}}