:root[data-theme="dark"]{ --bg:#121212;--panel:#1e1e1e;--border:#444;--text:#e6e6e6;--muted:#bfbfbf;--surface:#1a1a1a;--surface2:#222;--link:#2b2b2b;--bg-active:var(--link) }
:root[data-theme="dark"] .topbtn{background:var(--panel);border-color:var(--border)}
:root[data-theme="dark"] .topbtn.active{background:var(--surface2)}
:root[data-theme="dark"] .message{border-color:#333;background:#181818}
:root[data-theme="dark"] .message-group{border-color:#333;background:#181818}
:root[data-theme="dark"] .channel-welcome-header{border-color:rgba(255,255,255,0.12);color:#ddd}
:root[data-theme="dark"] .chat-loading{color:#bbb}
:root[data-theme="dark"] .chat-history{border-color:#333;background:#151515}
:root[data-theme="dark"] .rooms-list .room:hover{background:rgba(255,255,255,0.08)}
:root[data-theme="dark"] #blogs-list{border-color:#333;background:#1a1a1a}

:root[data-theme="forest"]{
	--bg:#253b34;
	--panel:#2f4b3d;
	--border:#4d715c;
	--text:#f5f4ef;
	--muted:#c5d3c2;
	--surface:#3d6e4a;
	--surface2:#4b8157;
	--link:#7fbf89;
	--bg-active:var(--link);
}
:root[data-theme="forest"] #topbar{background:linear-gradient(#2f4b3d,#253b34)}
:root[data-theme="forest"] .chat-history{background:#2a443a;border-color:#4d715c}
:root[data-theme="forest"] .message{background:#345b43;border-color:#4d715c}
:root[data-theme="forest"] .message-group{background:#345b43;border-color:#4d715c}
:root[data-theme="forest"] .message .msg-time{color:#c5d3c2}
:root[data-theme="forest"] .message-attach img{border-color:#4d715c}
:root[data-theme="forest"] .message-attach video{border-color:#4d715c;background:#253b34}
:root[data-theme="forest"] .chat-input-row{background:#2f4b3d;border-top-color:#4d715c}
:root[data-theme="forest"] textarea,#main[data-theme="forest"] input{background:#345b43;color:#f5f4ef;border-color:#4d715c}
:root[data-theme="forest"] .rooms-list .room:hover{background:rgba(255,255,255,0)}
:root[data-theme="forest"] .topbtn{background:#2f4b3d;border-color:#4d715c}
:root[data-theme="forest"] .topbtn.active{background:#3d6e4a}
:root[data-theme="forest"] .window{box-shadow:0 2px 8px rgba(0,0,0,0.55)}
:root[data-theme="forest"] .panel{box-shadow:0 2px 6px rgba(0,0,0,0.5)}
:root[data-theme="forest"] .btn{border-color:#2d5a2d}
:root[data-theme="forest"] #blogs-list{border-color:var(--border);background:#2a443a}

:root[data-theme="pico"]{
	--bg:#c4b72a;
	--panel:#1456e4;
	--border:#c90097;
	--text:#d41c1c;
	--muted:#d6cf88;
	--surface:#00a508;
	--surface2:#ff10d7;
	--link:#6d6d6d;
	--bg-active:#ffd95e;
}
:root[data-theme="pico"] #topbar{background:linear-gradient(#594f00,#2e2a00)}
:root[data-theme="pico"] .chat-history{border-color:#8a7a00;background:#2b2700}
:root[data-theme="pico"] .message{background:#a4994c;border-color:#8a7a00}
:root[data-theme="pico"] .message-group{background:#a4994c;border-color:#8a7a00}
:root[data-theme="pico"] .message .msg-time{color:#d6cf88}
:root[data-theme="pico"] .message-attach img{border-color:#8a7a00}
:root[data-theme="pico"] .message-attach video{border-color:#8a7a00;background:#bdb235}
:root[data-theme="pico"] .chat-input-row{background:#0000ff;border-top-color:#8a7a00}
:root[data-theme="pico"] textarea,#main[data-theme="pico"] input{background:#9f9020;color:#fff6a8;border-color:#8a7a00}
:root[data-theme="pico"] .rooms-list .room:hover{background:rgb(6, 194, 0)}
:root[data-theme="pico"] .topbtn{background:#ea00ff;border-color:#8a7a00;color:#fff6a8}
:root[data-theme="pico"] .topbtn.active{background:#8a7a00}
:root[data-theme="pico"] .channels-list .channel.unread{font-weight:900}
:root[data-theme="pico"] .channels-list .channel.active{background:var(--bg-active)}
:root[data-theme="pico"] .panel{box-shadow:0 2px 6px rgba(0,0,0,0.35)}
:root[data-theme="pico"] #blogs-list{border-color:var(--border);background:#2b2700}

:root[data-theme="lavender"]{
	--bg:#1f1a2e;
	--panel:#2a2340;
	--border:#6b5ca5;
	--text:#efeaff;
	--muted:#c9bdf2;
	--surface:#352b57;
	--surface2:#3f3566;
	--link:#b38cff;
	--bg-active:#c9b3ff;
}
:root[data-theme="lavender"] #topbar{background:linear-gradient(#2a2340,#1f1a2e)}
:root[data-theme="lavender"] .chat-history{border-color:#6b5ca5;background:#241e3a}
:root[data-theme="lavender"] .message{background:#2f2850;border-color:#6b5ca5}
:root[data-theme="lavender"] .message-group{background:#2f2850;border-color:#6b5ca5}
:root[data-theme="lavender"] .message .msg-time{color:#c9bdf2}
:root[data-theme="lavender"] .message-attach img{border-color:#6b5ca5}
:root[data-theme="lavender"] .message-attach video{border-color:#6b5ca5;background:#1f1a2e}
:root[data-theme="lavender"] .chat-input-row{background:#2a2340;border-top-color:#6b5ca5}
:root[data-theme="lavender"] textarea,#main[data-theme="lavender"] input{background:#352b57;color:#efeaff;border-color:#6b5ca5}
:root[data-theme="lavender"] .rooms-list .room:hover{background:rgba(255,255,255,0)}
:root[data-theme="lavender"] .topbtn{background:#2a2340;border-color:#6b5ca5;color:#efeaff}
:root[data-theme="lavender"] .topbtn.active{background:#3f3566}
:root[data-theme="lavender"] .channels-list .channel.unread{font-weight:900}
:root[data-theme="lavender"] .channels-list .channel.active{background:var(--bg-active)}
:root[data-theme="lavender"] .panel{box-shadow:0 2px 6px rgba(0,0,0,0.45)}
:root[data-theme="lavender"] #blogs-list{border-color:var(--border);background:#241e3a}

:root[data-theme="tropical"]{
	--bg:#06283d;
	--panel:#0b3a54;
	--border:#2e8fb5;
	--text:#e8f7ff;
	--muted:#9ed7f0;
	--surface:#0f4a66;
	--surface2:#1b6b8a;
	--link:#5ec7ff;
	--bg-active:var(--link);
}
:root[data-theme="tropical"] #topbar{background:linear-gradient(#0b3a54,#06283d)}
:root[data-theme="tropical"] .chat-history{background:#062a3b;border-color:#2e8fb5}
:root[data-theme="tropical"] .message{background:#0e3b52;border-color:#2e8fb5}
:root[data-theme="tropical"] .message-group{background:#0e3b52;border-color:#2e8fb5}
:root[data-theme="tropical"] .message .msg-time{color:#9ed7f0}
:root[data-theme="tropical"] .message-attach img{border-color:#2e8fb5}
:root[data-theme="tropical"] .message-attach video{border-color:#2e8fb5;background:#06283d}
:root[data-theme="tropical"] .chat-input-row{background:#0b3a54;border-top-color:#2e8fb5}
:root[data-theme="tropical"] textarea,#main[data-theme="tropical"] input{background:#0f4a66;color:#e8f7ff;border-color:#2e8fb5}
:root[data-theme="tropical"] .rooms-list .room:hover{background:rgba(94, 199, 255, 0)}
:root[data-theme="tropical"] .topbtn{background:#0b3a54;border-color:#2e8fb5;color:#e8f7ff}
:root[data-theme="tropical"] .topbtn.active{background:#1b6b8a}

:root[data-theme="deep-ocean"]{
	--bg:#00112b;
	--panel:#041f3b;
	--border:#173a7a;
	--text:#eaf6ff;
	--muted:#7f98c2;
	--surface:#02172c;
	--surface2:#062a4f;
	--link:#3b82ff;
	--bg-active:var(--link);
}
:root[data-theme="deep-ocean"] #topbar{background:linear-gradient(#0a2745,#00112b)}
:root[data-theme="deep-ocean"] .chat-history{background:#001028;border-color:var(--border)}
:root[data-theme="deep-ocean"] .message{background:#032034;border-color:var(--border)}
:root[data-theme="deep-ocean"] .message-group{background:#032034;border-color:var(--border)}
:root[data-theme="deep-ocean"] .message .msg-time{color:var(--muted)}
:root[data-theme="deep-ocean"] .message-attach img{border-color:var(--border)}
:root[data-theme="deep-ocean"] .message-attach video{border-color:var(--border);background:var(--bg)}
:root[data-theme="deep-ocean"] .chat-input-row{background:var(--panel);border-top-color:var(--border)}
:root[data-theme="deep-ocean"] textarea,#main[data-theme="deep-ocean"] input{background:var(--surface);color:var(--text);border-color:var(--border)}
:root[data-theme="deep-ocean"] .rooms-list .room:hover{background:rgba(59,130,255,0.06)}
:root[data-theme="deep-ocean"] .topbtn{background:var(--panel);border-color:var(--border);color:var(--text)}
:root[data-theme="deep-ocean"] .topbtn.active{background:var(--surface2)}

:root[data-theme="crimson"]{
	--bg:#2a0b0b;
	--panel:#3b0f12;
	--border:#b33a3a;
	--text:#fff6f6;
	--muted:#f0b4b4;
	--surface:#4a1517;
	--surface2:#6a1f22;
	--link:#ff6b6b;
	--bg-active:var(--link);
}
:root[data-theme="crimson"] #topbar{background:linear-gradient(#3b0f12,#2a0b0b)}
:root[data-theme="crimson"] .chat-history{background:#24090a;border-color:#b33a3a}
:root[data-theme="crimson"] .message{background:#310c0d;border-color:#b33a3a}
:root[data-theme="crimson"] .message-group{background:#310c0d;border-color:#b33a3a}
:root[data-theme="crimson"] .message .msg-time{color:#f0b4b4}
:root[data-theme="crimson"] .message-attach img{border-color:#b33a3a}
:root[data-theme="crimson"] .message-attach video{border-color:#b33a3a;background:#2a0b0b}
:root[data-theme="crimson"] .chat-input-row{background:#3b0f12;border-top-color:#b33a3a}
:root[data-theme="crimson"] textarea,#main[data-theme="crimson"] input{background:#4a1517;color:#fff6f6;border-color:#b33a3a}
:root[data-theme="crimson"] .rooms-list .room:hover{background:rgba(255, 107, 107, 0)}
:root[data-theme="crimson"] .topbtn{background:#3b0f12;border-color:#b33a3a;color:#fff6f6}
:root[data-theme="crimson"] .topbtn.active{background:#6a1f22}

:root[data-theme="haxx0r"]{
	--bg:#000000;
	--panel:#000000;
	--border:#000000;
	--text:#00f00c;
	--muted:#00ff0d;
	--surface:#000000;
	--surface2:#000000;
	--link:#0f8100;
	--bg-active:var(--link);
}
:root[data-theme="haxx0r"] #topbar{background:linear-gradient(#000000,#000000)}
:root[data-theme="haxx0r"] .chat-history{background:#000000;border-color:#00cf0a}
:root[data-theme="haxx0r"] .message{background:#000000;border-color:#00cf0a}
:root[data-theme="haxx0r"] .message-group{background:#000000;border-color:#00f00c}
:root[data-theme="haxx0r"] .message .msg-time{color:#00f00c}
:root[data-theme="haxx0r"] .message-attach img{border-color:#00f00c}
:root[data-theme="haxx0r"] .message-attach video{border-color:#00f00c;background:#000000}
:root[data-theme="haxx0r"] .chat-input-row{background:#000000;border-top-color:#00f00c}
:root[data-theme="haxx0r"] textarea,#main[data-theme="haxx0r"] input{background:#000000;color:#00f00c;border-color:#00f00c}
:root[data-theme="haxx0r"] .rooms-list .room:hover{background:rgba(255, 107, 107, 0)}
:root[data-theme="haxx0r"] .topbtn{background:#000000;border-color:#00f00c;color:#00f00c}
:root[data-theme="haxx0r"] .topbtn.active{background:#000000}

:root[data-theme="lesbian"]{
	--bg:rgb(255, 153, 0);
	--panel:#ff7288;
	--border:#ffd6a1;
	--text:#ffffff;
	--muted:#ffbfc9;
	--surface:#ff6d79;
	--surface2:#ff8629;
	--link:#ff7a59;
	--grad-start:#ff923f;
	--grad-end:#ff6f7b;
	--bg-active:var(--link);
}
:root[data-theme="lesbian"] #topbar{background:linear-gradient(135deg,var(--grad-start),var(--grad-end))}
:root[data-theme="lesbian"] body{background:linear-gradient(180deg,var(--grad-start) 0%,var(--grad-end) 100%)}
:root[data-theme="lesbian"] .chat-history{background:linear-gradient(135deg,var(--grad-start),var(--grad-end));border-color:var(--border)}
:root[data-theme="lesbian"] .message{background:linear-gradient(135deg,var(--grad-end),var(--grad-start));border-color:var(--border);color:var(--text)}
:root[data-theme="lesbian"] .message-group{background:linear-gradient(135deg,var(--grad-end),var(--grad-start));border-color:var(--border)}
:root[data-theme="lesbian"] .message .msg-time{color:var(--muted)}
:root[data-theme="lesbian"] .message-attach img{border-color:var(--border)}
:root[data-theme="lesbian"] .message-attach video{border-color:var(--border);background:linear-gradient(135deg,var(--grad-start),var(--grad-end))}
:root[data-theme="lesbian"] .chat-input-row{background:linear-gradient(135deg,var(--grad-start),var(--grad-end));border-top-color:var(--border)}
:root[data-theme="lesbian"] textarea,#main[data-theme="lesbian"] input{background:linear-gradient(135deg,var(--grad-end),var(--grad-start));color:var(--text);border-color:var(--border)}
:root[data-theme="lesbian"] .rooms-list .room:hover{background:rgba(255,122,89,0.06)}
:root[data-theme="lesbian"] .topbtn{background:linear-gradient(135deg,var(--grad-start),var(--grad-end));border-color:var(--border);color:var(--text)}
:root[data-theme="lesbian"] .topbtn.active{background:linear-gradient(135deg,var(--grad-end),var(--grad-start))}
:root[data-theme="lesbian"] #main{background:linear-gradient(135deg,var(--grad-start),var(--grad-end));border-color:var(--border)}
:root[data-theme="lesbian"] .window{background:linear-gradient(135deg,var(--grad-end),var(--grad-start));border-color:var(--border)}

:root[data-theme="mlm"]{
	--bg:#3f8f71;
	--panel:#5155ce;
	--border:#a1ffdb;
	--text:#ffffff;
	--muted:#cffcff;
	--surface:#5155ce;
	--surface2:#3f8f71;
	--link:#5bd0ac;
	--grad-start:#3f8f71;
	--grad-end:#5155ce;
	--bg-active:var(--link);
}
:root[data-theme="mlm"] #topbar{background:linear-gradient(135deg,var(--grad-start),var(--grad-end))}
:root[data-theme="mlm"] body{background:linear-gradient(180deg,var(--grad-start) 0%,var(--grad-end) 100%)}
:root[data-theme="mlm"] .chat-history{background:linear-gradient(135deg,var(--grad-start),var(--grad-end));border-color:var(--border)}
:root[data-theme="mlm"] .message{background:linear-gradient(135deg,var(--grad-end),var(--grad-start));border-color:var(--border);color:var(--text)}
:root[data-theme="mlm"] .message-group{background:linear-gradient(135deg,var(--grad-end),var(--grad-start));border-color:var(--border)}
:root[data-theme="mlm"] .message .msg-time{color:var(--muted)}
:root[data-theme="mlm"] .message-attach img{border-color:var(--border)}
:root[data-theme="mlm"] .message-attach video{border-color:var(--border);background:linear-gradient(135deg,var(--grad-start),var(--grad-end))}
:root[data-theme="mlm"] .chat-input-row{background:linear-gradient(135deg,var(--grad-start),var(--grad-end));border-top-color:var(--border)}
:root[data-theme="mlm"] textarea,#main[data-theme="mlm"] input{background:linear-gradient(135deg,var(--grad-end),var(--grad-start));color:var(--text);border-color:var(--border)}
:root[data-theme="mlm"] .rooms-list .room:hover{background:rgba(255,122,89,0.06)}
:root[data-theme="mlm"] .topbtn{background:linear-gradient(135deg,var(--grad-start),var(--grad-end));border-color:var(--border);color:var(--text)}
:root[data-theme="mlm"] .topbtn.active{background:linear-gradient(135deg,var(--grad-end),var(--grad-start))}
:root[data-theme="mlm"] #main{background:linear-gradient(135deg,var(--grad-start),var(--grad-end));border-color:var(--border)}
:root[data-theme="mlm"] .window{background:linear-gradient(135deg,var(--grad-end),var(--grad-start));border-color:var(--border)}

:root[data-theme="cheeto"]{
	--bg:#e07502;
	--panel:#ff891f;
	--border:#cc5c00;
	--text:#fff5e6;
	--muted:#ffd1a3;
	--surface:#d96500;
	--surface2:#e97700;
	--link:#ffb347;
	--bg-active:#ffb347;
}
:root[data-theme="cheeto"] #topbar{background:linear-gradient(#ff9c3d,#d96500)}
:root[data-theme="cheeto"] .chat-history{background:#e46f14;border-color:#cc5c00}
:root[data-theme="cheeto"] .message{background:#d97422;border-color:#cc5c00}
:root[data-theme="cheeto"] .message .msg-time{color:#ffd1a3}
:root[data-theme="cheeto"] .message-attach img{border-color:#cc5c00}
:root[data-theme="cheeto"] .message-attach video{border-color:#cc5c00;background:#3a1e00}
:root[data-theme="cheeto"] .chat-input-row{background:#ff891f;border-top-color:#cc5c00}
:root[data-theme="cheeto"] textarea,#main[data-theme="cheeto"] input{background:#d96500;color:#fff5e6;border-color:#cc5c00}
:root[data-theme="cheeto"] .rooms-list .room:hover{background:rgba(255,137,31,0.12)}
:root[data-theme="cheeto"] .topbtn{background:#ff891f;border-color:#cc5c00;color:#fff5e6}
:root[data-theme="cheeto"] .topbtn.active{background:#d96500}
:root[data-theme="cheeto"] .panel{box-shadow:0 2px 6px rgba(255, 113, 24, 0.4)}
:root[data-theme="cheeto"] #blogs-list{border-color:var(--border);background:#2a1200}
:root[data-theme="cheeto"] .channels-list .channel.active{background:var(--bg-active)}