body[data-theme="windows98"] {
  --bg: #008080;
  --bg-soft: #0c9090;
  --panel: #d4d0c8;
  --card: #ece9d8;
  --text: #1b1b1b;
  --muted: #3d3d3d;
  --accent: #0a246a;
  --accent-strong: #00124f;
  --danger: #8c0000;
  --border: rgba(0, 0, 0, 0.42);
  --font-main: "Tahoma", "MS Sans Serif", sans-serif;
  --font-title: "MS Serif", "Times New Roman", serif;
}

body[data-theme="windows98"] {
  background: #008080;
}

body[data-theme="windows98"] .panel,
body[data-theme="windows98"] .chat-list-panel,
body[data-theme="windows98"] .chat-room-panel,
body[data-theme="windows98"] .left-menu,
body[data-theme="windows98"] .auth-card,
body[data-theme="windows98"] .setting-card,
body[data-theme="windows98"] .item,
body[data-theme="windows98"] .other-project-card,
body[data-theme="windows98"] .messages,
body[data-theme="windows98"] .stream-chat-list {
  background: #c6c6c6;
  border-radius: 0;
  border: 2px solid #000;
  box-shadow: inset -2px -2px 0 #7f7f7f, inset 2px 2px 0 #fff;
}

body[data-theme="windows98"] button {
  background: #d4d0c8;
  color: #111;
  border-radius: 0;
  border: 2px solid #000;
  box-shadow: inset -1px -1px 0 #7f7f7f, inset 1px 1px 0 #fff;
}

body[data-theme="windows98"] .primary-btn {
  background: #d4d0c8;
  color: #111;
}

body[data-theme="windows98"] input,
body[data-theme="windows98"] select,
body[data-theme="windows98"] textarea {
  background: #fff;
  color: #111;
  border: 2px solid #000;
  border-radius: 0;
  box-shadow: inset 1px 1px 0 #808080, inset -1px -1px 0 #fff;
}

body[data-theme="windows98"] input::placeholder,
body[data-theme="windows98"] textarea::placeholder {
  color: #4a4a4a;
}

body[data-theme="msdos"] {
  --bg: #000;
  --bg-soft: #000;
  --panel: #000;
  --card: #000;
  --text: #53ff53;
  --muted: #35c535;
  --accent: #9dff00;
  --accent-strong: #64d000;
  --danger: #ff6565;
  --border: rgba(83, 255, 83, 0.4);
  --font-main: "Lucida Console", "Courier New", monospace;
  --font-title: "Lucida Console", "Courier New", monospace;
}

body[data-theme="msdos"] {
  background: #000;
}

body[data-theme="msdos"] * {
  border-radius: 0 !important;
  text-shadow: none !important;
}

body[data-theme="msdos"] .panel,
body[data-theme="msdos"] .chat-list-panel,
body[data-theme="msdos"] .chat-room-panel,
body[data-theme="msdos"] .left-menu,
body[data-theme="msdos"] .auth-card,
body[data-theme="msdos"] .setting-card,
body[data-theme="msdos"] .item,
body[data-theme="msdos"] .other-project-card,
body[data-theme="msdos"] .messages,
body[data-theme="msdos"] .stream-chat-list {
  border: 1px solid #2eff2e;
  background: #000;
}

body[data-theme="msdos"] .messages::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: repeating-linear-gradient(0deg, rgba(0, 255, 0, 0.06) 0 1px, transparent 1px 3px);
}

body[data-theme="msdos"] .messages {
  position: relative;
}

body[data-theme="macos"] {
  --bg: #eceef2;
  --bg-soft: #d8dde5;
  --panel: #f8f9fb;
  --card: #fff;
  --text: #1a1e27;
  --muted: #5c6775;
  --accent: #0a84ff;
  --accent-strong: #0066d1;
  --danger: #d33957;
  --border: rgba(30, 40, 55, 0.18);
  --font-main: "SF Pro Text", "Segoe UI", sans-serif;
  --font-title: "SF Pro Display", "Segoe UI", sans-serif;
}

