:root{--bg:#0d0d0c;--gold:#d2b687;--text:#f2eddf;--text-mute:#bdb8ae}
html{height:100%;background:#0d0d0c}body{padding:0;background:#0d0d0c;min-height:100dvh;display:flex;align-items:stretch;justify-content:center}.widget{width:100%;max-width:760px;height:100dvh;max-height:none;border:0;border-radius:0;display:flex;flex-direction:column;background:#0d0d0c;box-shadow:none}.hdr{padding:18px 20px;background:#202020;border-bottom:1px solid #d2b68730;flex-shrink:0}.hdr-av,.msg-av.bot{background:#222222 url('/assets/redesign/mark.webp') center 4px/120% auto no-repeat;color:transparent;overflow:hidden;border-radius:50%;border:1px solid #d2b68755}.hdr-av{width:48px;height:48px}.hdr-name{font-size:16px;color:#f2eddf}.hdr-sub{font-size:11px;color:#bdb8ae}.hdr-status{font-size:10px;color:#c9b58b}.msgs{flex:1;min-height:80px;height:auto;padding:22px 18px;scroll-behavior:smooth}.bbl{border-radius:12px;font-size:14px;line-height:1.7}.bbl.bot{background:#171717}.bbl.usr{background:#ffffff16;border-color:#d2b68735}.msg-av{width:30px;height:30px;flex-shrink:0}.qrs{padding:10px 18px;background:#0d0d0c}.qr{font-family:Manrope,sans-serif;border-radius:18px;font-size:11px;min-height:34px}.inp-wrap{flex-shrink:0;background:#0d0d0c;padding:15px 18px;border-top:1px solid #d2b68725}.inp-wrap input{font-size:16px;border-radius:8px}.ftr{padding:10px;flex-shrink:0}button:focus-visible,input:focus-visible{outline:2px solid #e7cea5;outline-offset:3px}.voice-status{color:#d2b687}.msg-av.usr{font-size:9px}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

body,.widget { background:#0d0d0c; }
.hdr { background:#171717; padding:18px 20px; }
.hdr-av { width:54px; height:54px; border:1px solid #bdb8ae; }
.hdr-status { display:flex; gap:7px; align-items:center; color:#bdb8ae; margin-top:4px; }
.hdr-status::before { content:''; width:5px; height:5px; border-radius:50%; background:#bdb8ae; }
.widget[data-chat-state=thinking] .hdr-status::before,.widget[data-chat-state=transcribing] .hdr-status::before { animation:mark-status 1.1s ease-in-out infinite; }
.widget[data-chat-state=listening] .hdr-av { box-shadow:0 0 0 5px #bdb8ae15; }
.msgs { padding:24px 18px; }
.bbl.bot { background:#171717; color:#f2eddf; border:1px solid #d2b68740; }
.bbl.usr { background:#202020; color:#f2eddf; border-color:#d2b68735; }
.qrs,.inp-wrap { background:#0d0d0c; }
.qr { background:#171717; color:#f2eddf; border:1px solid #d2b68740; padding:10px 13px; min-height:40px; }
.qr:hover { background:#202020; border-color:#bdb8ae; }
.inp-wrap { gap:10px; padding:16px; }
.inp-wrap .inp { background:#171717; border:1px solid #d2b68740; color:#f2eddf; min-width:0; height:48px; }
.mic-btn.available { display:flex; width:44px; height:48px; align-items:center; justify-content:center; background:#202020; border:1px solid #bdb8ae; border-radius:8px; flex-shrink:0; animation:none; }
.mic-btn.idle::after { display:none; }
.mic-btn.recording { background:#d7c6a5; border-color:#e9ddc4; }
.send-btn { width:44px; height:48px; background:#d2b687; border-radius:8px; flex-shrink:0; }
.voice-status { background:#202020; border-top:1px solid #d2b68740; color:#f2eddf; padding:12px 16px; font-size:12px; }
.voice-status .vhint { color:#bdb8ae; }
.footer { background:#0d0d0c; color:#bdb8ae; font-size:10px; }
@keyframes mark-status { 50%{opacity:.3} }
@media(prefers-reduced-motion:reduce) { *{animation:none!important;transition:none!important;scroll-behavior:auto!important} }

:root { --bg:#0d0d0c; --gold:#d2b687; --text:#f2eddf; --text-mute:#bdb8ae; }
.hdr { background:#171717; }.hdr-status { color:#bdb8ae; }.hdr-status::before { background:#d2b687; }
.bbl.bot { background:#171717; border-color:#d2b68726; color:#f2eddf; }
.qr,.inp-wrap .inp { background:#111111; border-color:#d2b68738; color:#f2eddf; }
.mic-btn.available { background:#202020; border-color:#d2b68766; }
.voice-status { background:#202020; border-color:#d2b68740; }
.msgs { scrollbar-color:#d2b68766 #111111; }.msgs::-webkit-scrollbar-track{background:#111111}.msgs::-webkit-scrollbar-thumb{background:#d2b68766;border-color:#202020}

:root { --site-ink:#0d0d0c; --site-paper:#f2eddf; --site-gold:#d2b687; --site-gold-light:#e7cea5; --site-muted:#bdb8ae; --site-muted-strong:#f2eddf; --site-surface:#171717; --site-surface-light:#202020; --site-tech:#d2b687; --card:#171717; --light-bg:#202020; }
body { color:#f2eddf; }
.hdr-av { box-shadow:none; border-color:#d2b68740; }
.qr:hover { background:#202020; border-color:#d2b68780; }
.mic-btn.available.idle { box-shadow:none; animation:none; }
.mic-btn.recording { background:#d2b687; border-color:#d2b687; }
.mic-btn:hover:not(:disabled) { background:#202020; border-color:#d2b687; }
.mic-btn.recording:hover:not(:disabled) { background:#d2b687; }
.send-btn:hover:not(:disabled) { background:#e7cea5; }
.voice-status { background:#202020; color:#f2eddf; border-color:#d2b68740; }
html { scrollbar-color:#d2b68766 #111111; }
html::-webkit-scrollbar-thumb { background:#d2b68766; border-color:#202020; }
html::-webkit-scrollbar-thumb:hover { background:#d2b687; }

.msg-av.bot { background-position:center 2px; }