:root {
    --font-display: 'Syne', sans-serif;
    --font-body: 'DM Sans', sans-serif;
    --fs-xs: 0.70rem;
    --fs-sm: 0.78rem;
    --fs-base: 0.88rem;
    --fs-md: 0.95rem;
    --fs-lg: 1.05rem;
    --fs-xl: 1.25rem;
    --fs-2xl: 1.6rem;
    --fs-3xl: 2rem;
    --fw-light: 300;
    --fw-normal: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 700;
    --fw-black: 800;
    --r-sm: 6px;
    --r-md: 10px;
    --r-lg: 16px;
    --r-xl: 22px;
    --r-full: 9999px;
    --sp-1: 4px;
    --sp-2: 8px;
    --sp-3: 12px;
    --sp-4: 16px;
    --sp-5: 20px;
    --sp-6: 24px;
    --tr-fast: 120ms ease;
    --tr-base: 220ms cubic-bezier(0.4, 0, 0.2, 1);
    --tr-slow: 380ms cubic-bezier(0.4, 0, 0.2, 1);
    --sidebar-left-w: 224px;
    --sidebar-right-w: 196px;
    --safe-bottom: env(safe-area-inset-bottom, 0px);
    --safe-top: env(safe-area-inset-top, 0px);
    --safe-left: env(safe-area-inset-left, 0px);
    --safe-right: env(safe-area-inset-right, 0px);
}
[data-theme="eclipse"] {
    --bg-base: #100a0e;
    --bg-surface: #1a0f16;
    --bg-raised: #24141d;
    --bg-hover: #2e1a26;
    --bg-active: #3a2030;
    --bg-input: #160b12;
    --bg-glass: rgba(26, 15, 22, 0.85);
    --border: rgba(255, 120, 190, 0.12);
    --border-focus: rgba(255, 130, 200, 0.5);
    --accent: #ff6eb4;
    --accent-2: #ff9ad1;
    --accent-glow: rgba(255, 110, 180, 0.38);
    --accent-2-glow: rgba(255, 154, 209, 0.3);
    --text-primary: #ffeaf5;
    --text-secondary: #d4a8c2;
    --text-muted: #8a6478;
    --text-accent: #ff6eb4;
    --text-link: #ff84c0;
    --scrollbar-track: rgba(255,255,255,0.03);
    --scrollbar-thumb: rgba(255, 110, 180, 0.22);
    --scrollbar-thumb-hover: rgba(255, 110, 180, 0.42);
    --shadow-sm: 0 2px 8px rgba(0,0,0,0.4);
    --shadow-md: 0 4px 20px rgba(0,0,0,0.5);
    --shadow-lg: 0 8px 40px rgba(0,0,0,0.6);
    --shadow-accent: 0 0 24px rgba(255, 110, 180, 0.28);
    --msg-mention-bg: rgba(255, 110, 180, 0.12);
    --msg-mention-border: rgba(255, 110, 180, 0.4);
    --msg-system-color: #a0608a;
    --msg-join-color: #6bffb4;
    --msg-part-color: #ff8a65;
    --orb-1: radial-gradient(circle, #7c3aed 0%, transparent 65%);
    --orb-2: radial-gradient(circle, #db2777 0%, transparent 65%);
    --orb-3: radial-gradient(circle, #2563eb 0%, transparent 60%);
}
[data-theme="aurora"] {
    --bg-base: #0a0118;
    --bg-surface: #12042a;
    --bg-raised: #1c0942;
    --bg-hover: #2a0f5e;
    --bg-active: #3a1680;
    --bg-input: #0d0320;
    --bg-glass: rgba(18, 4, 42, 0.9);
    --border: rgba(255, 0, 200, 0.18);
    --border-focus: rgba(0, 240, 255, 0.6);
    --accent: #ff2bd6;
    --accent-2: #00f0ff;
    --accent-glow: rgba(255, 43, 214, 0.45);
    --accent-2-glow: rgba(0, 240, 255, 0.4);
    --text-primary: #fce7ff;
    --text-secondary: #c08fe0;
    --text-muted: #7a4a9e;
    --text-accent: #ff2bd6;
    --text-link: #00f0ff;
    --scrollbar-track: rgba(255,255,255,0.03);
    --scrollbar-thumb: rgba(255, 43, 214, 0.3);
    --scrollbar-thumb-hover: rgba(255, 43, 214, 0.5);
    --shadow-sm: 0 2px 8px rgba(0,0,0,0.5);
    --shadow-md: 0 4px 20px rgba(0,0,0,0.6);
    --shadow-lg: 0 8px 40px rgba(0,0,0,0.7);
    --shadow-accent: 0 0 28px rgba(255, 43, 214, 0.4);
    --msg-mention-bg: rgba(255, 43, 214, 0.14);
    --msg-mention-border: rgba(0, 240, 255, 0.5);
    --msg-system-color: #a05cc0;
    --msg-join-color: #00f0ff;
    --msg-part-color: #ff5fa0;
    --orb-1: radial-gradient(circle, #ff2bd6 0%, transparent 65%);
    --orb-2: radial-gradient(circle, #00f0ff 0%, transparent 65%);
    --orb-3: radial-gradient(circle, #7c3aed 0%, transparent 60%);
}
[data-theme="midnight"] {
    --bg-base: #04140d;
    --bg-surface: #082018;
    --bg-raised: #0d2e22;
    --bg-hover: #133d2d;
    --bg-active: #1a5039;
    --bg-input: #051811;
    --bg-glass: rgba(8, 32, 24, 0.9);
    --border: rgba(52, 211, 153, 0.15);
    --border-focus: rgba(52, 211, 153, 0.55);
    --accent: #2fd36f;
    --accent-2: #c8e85a;
    --accent-glow: rgba(47, 211, 111, 0.35);
    --accent-2-glow: rgba(200, 232, 90, 0.25);
    --text-primary: #e6fff0;
    --text-secondary: #8fcca8;
    --text-muted: #4a7a60;
    --text-accent: #2fd36f;
    --text-link: #4ade80;
    --scrollbar-track: rgba(255,255,255,0.03);
    --scrollbar-thumb: rgba(47, 211, 111, 0.25);
    --scrollbar-thumb-hover: rgba(47, 211, 111, 0.45);
    --shadow-sm: 0 2px 8px rgba(0,0,0,0.5);
    --shadow-md: 0 4px 20px rgba(0,0,0,0.6);
    --shadow-lg: 0 8px 40px rgba(0,0,0,0.7);
    --shadow-accent: 0 0 24px rgba(47, 211, 111, 0.25);
    --msg-mention-bg: rgba(47, 211, 111, 0.12);
    --msg-mention-border: rgba(47, 211, 111, 0.4);
    --msg-system-color: #5a9a78;
    --msg-join-color: #2fd36f;
    --msg-part-color: #ff8855;
    --orb-1: radial-gradient(circle, #047857 0%, transparent 65%);
    --orb-2: radial-gradient(circle, #65a30d 0%, transparent 65%);
    --orb-3: radial-gradient(circle, #0d9488 0%, transparent 60%);
}
[data-theme="rose"] {
    --bg-base: #1a0a14;
    --bg-surface: #26101c;
    --bg-raised: #361628;
    --bg-hover: #481d35;
    --bg-active: #5e2645;
    --bg-input: #160812;
    --bg-glass: rgba(38, 16, 28, 0.9);
    --border: rgba(255, 140, 80, 0.16);
    --border-focus: rgba(255, 160, 90, 0.55);
    --accent: #ff7a45;
    --accent-2: #c850c0;
    --accent-glow: rgba(255, 122, 69, 0.4);
    --accent-2-glow: rgba(200, 80, 192, 0.3);
    --text-primary: #fff0ea;
    --text-secondary: #d6a08e;
    --text-muted: #8a5a52;
    --text-accent: #ff7a45;
    --text-link: #ff9a5f;
    --scrollbar-track: rgba(255,255,255,0.03);
    --scrollbar-thumb: rgba(255, 122, 69, 0.28);
    --scrollbar-thumb-hover: rgba(255, 122, 69, 0.5);
    --shadow-sm: 0 2px 8px rgba(0,0,0,0.45);
    --shadow-md: 0 4px 20px rgba(0,0,0,0.55);
    --shadow-lg: 0 8px 40px rgba(0,0,0,0.65);
    --shadow-accent: 0 0 26px rgba(255, 122, 69, 0.3);
    --msg-mention-bg: rgba(255, 122, 69, 0.12);
    --msg-mention-border: rgba(200, 80, 192, 0.45);
    --msg-system-color: #b0705a;
    --msg-join-color: #ffb347;
    --msg-part-color: #ff6f61;
    --orb-1: radial-gradient(circle, #ea580c 0%, transparent 65%);
    --orb-2: radial-gradient(circle, #c026d3 0%, transparent 65%);
    --orb-3: radial-gradient(circle, #db2777 0%, transparent 60%);
}
[data-theme="ocean"] {
    --bg-base: #071420;
    --bg-surface: #0c1f30;
    --bg-raised: #112a40;
    --bg-hover: #16344e;
    --bg-active: #1d4060;
    --bg-input: #081826;
    --bg-glass: rgba(12, 31, 48, 0.85);
    --border: rgba(90, 170, 255, 0.14);
    --border-focus: rgba(90, 170, 255, 0.5);
    --accent: #38bdf8;
    --accent-2: #3b82f6;
    --accent-glow: rgba(56, 189, 248, 0.35);
    --accent-2-glow: rgba(59, 130, 246, 0.3);
    --text-primary: #eaf6ff;
    --text-secondary: #a8c6dd;
    --text-muted: #6b8aa3;
    --text-accent: #38bdf8;
    --text-link: #5eb8f8;
    --scrollbar-track: rgba(255,255,255,0.03);
    --scrollbar-thumb: rgba(56, 189, 248, 0.22);
    --scrollbar-thumb-hover: rgba(56, 189, 248, 0.42);
    --shadow-sm: 0 2px 8px rgba(0,0,0,0.4);
    --shadow-md: 0 4px 20px rgba(0,0,0,0.5);
    --shadow-lg: 0 8px 40px rgba(0,0,0,0.6);
    --shadow-accent: 0 0 24px rgba(56, 189, 248, 0.28);
    --msg-mention-bg: rgba(56, 189, 248, 0.12);
    --msg-mention-border: rgba(56, 189, 248, 0.4);
    --msg-system-color: #5a7a96;
    --msg-join-color: #4ade80;
    --msg-part-color: #f87171;
    --orb-1: radial-gradient(circle, #0ea5e9 0%, transparent 65%);
    --orb-2: radial-gradient(circle, #3b82f6 0%, transparent 65%);
    --orb-3: radial-gradient(circle, #06b6d4 0%, transparent 60%);
}
[data-theme="daylight"] {
    --bg-base: #f4f1f8;
    --bg-surface: #ffffff;
    --bg-raised: #f3eefa;
    --bg-hover: #ece4f6;
    --bg-active: #e2d5f2;
    --bg-input: #ffffff;
    --bg-glass: rgba(255, 255, 255, 0.85);
    --border: rgba(120, 60, 180, 0.16);
    --border-focus: rgba(150, 80, 210, 0.55);
    --accent: #9333ea;
    --accent-2: #db2777;
    --accent-glow: rgba(147, 51, 234, 0.22);
    --accent-2-glow: rgba(219, 39, 119, 0.18);
    --text-primary: #2a1b3d;
    --text-secondary: #5f4d75;
    --text-muted: #9588a8;
    --text-accent: #9333ea;
    --text-link: #7c3aed;
    --scrollbar-track: rgba(0,0,0,0.04);
    --scrollbar-thumb: rgba(147, 51, 234, 0.25);
    --scrollbar-thumb-hover: rgba(147, 51, 234, 0.45);
    --shadow-sm: 0 2px 8px rgba(80,40,120,0.10);
    --shadow-md: 0 4px 20px rgba(80,40,120,0.14);
    --shadow-lg: 0 8px 40px rgba(80,40,120,0.18);
    --shadow-accent: 0 0 24px rgba(147, 51, 234, 0.18);
    --msg-mention-bg: rgba(147, 51, 234, 0.10);
    --msg-mention-border: rgba(147, 51, 234, 0.4);
    --msg-system-color: #8a6aa8;
    --msg-join-color: #1aa463;
    --msg-part-color: #d9603a;
    --orb-1: radial-gradient(circle, #c4a5f0 0%, transparent 65%);
    --orb-2: radial-gradient(circle, #f0a5cc 0%, transparent 65%);
    --orb-3: radial-gradient(circle, #a5c4f0 0%, transparent 60%);
}
[data-theme="cream"] {
    --bg-base: #faf6f0;
    --bg-surface: #ffffff;
    --bg-raised: #fbf3ea;
    --bg-hover: #f6ecdf;
    --bg-active: #f0e0cd;
    --bg-input: #ffffff;
    --bg-glass: rgba(255, 252, 247, 0.88);
    --border: rgba(190, 120, 60, 0.16);
    --border-focus: rgba(220, 140, 70, 0.5);
    --accent: #e1731b;
    --accent-2: #e0397a;
    --accent-glow: rgba(225, 115, 27, 0.20);
    --accent-2-glow: rgba(224, 57, 122, 0.16);
    --text-primary: #3a2415;
    --text-secondary: #6e5240;
    --text-muted: #a8917e;
    --text-accent: #e1731b;
    --text-link: #d9603a;
    --scrollbar-track: rgba(0,0,0,0.04);
    --scrollbar-thumb: rgba(225, 115, 27, 0.25);
    --scrollbar-thumb-hover: rgba(225, 115, 27, 0.45);
    --shadow-sm: 0 2px 8px rgba(150,90,40,0.10);
    --shadow-md: 0 4px 20px rgba(150,90,40,0.14);
    --shadow-lg: 0 8px 40px rgba(150,90,40,0.18);
    --shadow-accent: 0 0 24px rgba(225, 115, 27, 0.18);
    --msg-mention-bg: rgba(225, 115, 27, 0.10);
    --msg-mention-border: rgba(225, 115, 27, 0.4);
    --msg-system-color: #a8804a;
    --msg-join-color: #1aa463;
    --msg-part-color: #d9603a;
    --orb-1: radial-gradient(circle, #f0cca5 0%, transparent 65%);
    --orb-2: radial-gradient(circle, #f0a5b8 0%, transparent 65%);
    --orb-3: radial-gradient(circle, #f0dca5 0%, transparent 60%);
}
[data-theme="noir"] {
    --bg-base: #ffffff;
    --bg-surface: #fafafa;
    --bg-raised: #f4f4f4;
    --bg-hover: #ededed;
    --bg-active: #e4e4e4;
    --bg-input: #ffffff;
    --bg-glass: rgba(255, 255, 255, 0.9);
    --border: rgba(0, 0, 0, 0.14);
    --border-focus: rgba(0, 0, 0, 0.5);
    --accent: #1a1a1a;
    --accent-2: #4a4a4a;
    --accent-glow: rgba(0, 0, 0, 0.12);
    --accent-2-glow: rgba(0, 0, 0, 0.08);
    --text-primary: #111111;
    --text-secondary: #555555;
    --text-muted: #999999;
    --text-accent: #000000;
    --text-link: #333333;
    --scrollbar-track: rgba(0,0,0,0.04);
    --scrollbar-thumb: rgba(0, 0, 0, 0.22);
    --scrollbar-thumb-hover: rgba(0, 0, 0, 0.4);
    --shadow-sm: 0 2px 8px rgba(0,0,0,0.08);
    --shadow-md: 0 4px 20px rgba(0,0,0,0.1);
    --shadow-lg: 0 8px 40px rgba(0,0,0,0.14);
    --shadow-accent: 0 0 24px rgba(0, 0, 0, 0.08);
    --msg-mention-bg: rgba(0, 0, 0, 0.05);
    --msg-mention-border: rgba(0, 0, 0, 0.35);
    --msg-system-color: #888888;
    --msg-join-color: #3a3a3a;
    --msg-part-color: #777777;
    --orb-1: radial-gradient(circle, #eeeeee 0%, transparent 65%);
    --orb-2: radial-gradient(circle, #e4e4e4 0%, transparent 65%);
    --orb-3: radial-gradient(circle, #f0f0f0 0%, transparent 60%);
}
    --nick-colors: 24;
    --irc-colors: #fff, #ccc, #4d9fff, #39ff6e, #ff4d4d, #ff6b35,
                  #d966ff, #ffaa00, #ffff00, #80ff00,
                  #00e5ff, #00ffff, #5b8aff, #ff66ff, #aaaaaa, #e0e0e0;
}
.irc-fg-00 { color: #e8e8e8; }
.irc-fg-01 { color: #999999; }
.irc-fg-02 { color: #4d9fff; }
.irc-fg-03 { color: #39ff6e; }
.irc-fg-04 { color: #ff4d4d; }
.irc-fg-05 { color: #ff6b35; }
.irc-fg-06 { color: #d966ff; }
.irc-fg-07 { color: #ffaa00; }
.irc-fg-08 { color: #ffff00; }
.irc-fg-09 { color: #80ff00; }
.irc-fg-10 { color: #00e5ff; }
.irc-fg-11 { color: #00ffff; }
.irc-fg-12 { color: #5b8aff; }
.irc-fg-13 { color: #ff66ff; }
.irc-fg-14 { color: #aaaaaa; }
.irc-fg-15 { color: #c0c0c0; }
.irc-bg-00 { background:#333; padding:0 2px; border-radius:2px; }
.irc-bg-01 { background:#000; padding:0 2px; border-radius:2px; }
[data-theme="daylight"] .irc-fg-00,
[data-theme="cream"] .irc-fg-00,
[data-theme="noir"] .irc-fg-00 { color: #555555; }
[data-theme="daylight"] .irc-fg-01,
[data-theme="cream"] .irc-fg-01,
[data-theme="noir"] .irc-fg-01 { color: #777777; }
[data-theme="daylight"] .irc-fg-03,
[data-theme="cream"] .irc-fg-03,
[data-theme="noir"] .irc-fg-03 { color: #1a9c4a; }
[data-theme="daylight"] .irc-fg-08,
[data-theme="cream"] .irc-fg-08,
[data-theme="noir"] .irc-fg-08 { color: #b8a000; }
[data-theme="daylight"] .irc-fg-09,
[data-theme="cream"] .irc-fg-09,
[data-theme="noir"] .irc-fg-09 { color: #4d9c00; }
[data-theme="daylight"] .irc-fg-10,
[data-theme="cream"] .irc-fg-10,
[data-theme="noir"] .irc-fg-10 { color: #0095b3; }
[data-theme="daylight"] .irc-fg-11,
[data-theme="cream"] .irc-fg-11,
[data-theme="noir"] .irc-fg-11 { color: #008a8a; }
[data-theme="daylight"] .irc-fg-07,
[data-theme="cream"] .irc-fg-07,
[data-theme="noir"] .irc-fg-07 { color: #cc8800; }
[data-theme="daylight"] .irc-fg-14,
[data-theme="cream"] .irc-fg-14,
[data-theme="noir"] .irc-fg-14 { color: #888888; }
[data-theme="daylight"] .irc-fg-15,
[data-theme="cream"] .irc-fg-15,
[data-theme="noir"] .irc-fg-15 { color: #999999; }
[data-theme="daylight"] .irc-fg-13,
[data-theme="cream"] .irc-fg-13,
[data-theme="noir"] .irc-fg-13 { color: #d633d6; }
[data-theme="daylight"] .irc-fg-06,
[data-theme="cream"] .irc-fg-06,
[data-theme="noir"] .irc-fg-06 { color: #b13fe0; }