body[data-theme="macos"] {
  background:
    radial-gradient(circle at 0% 0%, rgba(255, 255, 255, 0.9), transparent 33%),
    linear-gradient(180deg, #f7f8fb, #dde2ea);
}

body[data-theme="macos"] .panel,
body[data-theme="macos"] .chat-list-panel,
body[data-theme="macos"] .chat-room-panel,
body[data-theme="macos"] .left-menu,
body[data-theme="macos"] .auth-card,
body[data-theme="macos"] .setting-card,
body[data-theme="macos"] .item,
body[data-theme="macos"] .other-project-card,
body[data-theme="macos"] .messages,
body[data-theme="macos"] .stream-chat-list {
  border-radius: 16px;
  border-color: rgba(40, 55, 80, 0.14);
  background: rgba(255, 255, 255, 0.82);
  backdrop-filter: blur(16px);
  box-shadow: 0 10px 26px rgba(14, 30, 52, 0.08);
}

body[data-theme="macos"] button {
  border-radius: 999px;
}

body[data-theme="macos"] input,
body[data-theme="macos"] select,
body[data-theme="macos"] textarea {
  background: rgba(255, 255, 255, 0.95);
  color: #1a1e27;
  border-color: rgba(40, 55, 80, 0.22);
}

body[data-theme="macos"] input::placeholder,
body[data-theme="macos"] textarea::placeholder {
  color: #6f7987;
}

body[data-theme="macos"] .topbar {
  background: rgba(252, 253, 255, 0.9);
}

body[data-theme="telegram"] {
  --bg: #0c1d2c;
  --bg-soft: #123249;
  --panel: #1a4562;
  --card: #215779;
  --text: #e7f6ff;
  --muted: #9bc2da;
  --accent: #36cbb0;
  --accent-strong: #12a889;
  --danger: #d34a5f;
  --border: rgba(255, 255, 255, 0.14);
  --font-main: "Trebuchet MS", "Verdana", sans-serif;
  --font-title: "Bookman Old Style", serif;
}

body[data-theme="bw"] {
  --bg: #121212;
  --bg-soft: #1b1b1b;
  --panel: #222;
  --card: #292929;
  --text: #f5f5f5;
  --muted: #b4b4b4;
  --accent: #fff;
  --accent-strong: #d4d4d4;
  --danger: #fff;
  --border: rgba(255, 255, 255, 0.4);
  --font-main: "Arial Narrow", "Helvetica Neue", sans-serif;
  --font-title: "Rockwell", serif;
}

body[data-theme="bw"] {
  filter: grayscale(1);
}

body[data-theme="bw"] .panel,
body[data-theme="bw"] .chat-list-panel,
body[data-theme="bw"] .chat-room-panel,
body[data-theme="bw"] .left-menu,
body[data-theme="bw"] .auth-card,
body[data-theme="bw"] .setting-card,
body[data-theme="bw"] .item,
body[data-theme="bw"] .other-project-card,
body[data-theme="bw"] .messages,
body[data-theme="bw"] .stream-chat-list {
  border-radius: 4px;
}

body[data-theme="bw"] .primary-btn {
  color: #111;
}

body[data-theme="fallout"] {
  --bg: #050a05;
  --bg-soft: #081108;
  --panel: #101f10;
  --card: #132913;
  --text: #95ff6a;
  --muted: #5bb84a;
  --accent: #b8ff45;
  --accent-strong: #87cc2f;
  --danger: #ffa84a;
  --border: rgba(149, 255, 106, 0.3);
  --font-main: "Lucida Console", "Courier New", monospace;
  --font-title: "Lucida Console", "Courier New", monospace;
}

body[data-theme="fallout"] {
  background:
    radial-gradient(circle at 50% -10%, rgba(149, 255, 106, 0.14), transparent 40%),
    #040904;
}

body[data-theme="fallout"] .panel,
body[data-theme="fallout"] .chat-list-panel,
body[data-theme="fallout"] .chat-room-panel,
body[data-theme="fallout"] .left-menu,
body[data-theme="fallout"] .auth-card,
body[data-theme="fallout"] .setting-card,
body[data-theme="fallout"] .item,
body[data-theme="fallout"] .other-project-card,
body[data-theme="fallout"] .messages,
body[data-theme="fallout"] .stream-chat-list {
  box-shadow: inset 0 0 28px rgba(149, 255, 106, 0.14);
}

body[data-theme="fallout"] .messages {
  border-style: dashed;
}

body[data-theme="fallout"] .audio-player,
body[data-theme="msdos"] .audio-player {
  border-style: dashed;
}