html[data-theme=night]{color-scheme:dark;--bg:#170f1d;--bg2:#211627;--panel:rgba(36,25,44,.92);--panel-solid:#24192c;--ink:#fff6e9;--muted:#d0bfd5;--soft:#b9a4bf;--line:rgba(207,178,219,.32);--gold:#e6c58b;--gold2:#d6b477;--dark:#48334e;--dark2:#302137;--red:#ffacb8}
html[data-theme=night] body{background:radial-gradient(ellipse at 85% 0%,#35243b 0,transparent 48%),linear-gradient(180deg,#170f1d,#211627);color:var(--ink)}
html[data-theme=night] .topbar{background:rgba(33,22,39,.96);border-color:var(--line)}
.brandmark,.admin-avatar,.call-brandmark{border:0!important;background:transparent!important;overflow:hidden;flex-shrink:0}
.brandmark img,.admin-avatar img,.call-brandmark img{display:block;width:100%;height:100%;object-fit:contain}
.brandmark{width:38px;height:38px}.wordmark{font:500 21px/1.2 Georgia,serif;letter-spacing:.14em;color:var(--ink)}
html[data-theme=night] .card,html[data-theme=night] .chat-app{background:var(--panel);border-color:var(--line)}
html[data-theme=night] :is(.feature-grid article,.status-orb,.form-card input,.form-card textarea,.network-pill,.round-btn,.message-box){background:#211627;color:var(--ink);border-color:var(--line)}
html[data-theme=night] :is(.form-card input,.form-card textarea,.message-box textarea)::placeholder{color:#b9a4bf;opacity:1}
html[data-theme=night] :is(.primary,.send-btn){background:linear-gradient(135deg,#efdaa9,#d6b477);color:#211627;box-shadow:0 6px 20px #0002}
html[data-theme=night] :is(.primary,.send-btn):hover{filter:brightness(1.07)}
html[data-theme=night] :is(.chat-head,.composer,.attachment-preview,.recording-strip){background:#211627;color:var(--ink)}
html[data-theme=night] .bubble.theirs{background:#35243b;color:#fff6e9;border:1px solid #77617f}
html[data-theme=night] .bubble.mine{background:#48334e;color:#fff6e9;border:1px solid #b297ba}
.bubble .meta{color:#e0d1e4;opacity:1}.day-sep{color:var(--muted)}
html[data-theme=night] .status.online{color:#9ddeae}html[data-theme=night] .live-badge{color:#9ddeae}
html[data-theme=night] .offline-banner{background:#302137;color:var(--muted)}
.menu-popover button{color:var(--ink)}.round-btn,.composer-btn,.send-btn{min-width:44px;min-height:44px}.primary{min-height:50px}
.chat-app{display:flex;flex-direction:column;min-height:0;height:calc(var(--app-h) - 138px)}.chat-head,.offline-banner,.attachment-preview,.recording-strip,.composer{flex-shrink:0}.messages{flex:1;min-height:0}.composer{margin-top:auto}
.admin-identity{flex:1;overflow:hidden}.admin-copy{min-width:0;flex:1}.admin-title-row h1{max-width:100%;color:var(--ink)}.chat-tools{flex-shrink:0}
:is(a,button,input,textarea):focus-visible{outline:3px solid var(--gold);outline-offset:3px}
@media(max-width:700px){.chat-app{height:calc(var(--app-h) - 62px)}.brandmark{width:34px;height:34px}.wordmark{font-size:17px;letter-spacing:.12em}.form-card input,.form-card textarea,.message-box textarea{font-size:16px}.intro h1{font-size:clamp(34px,9vw,43px)}.chat-head{gap:8px}.chat-tools{gap:5px}.composer{gap:4px;padding-inline:6px}.admin-avatar{width:34px;height:34px}.admin-title-row h1{font-size:18px}}
@media(max-width:380px){.admin-avatar{display:none}.admin-title-row h1{font-size:17px}.top-actions{gap:8px}}
