/* ═══════════════════════════════════════════════
   PULSE improvements.css v2
   Подключить ПОСЛЕ components.css
═══════════════════════════════════════════════ */
:root{--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}
html,body{height:100%;overflow:hidden}
#app{height:100dvh!important;max-height:100dvh!important}
body{overscroll-behavior:none!important}

/* СВЕТЛАЯ ТЕМА */
[data-theme="light"]{--bg0:#f0f2f5;--bg1:#ffffff;--bg2:#f7f8fa;--bg3:#eef0f3;--bg4:#e2e5ea;--bg5:#d4d8df;--t1:#0d1117;--t2:#4a5568;--t3:#718096;--t4:#a0aec0;--border:rgba(0,0,0,.1);--border2:rgba(0,0,0,.14);--border3:rgba(0,0,0,.08);--acc:#1a6fe8;--acc2:#1558c0;--acc-dim:rgba(26,111,232,.1);--acc-glow:rgba(26,111,232,.2);--acc-border:rgba(26,111,232,.35);--green:#1a8a2e;--green-dim:rgba(26,138,46,.1);--red:#d93025;--red-dim:rgba(217,48,37,.1)}
[data-theme="light"] .msgs-area{background:#e8edf2!important;background-image:none!important}
[data-theme="light"] .msg-wrap.out .msg-bubble{background:linear-gradient(145deg,#1a6fe8,#1046b8)!important;color:#fff!important;box-shadow:0 2px 8px rgba(26,111,232,.35)!important}
[data-theme="light"] .msg-wrap.in .msg-bubble{background:#fff!important;color:#0d1117!important;box-shadow:0 1px 4px rgba(0,0,0,.12)!important}
[data-theme="light"] .chat-input-wrap{background:rgba(255,255,255,.98)!important;border-top-color:rgba(0,0,0,.1)!important}
[data-theme="light"] .chat-box{background:#f0f2f5!important;border-color:rgba(0,0,0,.12)!important}
[data-theme="light"] .chat-ta{color:#0d1117!important}
[data-theme="light"] #s-dialog .hdr{background:rgba(255,255,255,.97)!important;border-bottom-color:rgba(0,0,0,.08)!important}
[data-theme="light"] .hdr{background:rgba(255,255,255,.97)!important;border-bottom-color:rgba(0,0,0,.08)!important}
[data-theme="light"] .bnav{background:rgba(255,255,255,.97)!important;border-top-color:rgba(0,0,0,.08)!important}
[data-theme="light"] .pinned-bar{background:rgba(255,255,255,.97)!important}
[data-theme="light"] .reaction-chip{background:rgba(0,0,0,.06)!important;color:#0d1117!important}
[data-theme="light"] .reaction-chip.mine{background:rgba(26,111,232,.12)!important;border-color:rgba(26,111,232,.3)!important}
[data-theme="light"] .folder-tab{background:#eef0f3!important;color:#4a5568!important}
[data-theme="light"] .folder-tab.active{background:rgba(26,111,232,.1)!important;color:#1a6fe8!important}

/* ПОЛНОЧЬ (OLED) */
[data-theme="midnight"]{--bg0:#000;--bg1:#0a0a0a;--bg2:#111;--bg3:#181818;--bg4:#222;--bg5:#2a2a2a;--border:rgba(255,255,255,.07);--border2:rgba(255,255,255,.1);--border3:rgba(255,255,255,.05);--t1:#f0f0f0;--t2:#888;--t3:#555}
[data-theme="midnight"] .msgs-area{background:#000!important;background-image:none!important}
[data-theme="midnight"] .msg-wrap.in .msg-bubble{background:#111!important}

/* ОКЕАН */
[data-theme="ocean"]{--bg0:#071728;--bg1:#0c2137;--bg2:#102847;--bg3:#153257;--bg4:#1a3a63;--bg5:#1f4270;--acc:#00c8ff;--acc2:#00a8d8;--acc-dim:rgba(0,200,255,.12);--acc-glow:rgba(0,200,255,.2);--acc-border:rgba(0,200,255,.35);--t1:#e8f4ff;--t2:#7aadcc;--t3:#4a7a99;--border:rgba(0,100,150,.4);--border2:rgba(0,120,180,.5)}
[data-theme="ocean"] .msgs-area{background:#071728!important;background-image:none!important}
[data-theme="ocean"] .msg-wrap.out .msg-bubble{background:linear-gradient(145deg,#0066cc,#004488)!important}

/* СЕПИЯ */
[data-theme="sepia"]{--bg0:#1a1410;--bg1:#221c16;--bg2:#2a231c;--bg3:#332a22;--bg4:#3d3028;--bg5:#473830;--acc:#d4915a;--acc2:#b87040;--acc-dim:rgba(212,145,90,.12);--acc-glow:rgba(212,145,90,.2);--acc-border:rgba(212,145,90,.35);--t1:#f0e6d8;--t2:#a08060;--t3:#705840;--border:rgba(100,70,40,.4);--border2:rgba(120,80,45,.5)}
[data-theme="sepia"] .msgs-area{background:#1a1410!important;background-image:none!important}
[data-theme="sepia"] .msg-wrap.out .msg-bubble{background:linear-gradient(145deg,#8a5030,#6a3820)!important}
/* ── Forest ── */
[data-theme="forest"]{--bg0:#0d1f0f;--bg1:#122414;--bg2:#172b19;--bg3:#1d331f;--bg4:#243d26;--bg5:#2b472d;--acc:#4caf50;--acc2:#388e3c;--acc-dim:rgba(76,175,80,.12);--acc-glow:rgba(76,175,80,.2);--acc-border:rgba(76,175,80,.35);--t1:#e8f5e9;--t2:#81c784;--t3:#4a7d4c;--border:rgba(40,100,45,.4);--border2:rgba(50,120,55,.5)}
[data-theme="forest"] .msgs-area{background:#0d1f0f!important}
[data-theme="forest"] .msg-wrap.out .msg-bubble{background:linear-gradient(145deg,#2e7d32,#1b5e20)!important}
[data-theme="forest"] .msg-wrap.in .msg-bubble{background:#172b19!important}

/* ── Sunset ── */
[data-theme="sunset"]{--bg0:#1a0d08;--bg1:#22110a;--bg2:#2a150c;--bg3:#33190e;--bg4:#3d1f10;--bg5:#472513;--acc:#ff6b35;--acc2:#e55a28;--acc-dim:rgba(255,107,53,.12);--acc-glow:rgba(255,107,53,.2);--acc-border:rgba(255,107,53,.35);--t1:#fff0e8;--t2:#cc7755;--t3:#884433;--border:rgba(150,50,30,.4);--border2:rgba(180,60,35,.5)}
[data-theme="sunset"] .msgs-area{background:linear-gradient(160deg,#1a0d08 0%,#0f0808 100%)!important}
[data-theme="sunset"] .msg-wrap.out .msg-bubble{background:linear-gradient(145deg,#cc4400,#992200)!important}
[data-theme="sunset"] .msg-wrap.in .msg-bubble{background:#2a150c!important}

/* ── Pink ── */
[data-theme="pink"]{--bg0:#1a0d14;--bg1:#22101a;--bg2:#2a1420;--bg3:#331828;--bg4:#3d1d30;--bg5:#472238;--acc:#f06292;--acc2:#e91e63;--acc-dim:rgba(240,98,146,.12);--acc-glow:rgba(240,98,146,.2);--acc-border:rgba(240,98,146,.35);--t1:#fce4ec;--t2:#f48fb1;--t3:#ad4777;--border:rgba(150,40,80,.4);--border2:rgba(180,50,95,.5)}
[data-theme="pink"] .msgs-area{background:#1a0d14!important}
[data-theme="pink"] .msg-wrap.out .msg-bubble{background:linear-gradient(145deg,#c2185b,#880e4f)!important}
[data-theme="pink"] .msg-wrap.in .msg-bubble{background:#2a1420!important}

/* ── Nord ── */
[data-theme="nord"]{--bg0:#2e3440;--bg1:#3b4252;--bg2:#434c5e;--bg3:#4c566a;--bg4:#575f70;--bg5:#606878;--acc:#88c0d0;--acc2:#5e9eb5;--acc-dim:rgba(136,192,208,.12);--acc-glow:rgba(136,192,208,.2);--acc-border:rgba(136,192,208,.35);--t1:#eceff4;--t2:#d8dee9;--t3:#a0aab8;--border:rgba(67,76,94,.8);--border2:rgba(76,86,106,.9)}
[data-theme="nord"] .msgs-area{background:#2e3440!important}
[data-theme="nord"] .msg-wrap.out .msg-bubble{background:linear-gradient(145deg,#5e81ac,#4a6a90)!important}
[data-theme="nord"] .msg-wrap.in .msg-bubble{background:#434c5e!important}

/* ── Violet ── */
[data-theme="violet"]{--bg0:#110d1f;--bg1:#170f2a;--bg2:#1e1435;--bg3:#261940;--bg4:#2e1f4c;--bg5:#372558;--acc:#b39ddb;--acc2:#9575cd;--acc-dim:rgba(179,157,219,.12);--acc-glow:rgba(179,157,219,.2);--acc-border:rgba(179,157,219,.35);--t1:#ede7f6;--t2:#9575cd;--t3:#5e3a8c;--border:rgba(80,40,130,.4);--border2:rgba(100,50,160,.5)}
[data-theme="violet"] .msgs-area{background:#110d1f!important}
[data-theme="violet"] .msg-wrap.out .msg-bubble{background:linear-gradient(145deg,#6a1b9a,#4a0e72)!important}
[data-theme="violet"] .msg-wrap.in .msg-bubble{background:#1e1435!important}

/* ── Matcha ── */
[data-theme="matcha"]{--bg0:#0f1a14;--bg1:#141f18;--bg2:#192620;--bg3:#1f2e26;--bg4:#25362c;--bg5:#2b3e32;--acc:#8bc34a;--acc2:#689f38;--acc-dim:rgba(139,195,74,.12);--acc-glow:rgba(139,195,74,.2);--acc-border:rgba(139,195,74,.35);--t1:#f1f8e9;--t2:#aed581;--t3:#6a8f44;--border:rgba(50,80,40,.4);--border2:rgba(60,95,48,.5)}
[data-theme="matcha"] .msgs-area{background:#0f1a14!important}
[data-theme="matcha"] .msg-wrap.out .msg-bubble{background:linear-gradient(145deg,#558b2f,#33691e)!important}
[data-theme="matcha"] .msg-wrap.in .msg-bubble{background:#192620!important}

/* ── Arctic ── */
[data-theme="arctic"]{--bg0:#0d1520;--bg1:#111d2b;--bg2:#162436;--bg3:#1c2d42;--bg4:#22364e;--bg5:#283f5a;--acc:#64b5f6;--acc2:#42a5f5;--acc-dim:rgba(100,181,246,.12);--acc-glow:rgba(100,181,246,.2);--acc-border:rgba(100,181,246,.35);--t1:#e3f2fd;--t2:#90caf9;--t3:#4488bb;--border:rgba(30,70,110,.5);--border2:rgba(40,85,130,.6)}
[data-theme="arctic"] .msgs-area{background:linear-gradient(180deg,#0d1520,#0a1828)!important}
[data-theme="arctic"] .msg-wrap.out .msg-bubble{background:linear-gradient(145deg,#1565c0,#0d47a1)!important}
[data-theme="arctic"] .msg-wrap.in .msg-bubble{background:#162436!important}

/* ── Silk (тёмный переливающийся шёлк — как фото 2) ── */
[data-theme="silk"]{--bg0:#090b14;--bg1:#0e1020;--bg2:#13162a;--bg3:#181c34;--bg4:#1e233e;--bg5:#242a48;--acc:#a78bfa;--acc2:#7c5cdb;--acc-dim:rgba(167,139,250,.12);--acc-glow:rgba(167,139,250,.25);--acc-border:rgba(167,139,250,.4);--t1:#f0eeff;--t2:#a78bfa;--t3:#6248b8;--border:rgba(100,80,180,.3);--border2:rgba(120,90,210,.4)}
[data-theme="silk"] .msgs-area{background:linear-gradient(135deg,#090b14 0%,#0d0a1e 30%,#100815 60%,#0a0c1a 100%)!important;background-image:radial-gradient(ellipse at 20% 50%,rgba(120,80,200,.15) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(60,120,220,.12) 0%,transparent 50%),radial-gradient(ellipse at 60% 80%,rgba(200,60,120,.08) 0%,transparent 50%)!important;background-attachment:fixed!important}
[data-theme="silk"] .msg-wrap.out .msg-bubble{background:linear-gradient(145deg,#5b21b6,#3b0e8c)!important;box-shadow:0 2px 12px rgba(120,80,200,.4)!important}
[data-theme="silk"] .msg-wrap.in .msg-bubble{background:rgba(20,18,40,.9)!important;border:1px solid rgba(100,80,180,.25)!important}

/* ── Crimson (красный шёлк — как фото 3) ── */
[data-theme="crimson"]{--bg0:#1a0005;--bg1:#220008;--bg2:#2a000c;--bg3:#330010;--bg4:#3d0014;--bg5:#470018;--acc:#ff4d6d;--acc2:#e0003a;--acc-dim:rgba(255,77,109,.12);--acc-glow:rgba(255,77,109,.25);--acc-border:rgba(255,77,109,.4);--t1:#ffe8ec;--t2:#ff8fa3;--t3:#c0004a;--border:rgba(180,0,40,.35);--border2:rgba(220,0,55,.45)}
[data-theme="crimson"] .msgs-area{background:linear-gradient(160deg,#1a0005 0%,#120005 50%,#1a0008 100%)!important;background-image:radial-gradient(ellipse at 30% 40%,rgba(180,0,40,.2) 0%,transparent 60%),radial-gradient(ellipse at 70% 70%,rgba(220,0,60,.12) 0%,transparent 50%)!important}
[data-theme="crimson"] .msg-wrap.out .msg-bubble{background:linear-gradient(145deg,#b00020,#800010)!important;box-shadow:0 2px 12px rgba(180,0,40,.45)!important}
[data-theme="crimson"] .msg-wrap.in .msg-bubble{background:rgba(35,0,8,.95)!important;border:1px solid rgba(180,0,40,.2)!important}

/* ── Gold ── */
[data-theme="gold"]{--bg0:#14100a;--bg1:#1c1508;--bg2:#241a08;--bg3:#2e2008;--bg4:#38260a;--bg5:#422c0c;--acc:#fbbf24;--acc2:#d97706;--acc-dim:rgba(251,191,36,.12);--acc-glow:rgba(251,191,36,.2);--acc-border:rgba(251,191,36,.35);--t1:#fffbeb;--t2:#fcd34d;--t3:#b45309;--border:rgba(120,80,0,.4);--border2:rgba(150,100,0,.5)}
[data-theme="gold"] .msgs-area{background:linear-gradient(160deg,#14100a,#0e0c06)!important}
[data-theme="gold"] .msg-wrap.out .msg-bubble{background:linear-gradient(145deg,#b45309,#92400e)!important}
[data-theme="gold"] .msg-wrap.in .msg-bubble{background:#241a08!important}

/* ── Coffee ── */
[data-theme="coffee"]{--bg0:#130f0b;--bg1:#1c1510;--bg2:#251b14;--bg3:#2f2118;--bg4:#39271c;--bg5:#432d20;--acc:#d2691e;--acc2:#a0522d;--acc-dim:rgba(210,105,30,.12);--acc-glow:rgba(210,105,30,.2);--acc-border:rgba(210,105,30,.35);--t1:#fdf6f0;--t2:#c49a7a;--t3:#8b5e3c;--border:rgba(100,60,20,.4);--border2:rgba(120,70,25,.5)}
[data-theme="coffee"] .msgs-area{background:#130f0b!important}
[data-theme="coffee"] .msg-wrap.out .msg-bubble{background:linear-gradient(145deg,#7b4019,#5c2d0e)!important}
[data-theme="coffee"] .msg-wrap.in .msg-bubble{background:#251b14!important}

/* ── Mint ── */
[data-theme="mint"]{--bg0:#0b1612;--bg1:#0f1d18;--bg2:#13241e;--bg3:#172c24;--bg4:#1c342a;--bg5:#203c30;--acc:#34d399;--acc2:#10b981;--acc-dim:rgba(52,211,153,.12);--acc-glow:rgba(52,211,153,.2);--acc-border:rgba(52,211,153,.35);--t1:#ecfdf5;--t2:#6ee7b7;--t3:#2d8a60;--border:rgba(20,100,60,.4);--border2:rgba(25,120,70,.5)}
[data-theme="mint"] .msgs-area{background:#0b1612!important}
[data-theme="mint"] .msg-wrap.out .msg-bubble{background:linear-gradient(145deg,#059669,#047857)!important}
[data-theme="mint"] .msg-wrap.in .msg-bubble{background:#13241e!important}

/* ── Cherry ── */
[data-theme="cherry"]{--bg0:#150810;--bg1:#1c0d16;--bg2:#24111d;--bg3:#2d1525;--bg4:#36192d;--bg5:#401e35;--acc:#f43f5e;--acc2:#e11d48;--acc-dim:rgba(244,63,94,.12);--acc-glow:rgba(244,63,94,.2);--acc-border:rgba(244,63,94,.35);--t1:#fff1f2;--t2:#fda4af;--t3:#be123c;--border:rgba(150,20,50,.4);--border2:rgba(180,25,60,.5)}
[data-theme="cherry"] .msgs-area{background:#150810!important}
[data-theme="cherry"] .msg-wrap.out .msg-bubble{background:linear-gradient(145deg,#be123c,#9f1239)!important}
[data-theme="cherry"] .msg-wrap.in .msg-bubble{background:#24111d!important}

/* ── Steel ── */
[data-theme="steel"]{--bg0:#0e1218;--bg1:#141a22;--bg2:#1a222c;--bg3:#202a36;--bg4:#263240;--bg5:#2c3a4a;--acc:#94a3b8;--acc2:#64748b;--acc-dim:rgba(148,163,184,.1);--acc-glow:rgba(148,163,184,.18);--acc-border:rgba(148,163,184,.3);--t1:#f1f5f9;--t2:#94a3b8;--t3:#475569;--border:rgba(50,70,90,.5);--border2:rgba(60,85,110,.6)}
[data-theme="steel"] .msgs-area{background:#0e1218!important}
[data-theme="steel"] .msg-wrap.out .msg-bubble{background:linear-gradient(145deg,#334155,#1e293b)!important}
[data-theme="steel"] .msg-wrap.in .msg-bubble{background:#1a222c!important}

/* ── Amber ── */
[data-theme="amber"]{--bg0:#140e05;--bg1:#1c1408;--bg2:#241a0a;--bg3:#2e200c;--bg4:#38270e;--bg5:#422d10;--acc:#f59e0b;--acc2:#d97706;--acc-dim:rgba(245,158,11,.12);--acc-glow:rgba(245,158,11,.2);--acc-border:rgba(245,158,11,.35);--t1:#fffbeb;--t2:#fbbf24;--t3:#b45309;--border:rgba(120,80,0,.4);--border2:rgba(150,100,0,.5)}
[data-theme="amber"] .msgs-area{background:#140e05!important}
[data-theme="amber"] .msg-wrap.out .msg-bubble{background:linear-gradient(145deg,#b45309,#92400e)!important}
[data-theme="amber"] .msg-wrap.in .msg-bubble{background:#241a0a!important}

/* ── Ice ── */
[data-theme="ice"]{--bg0:#0a1219;--bg1:#0e1a24;--bg2:#12222f;--bg3:#162a3a;--bg4:#1a3245;--bg5:#1e3a50;--acc:#7dd3fc;--acc2:#38bdf8;--acc-dim:rgba(125,211,252,.1);--acc-glow:rgba(125,211,252,.2);--acc-border:rgba(125,211,252,.35);--t1:#f0f9ff;--t2:#bae6fd;--t3:#0369a1;--border:rgba(20,80,120,.4);--border2:rgba(25,95,140,.5)}
[data-theme="ice"] .msgs-area{background:linear-gradient(180deg,#0a1219,#060e16)!important}
[data-theme="ice"] .msg-wrap.out .msg-bubble{background:linear-gradient(145deg,#0284c7,#0369a1)!important}
[data-theme="ice"] .msg-wrap.in .msg-bubble{background:#12222f!important}

/* ── Rose ── */
[data-theme="rose"]{--bg0:#1a0a0d;--bg1:#220d11;--bg2:#2a1015;--bg3:#33131a;--bg4:#3d171f;--bg5:#471b24;--acc:#fb7185;--acc2:#f43f5e;--acc-dim:rgba(251,113,133,.12);--acc-glow:rgba(251,113,133,.2);--acc-border:rgba(251,113,133,.35);--t1:#fff1f2;--t2:#fda4af;--t3:#be123c;--border:rgba(160,30,50,.4);--border2:rgba(190,35,60,.5)}
[data-theme="rose"] .msgs-area{background:#1a0a0d!important}
[data-theme="rose"] .msg-wrap.out .msg-bubble{background:linear-gradient(145deg,#e11d48,#be123c)!important}
[data-theme="rose"] .msg-wrap.in .msg-bubble{background:#2a1015!important}

/* ── Cosmos ── */
[data-theme="cosmos"]{--bg0:#08071a;--bg1:#0c0b22;--bg2:#100f2c;--bg3:#151336;--bg4:#1a1840;--bg5:#1f1e4a;--acc:#818cf8;--acc2:#6366f1;--acc-dim:rgba(129,140,248,.12);--acc-glow:rgba(129,140,248,.25);--acc-border:rgba(129,140,248,.4);--t1:#eef2ff;--t2:#a5b4fc;--t3:#4338ca;--border:rgba(60,50,150,.4);--border2:rgba(80,65,180,.5)}
[data-theme="cosmos"] .msgs-area{background:radial-gradient(ellipse at 50% 0%,#14104a 0%,#08071a 60%)!important;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px),radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px)!important;background-size:auto,30px 30px,15px 15px!important}
[data-theme="cosmos"] .msg-wrap.out .msg-bubble{background:linear-gradient(145deg,#4338ca,#3730a3)!important}
[data-theme="cosmos"] .msg-wrap.in .msg-bubble{background:#100f2c!important}

/* ── Jade ── */
[data-theme="jade"]{--bg0:#071510;--bg1:#0b1c15;--bg2:#0f231a;--bg3:#132c20;--bg4:#173526;--bg5:#1b3e2c;--acc:#22c55e;--acc2:#16a34a;--acc-dim:rgba(34,197,94,.12);--acc-glow:rgba(34,197,94,.2);--acc-border:rgba(34,197,94,.35);--t1:#f0fdf4;--t2:#86efac;--t3:#166534;--border:rgba(20,100,50,.4);--border2:rgba(25,120,60,.5)}
[data-theme="jade"] .msgs-area{background:#071510!important}
[data-theme="jade"] .msg-wrap.out .msg-bubble{background:linear-gradient(145deg,#15803d,#166534)!important}
[data-theme="jade"] .msg-wrap.in .msg-bubble{background:#0f231a!important}

/* ПИКЕР ТЕМ */
.theme-picker-overlay{position:fixed;inset:0;z-index:9000;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .18s ease}
.theme-picker-sheet{background:var(--bg1);border-radius:22px 22px 0 0;width:100%;max-width:480px;padding:12px 16px calc(16px + var(--safe-bottom));animation:slideUp .22s cubic-bezier(.2,.8,.3,1)}
@keyframes slideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.theme-picker-drag{width:36px;height:4px;border-radius:2px;background:var(--bg4);margin:0 auto 14px}
.theme-picker-title{font-size:13px;font-weight:800;color:var(--t3);text-transform:uppercase;letter-spacing:.8px;text-align:center;padding:0 0 12px}
.theme-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px;max-height:300px;overflow-y:auto;padding-right:4px}
.theme-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 4px;border-radius:14px;border:2px solid transparent;background:var(--bg2);cursor:pointer;transition:all .15s;-webkit-tap-highlight-color:transparent;font-family:var(--font)}
.theme-btn.active{border-color:var(--acc);background:var(--acc-dim)}
.theme-btn:active{transform:scale(.92)}
.theme-swatch{width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:18px}
.theme-label{font-size:10px;font-weight:700;color:var(--t2)}
.accent-row{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--bg2);border-radius:14px;margin-bottom:8px}
.accent-label{flex:1;font-size:14px;font-weight:600;color:var(--t1)}
.accent-colors{display:flex;gap:8px}
.accent-dot{width:26px;height:26px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:transform .12s,border-color .12s;-webkit-tap-highlight-color:transparent}
.accent-dot.active{border-color:#fff;transform:scale(1.15)}

/* ПАПКИ */
.folder-tabs{display:flex;overflow-x:auto;gap:6px;padding:8px 12px 6px;background:var(--bg1);border-bottom:1px solid var(--border);flex-shrink:0;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.folder-tabs::-webkit-scrollbar{display:none}
.folder-tab{display:flex;align-items:center;gap:5px;padding:5px 12px;border-radius:20px;border:1.5px solid transparent;background:var(--bg2);color:var(--t2);font-size:12.5px;font-weight:700;white-space:nowrap;cursor:pointer;transition:all .15s;flex-shrink:0;font-family:var(--font);-webkit-tap-highlight-color:transparent}
.folder-tab.active{background:var(--acc-dim);color:var(--acc);border-color:var(--acc-border)}
.folder-tab:active{transform:scale(.92)}
.folder-tab-badge{background:var(--red);color:#fff;font-size:10px;font-weight:800;min-width:16px;height:16px;border-radius:8px;padding:0 4px;display:flex;align-items:center;justify-content:center}

/* РЕАКЦИИ */
.msg-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px;padding:0 2px}
.reaction-chip{display:flex;align-items:center;gap:3px;padding:2px 7px;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid transparent;font-size:13px;cursor:pointer;transition:all .12s;user-select:none;-webkit-tap-highlight-color:transparent}
.reaction-chip.mine{background:var(--acc-dim);border-color:var(--acc-border)}
.reaction-chip:active{transform:scale(.88)}
.reaction-count{font-size:11px;font-weight:700;color:var(--t2)}
.reaction-chip.mine .reaction-count{color:var(--acc)}
.reaction-picker{position:fixed;z-index:8000;background:var(--bg1);border:1px solid var(--border2);border-radius:24px;padding:6px 8px;display:flex;gap:2px;box-shadow:0 8px 32px rgba(0,0,0,.5);animation:popIn .16s cubic-bezier(.34,1.56,.64,1)}
@keyframes popIn{from{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}
.reaction-picker-btn{width:38px;height:38px;border-radius:50%;border:none;background:transparent;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .1s,transform .1s;-webkit-tap-highlight-color:transparent}
.reaction-picker-btn:hover{background:var(--bg3)}
.reaction-picker-btn:active{transform:scale(.8)}

/* ОПРОСЫ */
.poll-msg{background:var(--bg2);border:1px solid var(--border);border-radius:16px;padding:14px;min-width:220px;max-width:300px}
.poll-question{font-size:15px;font-weight:800;color:var(--t1);margin-bottom:12px;line-height:1.4}
.poll-options{display:flex;flex-direction:column;gap:7px}
.poll-option{position:relative;padding:9px 12px;border-radius:10px;cursor:pointer;overflow:hidden;border:1.5px solid var(--border2);background:var(--bg3);transition:border-color .12s;-webkit-tap-highlight-color:transparent}
.poll-option.voted{border-color:var(--acc)}
.poll-option.voted.winning{border-color:var(--green)}
.poll-option-bar{position:absolute;inset-block:0;left:0;background:var(--acc-dim);transition:width .4s cubic-bezier(.4,0,.2,1);border-radius:8px 0 0 8px}
.poll-option.voted.winning .poll-option-bar{background:rgba(63,185,80,.15)}
.poll-option-row{position:relative;display:flex;align-items:center;gap:8px}
.poll-option-text{flex:1;font-size:13.5px;font-weight:600;color:var(--t1)}
.poll-option-pct{font-size:12px;font-weight:800;color:var(--t2)}
.poll-option.voted .poll-option-pct{color:var(--acc)}
.poll-option.voted.winning .poll-option-pct{color:var(--green)}
.poll-footer{margin-top:10px;display:flex;align-items:center;justify-content:space-between;font-size:11.5px;color:var(--t3);font-weight:600}
.poll-tag{font-size:10px;font-weight:800;color:var(--acc);text-transform:uppercase;letter-spacing:.5px}

/* АНОНСЫ */
.msg-announce{background:linear-gradient(135deg,rgba(210,153,34,.12),rgba(210,153,34,.06));border:1px solid rgba(210,153,34,.3);border-radius:16px;padding:12px 14px;margin:4px 0}
.msg-announce-header{display:flex;align-items:center;gap:7px;margin-bottom:7px}
.msg-announce-label{font-size:11px;font-weight:800;color:var(--yellow);text-transform:uppercase;letter-spacing:.6px}
.msg-announce-text{font-size:14px;line-height:1.5;color:var(--t1)}

/* ИСЧЕЗАЮЩИЕ СООБЩЕНИЯ */
.msg-timer-badge{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:700;color:var(--t3);margin-left:5px}
.disappear-indicator{display:flex;align-items:center;gap:6px;padding:5px 12px;background:rgba(248,81,73,.07);border-bottom:1px solid rgba(248,81,73,.15);font-size:12px;color:var(--red);font-weight:600;flex-shrink:0}

/* ИСТОРИИ */
.stories-bar{display:flex;overflow-x:auto;gap:10px;padding:10px 12px 8px;background:var(--bg1);border-bottom:1px solid var(--border);flex-shrink:0;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.stories-bar::-webkit-scrollbar{display:none}
.story-item{display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;flex-shrink:0;min-width:54px;-webkit-tap-highlight-color:transparent}
.story-ring{width:54px;height:54px;border-radius:50%;padding:2px;background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}
.story-ring.seen{background:var(--bg4)}
.story-ring.add{background:var(--acc-dim);border:2px dashed var(--acc)}
.story-av-wrap{width:100%;height:100%;border-radius:50%;border:2px solid var(--bg1);overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--bg2);font-size:11px}
.story-av-wrap img{width:100%;height:100%;object-fit:cover}
.story-name{font-size:10.5px;font-weight:600;color:var(--t2);max-width:54px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ЗАПРОСЫ НА ПЕРЕПИСКУ */
.msg-request-banner{margin:8px 12px;padding:14px;background:var(--bg2);border:1px solid var(--border);border-radius:16px;text-align:center}
.msg-request-text{font-size:13px;color:var(--t2);line-height:1.5;margin-bottom:12px}
.msg-request-btns{display:flex;gap:8px}
.msg-request-accept{flex:1;padding:9px;border-radius:10px;border:none;background:var(--acc);color:#fff;font-size:13px;font-weight:700;cursor:pointer;font-family:var(--font)}
.msg-request-decline{flex:1;padding:9px;border-radius:10px;border:1.5px solid var(--border2);background:transparent;color:var(--t2);font-size:13px;font-weight:700;cursor:pointer;font-family:var(--font)}

/* ОСНОВНОЙ ДИЗАЙН ЧАТА */
#s-dialog .hdr{background:rgba(13,17,23,.97)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border-bottom:1px solid rgba(40,50,65,.85)!important;padding-top:var(--safe-top)!important;min-height:calc(56px + var(--safe-top))!important;height:auto!important}
#s-dialog .hdr-title{font-size:16px!important;font-weight:800!important}
#s-dialog .hdr-sub{font-size:12px!important;margin-top:1px!important}
.msgs-area{background:#0a0e14!important;background-image:radial-gradient(rgba(88,166,255,.025) 1px,transparent 1px)!important;background-size:24px 24px!important;will-change:scroll-position!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-y:contain!important;scroll-behavior:smooth!important}
.msg-wrap.out .msg-bubble{background:linear-gradient(145deg,#1d5faa 0%,#153d76 100%)!important;color:#deeeff!important;box-shadow:0 2px 8px rgba(15,50,100,.5)!important;border-radius:18px 4px 18px 18px!important}
.msg-wrap.in .msg-bubble{background:#1a2233!important;color:#dde8f5!important;box-shadow:0 1px 4px rgba(0,0,0,.4)!important;border-radius:4px 18px 18px 18px!important}
.chat-input-wrap{background:rgba(13,17,23,.98)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border-top:1px solid rgba(40,50,65,.7)!important;padding-bottom:max(6px,var(--safe-bottom))!important;flex-shrink:0!important}
.chat-box{background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:22px!important;padding:6px 72px 6px 12px!important;min-height:34px!important;box-sizing:border-box!important;transition:border-color .15s!important}
.chat-box:focus-within{border-color:rgba(88,166,255,.4)!important}
.chat-row-inp{padding:5px 8px!important;padding-bottom:max(5px,var(--safe-bottom,0px))!important;gap:6px!important}
.btn-action-wrap{position:absolute!important;right:5px!important;bottom:3px!important;width:28px!important;height:28px!important}
.btn-action-wrap .send-btn,.btn-action-wrap .ci-voice-btn{width:28px!important;height:28px!important}
.ci-emoji-btn{right:37px!important;bottom:3px!important;width:26px!important;height:26px!important}
.chat-ta{padding:0!important;font-size:15px!important;line-height:1.45!important;color:#e6edf3!important;background:transparent!important;max-height:130px!important}
.chat-ta::placeholder{color:rgba(139,148,158,.6)!important}
.send-btn{width:28px!important;height:28px!important;border-radius:50%!important;background:linear-gradient(135deg,#2d6be4,#1a4db8)!important;box-shadow:0 2px 10px rgba(29,95,220,.5)!important;border:none!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:transform .12s,box-shadow .12s!important;flex-shrink:0!important}
.send-btn:active{transform:scale(.88)!important;box-shadow:0 1px 5px rgba(29,95,220,.4)!important}
.reply-bar{background:rgba(88,166,255,.07)!important;border-top:1px solid rgba(88,166,255,.15)!important;padding:7px 10px!important;gap:8px!important}
.reply-line{width:3px!important;min-height:28px!important;background:#3b82f6!important;border-radius:2px!important;flex-shrink:0!important}
.reply-name{font-size:12.5px!important;font-weight:700!important;color:#58a6ff!important}
.reply-txt{font-size:12px!important;color:#8b949e!important}
.chat-row{padding:10px 14px!important;-webkit-tap-highlight-color:transparent!important;touch-action:manipulation!important;transition:background .1s!important}
.chat-row:active{background:rgba(255,255,255,.04)!important}
.chat-row+.chat-row{border-top:1px solid rgba(40,50,65,.6)!important}
.chat-row::after{display:none!important}
.chat-name{font-size:15.5px!important;font-weight:700!important}
.chat-preview{font-size:13.5px!important}
.chat-badge{background:#2d6be4!important;font-size:11px!important;min-width:20px!important;height:20px!important;border-radius:10px!important}
.pinned-bar{display:flex!important;align-items:center!important;background:rgba(13,17,23,.96)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;border-bottom:1px solid rgba(40,50,65,.8)!important;flex-shrink:0!important;z-index:20!important;animation:pinnedSlide .22s cubic-bezier(.2,.8,.3,1)!important;padding:4px 4px 4px 10px!important;gap:4px!important}
@keyframes pinnedSlide{from{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}
.pinned-bar-inner{display:flex!important;align-items:center!important;gap:8px!important;flex:1!important;min-width:0!important;cursor:pointer!important;padding:5px 8px!important;border-left:3px solid #3b82f6!important;border-radius:0 8px 8px 0!important;background:rgba(59,130,246,.07)!important;transition:background .12s!important}
.pinned-bar-inner:active{background:rgba(59,130,246,.14)!important}
.pinned-icon{font-size:13px!important;flex-shrink:0!important}
.pinned-body{min-width:0!important;flex:1!important}
.pinned-label{font-size:10px!important;font-weight:800!important;color:#3b82f6!important;text-transform:uppercase!important;letter-spacing:.6px!important;line-height:1.2!important}
.pinned-text{font-size:13px!important;color:#8b949e!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.3!important}
.pinned-unpin-btn{width:30px!important;height:30px!important;border-radius:50%!important;border:none!important;background:rgba(255,255,255,.05)!important;color:#8b949e!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;flex-shrink:0!important;transition:background .12s,color .12s!important;font-size:14px!important;-webkit-tap-highlight-color:transparent!important}
.pinned-unpin-btn:active{background:rgba(248,81,73,.18)!important;color:#f85149!important}
.msg-link{color:#79b8ff!important;text-decoration:none!important;border-bottom:1px solid rgba(121,184,255,.3)!important;word-break:break-all!important}
.msg-link:hover{color:#a5cdff!important}
.msg-wrap.out .msg-link{color:rgba(255,255,255,.9)!important;border-bottom-color:rgba(255,255,255,.35)!important}
.msg-system{text-align:center!important;padding:4px 0!important;pointer-events:none!important}
.msg-system span{background:rgba(10,14,20,.75)!important;backdrop-filter:blur(8px)!important;border:1px solid rgba(48,54,61,.5)!important;color:#8b949e!important;font-size:12px!important;padding:3px 14px!important;border-radius:14px!important;display:inline-block!important}
.msg-date-sep{text-align:center!important;padding:14px 0 6px!important;pointer-events:none!important}
.msg-date-sep span{background:rgba(10,14,20,.8)!important;backdrop-filter:blur(10px)!important;border:1px solid rgba(48,54,61,.5)!important;color:#8b949e!important;font-size:11.5px!important;font-weight:600!important;padding:4px 14px!important;border-radius:14px!important;display:inline-block!important}
.sticker-panel{flex-direction:column!important;max-height:290px!important;background:#0e1420!important;border-top:1px solid rgba(40,50,65,.9)!important;border-radius:16px 16px 0 0!important;overflow:hidden!important;box-shadow:0 -4px 24px rgba(0,0,0,.4)!important}
.sticker-tabs{display:flex!important;overflow-x:auto!important;padding:8px 10px 6px!important;gap:5px!important;flex-shrink:0!important;scrollbar-width:none!important;border-bottom:1px solid rgba(40,50,65,.8)!important;-webkit-overflow-scrolling:touch!important}
.sticker-tabs::-webkit-scrollbar{display:none!important}
.sticker-tab{width:42px!important;height:42px!important;border-radius:10px!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;border:2px solid transparent!important;overflow:hidden!important;transition:background .1s,transform .1s!important;-webkit-tap-highlight-color:transparent!important}
.sticker-tab img{width:32px!important;height:32px!important;object-fit:contain!important}
.sticker-tab:active{transform:scale(.88)!important}
.sticker-tab.active{background:rgba(59,130,246,.18)!important;border-color:rgba(59,130,246,.5)!important}
.sticker-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(76px,1fr))!important;gap:4px!important;padding:8px!important;overflow-y:auto!important;flex:1!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important}
.sticker-item{display:flex!important;align-items:center!important;justify-content:center!important;border-radius:12px!important;padding:5px!important;cursor:pointer!important;aspect-ratio:1!important;transition:background .1s,transform .12s!important;-webkit-tap-highlight-color:transparent!important}
.sticker-item:active{transform:scale(.88)!important}
.sticker-item img{width:66px!important;height:66px!important;object-fit:contain!important;display:block!important}
.conn-banner{position:fixed!important;top:0!important;left:50%!important;transform:translateX(-50%) translateY(-70px)!important;z-index:10000!important;display:flex!important;align-items:center!important;gap:8px!important;padding:calc(10px + var(--safe-top)) 22px 10px!important;border-radius:0 0 16px 16px!important;font-size:13px!important;font-weight:600!important;transition:transform .32s cubic-bezier(.34,1.56,.64,1)!important;pointer-events:none!important;white-space:nowrap!important;box-shadow:0 6px 24px rgba(0,0,0,.45)!important;font-family:inherit!important}
.conn-banner.visible{transform:translateX(-50%) translateY(0)!important}
.conn-banner--offline,.conn-banner--queued{background:rgba(215,55,45,.96)!important;color:#fff!important}
.conn-banner--syncing{background:rgba(190,130,15,.96)!important;color:#fff!important}
.conn-dot{width:7px!important;height:7px!important;border-radius:50%!important;background:rgba(255,255,255,.75)!important;display:inline-block!important;flex-shrink:0!important}
.conn-dot--pulse{animation:connPulse .85s ease-in-out infinite!important}
@keyframes connPulse{0%,100%{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.3)}}

/* МОБИЛЬНАЯ АДАПТАЦИЯ */
@media(max-width:600px){
  #s-dialog{padding-bottom:0!important}
  #s-dialog .hdr{padding-top:max(8px,var(--safe-top))!important;min-height:calc(52px + max(0px,var(--safe-top)))!important}
  .msgs-area{padding-bottom:4px!important}
  .chat-input-wrap{padding-bottom:max(8px,var(--safe-bottom))!important}
  .chat-ta{font-size:16px!important;max-height:110px!important}
  .sticker-panel{max-height:240px!important}
  .sticker-item img{width:58px!important;height:58px!important}
  .msg-wrap{max-width:calc(100vw - 52px)!important}
  .bnav{padding-bottom:max(4px,var(--safe-bottom))!important;height:calc(54px + max(0px,var(--safe-bottom)))!important}
  .scr:not(#s-dialog){padding-bottom:calc(54px + max(0px,var(--safe-bottom)))!important}
  .sticker-item,.chat-row,.msg-wrap,.btn,.sitem,.hdr-btn,.send-btn{-webkit-tap-highlight-color:transparent!important;touch-action:manipulation!important}
  .story-ring{width:48px!important;height:48px!important}
  .folder-tab{padding:4px 10px!important;font-size:12px!important}
  .poll-msg{min-width:180px!important}
}
@media(max-width:360px){
  .msg-wrap{max-width:calc(100vw - 46px)!important}
  .sticker-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr))!important}
  .chat-ta{font-size:15px!important}
}
@media(max-height:450px) and (orientation:landscape){
  #s-dialog .hdr{min-height:44px!important}
  .sticker-panel{max-height:180px!important}
  .stories-bar{display:none!important}
}

/* ═══════════════════════════════════════════
   Send Animation
═══════════════════════════════════════════ */
@keyframes msgSendPop{0%{transform:translateY(10px) scale(.95);opacity:0}60%{transform:translateY(-2px) scale(1.02);opacity:1}100%{transform:translateY(0) scale(1);opacity:1}}
@keyframes msgRecvPop{0%{transform:translateY(8px) scale(.96);opacity:0}60%{transform:translateY(-2px) scale(1.01);opacity:1}100%{transform:translateY(0) scale(1);opacity:1}}
@keyframes sendBtnPop{0%{transform:scale(1)}40%{transform:scale(.82)}80%{transform:scale(1.1)}100%{transform:scale(1)}}
.msg-send-anim{animation:msgSendPop .35s cubic-bezier(.2,.8,.3,1) both}
.msg-recv-anim{animation:msgRecvPop .3s cubic-bezier(.2,.8,.3,1) both}
.send-pop{animation:sendBtnPop .25s cubic-bezier(.2,.8,.3,1)!important}

/* ═══════════════════════════════════════════
   Swipe Reply
═══════════════════════════════════════════ */
.msg-wrap{transition:transform .25s cubic-bezier(.2,.8,.3,1)}
.swipe-reply-icon{position:absolute;left:-34px;top:50%;transform:translateY(-50%) scale(.5);width:26px;height:26px;background:var(--acc);border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;box-shadow:0 2px 8px var(--acc-glow)}
.msg-wrap.in .swipe-reply-icon{left:auto;right:-34px}

/* ═══════════════════════════════════════════
   Double Tap Heart
═══════════════════════════════════════════ */
@keyframes heartFloat{0%{transform:scale(0) rotate(-20deg);opacity:1}50%{transform:scale(1.6) rotate(5deg);opacity:1}100%{transform:scale(1.2) translateY(-60px);opacity:0}}
.dbl-heart{position:absolute;font-size:34px;pointer-events:none;z-index:9999;animation:heartFloat .75s cubic-bezier(.2,.8,.3,1) forwards;user-select:none}

/* ═══════════════════════════════════════════
   Font Size
═══════════════════════════════════════════ */
:root{--msg-font-size:15px}
.msg-bubble{font-size:var(--msg-font-size)!important}
.font-size-preview{background:var(--bg2);border-radius:14px;padding:14px 18px;margin:0 0 16px;color:var(--t1);text-align:center;transition:font-size .15s;border:1px solid var(--border2)}
.font-size-row{display:flex;align-items:center;gap:12px;padding:0 4px 12px}
.font-sz-label{color:var(--t2);font-weight:700;flex-shrink:0}
.font-sz-range{flex:1;-webkit-appearance:none;height:4px;border-radius:2px;background:var(--bg4);outline:none;cursor:pointer}
.font-sz-range::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--acc);box-shadow:0 2px 8px var(--acc-glow);cursor:pointer}
.font-size-labels{display:flex;justify-content:space-between;padding:0 2px}
.fsz-dot{font-size:11px;color:var(--t3);cursor:pointer;padding:3px 6px;border-radius:8px;transition:color .12s,background .12s}
.fsz-dot.active{color:var(--acc);background:var(--acc-dim);font-weight:700}

/* ═══════════════════════════════════════════
   Compact Mode
═══════════════════════════════════════════ */
.compact .msg-wrap{margin-bottom:1px!important}
.compact .msg-bubble{padding:5px 10px!important;border-radius:12px!important}
.compact .msgs-area{padding:6px 8px!important}
.compact .msg-date-sep{margin:6px 0!important}
.compact .msg-date-sep span{font-size:10px!important;padding:2px 8px!important}
.compact .msg-sender{font-size:11px!important;margin-bottom:1px!important}
.compact .msg-av .av{width:26px!important;height:26px!important;font-size:10px!important}
.hdr-btn.active{color:var(--acc)!important}

/* ═══════════════════════════════════════════
   Chat Bg Picker
═══════════════════════════════════════════ */
.bg-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}
.bg-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 4px;border-radius:14px;border:2px solid transparent;background:var(--bg2);cursor:pointer;transition:all .15s;-webkit-tap-highlight-color:transparent;font-family:var(--font)}
.bg-btn.active{border-color:var(--acc);background:var(--acc-dim)}
.bg-btn:active{transform:scale(.92)}
.bg-swatch{width:52px;height:52px;border-radius:12px;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;overflow:hidden}
.bg-btn span{font-size:11px;color:var(--t2);font-weight:600}