/* Design "Neon" (2026-10-24, many sites): black with glowing accents in the main colour. */
:root{--bg:#0f0f13;--bg-2:#17171d;--card:#18181f;--ink:#f1f0f6;--ink-2:#b3b0c3;--ink-3:#7d7a90;--line:#26252f;--line-2:#34333f;
--sh-1:0 1px 2px rgba(0,0,0,.45);--sh-2:0 6px 20px rgba(0,0,0,.5);--sh-3:0 24px 60px rgba(0,0,0,.65);--grad-soft:linear-gradient(135deg,rgba(var(--brand-rgb),.16),rgba(var(--brand-rgb),.08));color-scheme:dark}
.btn-outline,
.btn-outline:hover,
.hero,
.hero-cards .bubble,
.search,
.sbtn,
.deck-empty,
.chat-shell,
.composer,
.quick,
.quota,
.auth,
.input:focus,
.select:focus,
.textarea:focus,
.seg input:checked + label,
.modal,
.post-reply input:focus,
.menu,
.ctx-menu,
.msg.her .bubble,
.react,
.to-bottom,
.reply-card,
.attach-card,
.emoji-panel,
.hb-acts,
.hb-reacts,
.pin-bar:hover,
.react-picker,
.ep-tabs button:hover,
.sv-nav:hover,
.tfa-qr{background:var(--card)}
.topbar,
.tabbar,
.pcard .glass,
.thread-head,
.pin-bar,
.day-sep span,
.sv-nav,
.gv-bar{background:rgba(24,24,31,.9)}
.input,.select,.textarea{background:var(--bg-2);color:var(--ink)}
.input:focus,.select:focus,.textarea:focus{background:var(--bg)}
.btn{background:var(--bg-2);color:var(--ink)}.btn:hover{background:var(--line)}.btn-primary,.btn-primary:hover{background:var(--grad);color:#fff}
.btn-outline,.btn-outline:hover{background:transparent;color:var(--ink)}
.msg.her .bubble{background:var(--bg-2);color:var(--ink)}
img.logo-img{filter:none}
:root{--bg:#050507;--bg-2:#0d0d12;--card:#0c0c11;--line:#1d1d27;--line-2:#2a2a38;--r:14px;--r-lg:18px}
.side{background:#07070a;border-right-color:rgba(var(--brand-rgb),.25)}
.btn-primary{box-shadow:0 0 18px rgba(var(--brand-rgb),.55),0 0 2px rgba(var(--brand-rgb),.9)}
.btn-primary:hover{box-shadow:0 0 30px rgba(var(--brand-rgb),.75)}
.pcard{box-shadow:0 0 0 1px rgba(var(--brand-rgb),.35)}.pcard:hover{box-shadow:0 0 24px rgba(var(--brand-rgb),.55),0 0 0 1px rgba(var(--brand-rgb),.8)}
.nav-item.active{background:transparent;color:var(--brand);text-shadow:0 0 12px rgba(var(--brand-rgb),.8);box-shadow:inset 3px 0 0 var(--brand)}
.logo{text-shadow:0 0 16px rgba(var(--brand-rgb),.7)}
h1{text-shadow:0 0 22px rgba(var(--brand-rgb),.35)}
.card{border-color:rgba(var(--brand-rgb),.18)}