:root {
  --chuu-bg:#f4f5fb;
  --chuu-bg-panel:#ffffffe6;
  --chuu-bg-input:#faf8fc;
  --chuu-bg-btn:#e8dced;
  --chuu-bg-btn-hover:#dccae4;
  --chuu-bg-btn-disabled:#f0e8f4;
  --chuu-bg-btn-foreground:var(--chuu-text);
  --chuu-bg-btn-hover-foreground:var(--chuu-text);
  --chuu-border:#cdd2ec;
  --chuu-border-focus:#c9a4d4;
  --chuu-input:#fff;
  --chuu-text:#5a5a6e;
  --chuu-text-muted:#7a6189;
  --chuu-text-accent:#6d567d;
  --chuu-text-bright-accent:#7d4c90;
  --chuu-text-faded:#836992;
  --chuu-accent:#6d567d;
  --chuu-video-bg:#2a2a35;
  --chuu-header:#faf8fc;
  --chuu-banner-bg:#8c5d9f;
  --chuu-banner-bg-hover:#7d4c90;
  --chuu-banner-text:#fff;
  --chuu-bg-highlight:#e8dced;
  --chuu-stream-title:#6d567d;
  --chuu-stream-title-accent:#7d4c90;
  --chuu-stream-subtitle:#7a6189;
  --chuu-stream-subtitle-accent:#6d567d;
  --chuu-panel-header:#6d567d;
  --chuu-stat-label:var(--chuu-text-faded);
  --chuu-stat-value:var(--chuu-text);
  --chuu-nick-default:#745d84;
  --chuu-nick-red:#e05555;
  --chuu-nick-orange:#d98035;
  --chuu-nick-yellow:#b8a028;
  --chuu-nick-green:#45a564;
  --chuu-nick-cyan:#35a5a5;
  --chuu-nick-blue:#58d;
  --chuu-nick-purple:#96c;
  --chuu-nick-pink:#d56b9f;
}

html[data-theme="dark"] {
  --chuu-bg:#171821;
  --chuu-bg-panel:#252530e6;
  --chuu-bg-input:#2a2a35;
  --chuu-bg-btn:#3d3d4a;
  --chuu-bg-btn-hover:#4a4a5a;
  --chuu-bg-btn-disabled:#2d2d38;
  --chuu-border:#3a3d57;
  --chuu-border-focus:#6b5a74;
  --chuu-input:#2a2b3f;
  --chuu-text:#c5c5d0;
  --chuu-text-muted:#9090a0;
  --chuu-text-accent:#b8a4c0;
  --chuu-text-bright-accent:#e87ab8;
  --chuu-text-faded:#6b6b7a;
  --chuu-accent:#d06ba8;
  --chuu-video-bg:#0f0f14;
  --chuu-header:#2a2a35;
  --chuu-banner-bg:#6b3a5e;
  --chuu-banner-text:#f0dce8;
  --chuu-banner-bg-hover:#4a4a5a;
  --chuu-bg-highlight:#3d3d4a;
  --chuu-stream-title:#b8a4c0;
  --chuu-stream-title-accent:#e87ab8;
  --chuu-stream-subtitle:#b8a4c0;
  --chuu-stream-subtitle-accent:#e87ab8;
  --chuu-panel-header:#b8a4c0;
  --chuu-nick-default:#b8a4c0;
  --chuu-nick-red:#e05555;
  --chuu-nick-orange:#d98035;
  --chuu-nick-yellow:#b8a028;
  --chuu-nick-green:#45a564;
  --chuu-nick-cyan:#35a5a5;
  --chuu-nick-blue:#58d;
  --chuu-nick-purple:#96c;
  --chuu-nick-pink:#d56b9f;
}

html[data-theme="dark-sakura"] {
  --chuu-bg:#1e1418;
  --chuu-bg-panel:#2a1f24;
  --chuu-bg-input:#1e1418;
  --chuu-bg-btn:#362a2f;
  --chuu-bg-btn-hover:#42333a;
  --chuu-bg-btn-disabled:#251c20;
  --chuu-bg-btn-foreground:var(--chuu-text-accent);
  --chuu-bg-btn-hover-foreground:var(--chuu-text-accent);
  --chuu-border:#3c2d33;
  --chuu-border-focus:#e45a8a;
  --chuu-input:#1e1418;
  --chuu-text:#ece4e7;
  --chuu-text-muted:#907a82;
  --chuu-text-accent:#e4b0c0;
  --chuu-text-bright-accent:#e45a8a;
  --chuu-text-faded:#5a4850;
  --chuu-accent:#e4b0c0;
  --chuu-video-bg:#120e10;
  --chuu-header:#2a1f24;
  --chuu-banner-bg:#7a2a48;
  --chuu-banner-bg-hover:#4e2a3a;
  --chuu-banner-text:#ece4e7;
  --chuu-bg-highlight:#4e2a3a;
  --chuu-stream-title:#e4b0c0;
  --chuu-stream-title-accent:#e45a8a;
  --chuu-stream-subtitle:#907a82;
  --chuu-stream-subtitle-accent:#e4b0c0;
  --chuu-panel-header:#c890a4;
  --chuu-stat-label:var(--chuu-text-muted);
  --chuu-nick-default:#e4b0c0;
  --chuu-nick-red:#e87878;
  --chuu-nick-orange:#e09050;
  --chuu-nick-yellow:#c8a830;
  --chuu-nick-green:#50b870;
  --chuu-nick-cyan:#40b8b8;
  --chuu-nick-blue:#6898e8;
  --chuu-nick-purple:#b088e0;
  --chuu-nick-pink:#e87ab8;
}

html[data-theme="yari"] {
  --chuu-bg:#080a10;
  --chuu-bg-panel:#0d1017;
  --chuu-bg-input:#12151e;
  --chuu-bg-btn:#f7d07b;
  --chuu-bg-btn-hover:red;
  --chuu-bg-btn-disabled:red;
  --chuu-bg-btn-foreground:#080a10;
  --chuu-bg-btn-hover-foreground:#fcefdb;
  --chuu-border:#336475;
  --chuu-border-focus:#80c3d6;
  --chuu-input:#12151e;
  --chuu-text:#fcefdb;
  --chuu-text-muted:#c8bfb1;
  --chuu-text-accent:#f9a763;
  --chuu-text-bright-accent:#fad99e;
  --chuu-text-faded:#948e87;
  --chuu-accent:#fad99e;
  --chuu-video-bg:#120d14;
  --chuu-header:#12151e;
  --chuu-banner-bg:#12151e;
  --chuu-banner-bg-hover:#2c2d33;
  --chuu-banner-text:#fcefdb;
  --chuu-bg-highlight:#ffffff12;
  --chuu-stream-title:#f7d07b;
  --chuu-stream-title-accent:#fad99e;
  --chuu-stream-subtitle:#fad99e;
  --chuu-stream-subtitle-accent:#fad99e;
  --chuu-panel-header:#f9a763;
  --chuu-stat-label:var(--chuu-text-faded);
  --chuu-stat-value:var(--chuu-text);
  --chuu-nick-default:#f0a8d0;
  --chuu-nick-red:#ff7f96;
  --chuu-nick-orange:#ffb070;
  --chuu-nick-yellow:#f7d07b;
  --chuu-nick-green:#7fd6a2;
  --chuu-nick-cyan:#7fd6d6;
  --chuu-nick-blue:#8fb4ff;
  --chuu-nick-purple:#c8a2ff;
  --chuu-nick-pink:#ff8fc7;
}

/* Inspired by https://github.com/OldJobobo/omarchy-lumon-theme. */
html[data-theme="lumon"] {
  --lumon-screen:#0e1929;
  --chuu-bg:#1b2d40;
  --chuu-bg-panel:#142230;
  --chuu-bg-input:#0e1720;
  --chuu-bg-btn:#385265;
  --chuu-bg-btn-hover:#4a6b80;
  --chuu-bg-btn-disabled:#243b4f;
  --chuu-bg-btn-foreground:#d6e2ee;
  --chuu-bg-btn-hover-foreground:#f2fcff;
  --chuu-border:#4a6b80;
  --chuu-border-focus:#f2fcff;
  --chuu-input:#0e1720;
  --chuu-text:#d6e2ee;
  --chuu-text-muted:#9dcae5;
  --chuu-text-accent:#6fb8e3;
  --chuu-text-bright-accent:#b4e4f6;
  --chuu-text-faded:#86b7d8;
  --chuu-accent:#6fb8e3;
  --chuu-video-bg:#0e1720;
  --chuu-header:#142230;
  --chuu-banner-bg:#385265;
  --chuu-banner-bg-hover:#4a6b80;
  --chuu-banner-text:#f2fcff;
  --chuu-bg-highlight:#385265;
  --chuu-stream-title:#b4e4f6;
  --chuu-stream-title-accent:#f2fcff;
  --chuu-stream-subtitle:#9dcae5;
  --chuu-stream-subtitle-accent:#b4e4f6;
  --chuu-panel-header:#6fb8e3;
  --chuu-stat-label:var(--chuu-text-muted);
  --chuu-stat-value:var(--chuu-text);
  --chuu-nick-default:#d6e2ee;
  --chuu-nick-red:#73a6cb;
  --chuu-nick-orange:#6fa4c9;
  --chuu-nick-yellow:#9dcae5;
  --chuu-nick-green:#86b7d8;
  --chuu-nick-cyan:#b4e4f6;
  --chuu-nick-blue:#6fb8e3;
  --chuu-nick-purple:#b1d8ee;
  --chuu-nick-pink:#8bc9eb;
}

html[data-theme="aero"] {
  --chuu-bg:#d4eaf8;
  --chuu-bg-panel:#ffffffe6;
  --chuu-bg-input:#ffffff8c;
  --chuu-bg-btn:#40a8e838;
  --chuu-bg-btn-hover:#40a8e859;
  --chuu-bg-btn-disabled:#ffffff4d;
  --chuu-border:#78b4e680;
  --chuu-border-focus:#40a8e8;
  --chuu-input:#ffffff8c;
  --chuu-text:#2a4a6a;
  --chuu-text-muted:#58728b;
  --chuu-text-accent:#24669d;
  --chuu-text-bright-accent:#1f5c91;
  --chuu-text-faded:#5d7891;
  --chuu-accent:#24669d;
  --chuu-video-bg:#1a2a3a;
  --chuu-header:#ffffff73;
  --chuu-banner-bg:#24669d;
  --chuu-banner-bg-hover:#1f5c91;
  --chuu-banner-text:#fff;
  --chuu-bg-highlight:#64bef026;
  --chuu-stream-title:#24669d;
  --chuu-stream-title-accent:#1f5c91;
  --chuu-stream-subtitle:#58728b;
  --chuu-stream-subtitle-accent:#24669d;
  --chuu-panel-header:#24669d;
  --chuu-stat-label:var(--chuu-text-muted);
  --chuu-nick-default:#58728b;
  --chuu-nick-red:#e05555;
  --chuu-nick-orange:#d98035;
  --chuu-nick-yellow:#9a8010;
  --chuu-nick-green:#2a9a50;
  --chuu-nick-cyan:#1a9090;
  --chuu-nick-blue:#4070c8;
  --chuu-nick-purple:#85b;
  --chuu-nick-pink:#c84888;
  --special-shell-top:#f2faffeb;
  --special-shell-bottom:#c4e0f5eb;
  --special-cloud:#ffffff85;
  --special-cloud-lilac:#e8d7ff47;
  --special-panel-top:#ffffffeb;
  --special-panel-mid:#f9fdffd6;
  --special-panel-bottom:#ecf7ff75;
  --special-panel-shadow:#416fa02e;
  --special-panel-edge:#ffffffc7;
  --special-glow:#80c8f738;
  --special-button-top:#fffffff0;
  --special-button-mid:#e9f6ffcc;
  --special-button-bottom:#7ac3ee57;
  --special-button-hover-bottom:#60b9eb7a;
  --special-button-press-bottom:#4aa2de8f;
}

html[data-theme="moe"] {
  --chuu-bg:#f8d4e0;
  --chuu-bg-panel:#fffdfef2;
  --chuu-bg-input:#fff;
  --chuu-bg-btn:#f0b8ca;
  --chuu-bg-btn-hover:#e8a0b8;
  --chuu-bg-btn-disabled:#f4d0dc;
  --chuu-border:#e8a8c0;
  --chuu-border-focus:#e84890;
  --chuu-input:#fff;
  --chuu-text:#5c2840;
  --chuu-text-muted:#884060;
  --chuu-text-accent:#c04070;
  --chuu-text-bright-accent:#e84090;
  --chuu-text-faded:#a07888;
  --chuu-accent:#c04070;
  --chuu-video-bg:#2a1018;
  --chuu-header:#fff6f9;
  --chuu-banner-bg:#e84890;
  --chuu-banner-bg-hover:#d03878;
  --chuu-banner-text:#fff;
  --chuu-bg-highlight:#fce0ea;
  --chuu-stream-title:#c04070;
  --chuu-stream-title-accent:#e84090;
  --chuu-stream-subtitle:#884060;
  --chuu-stream-subtitle-accent:#c04070;
  --chuu-panel-header:#c04070;
  --chuu-stat-label:var(--chuu-text-faded);
  --chuu-stat-value:var(--chuu-text);
  --chuu-nick-default:#c04070;
  --chuu-nick-red:#d83848;
  --chuu-nick-orange:#d07028;
  --chuu-nick-yellow:#a89020;
  --chuu-nick-green:#2a9050;
  --chuu-nick-cyan:#1a8888;
  --chuu-nick-blue:#4070c8;
  --chuu-nick-purple:#8850c0;
  --chuu-nick-pink:#e050a0;
}

html[data-theme="win98"] {
  --chuu-bg:teal;
  --chuu-bg-panel:#d4d0c8;
  --chuu-bg-input:#fff;
  --chuu-bg-btn:#d4d0c8;
  --chuu-bg-btn-hover:#e0dcd4;
  --chuu-bg-btn-disabled:silver;
  --chuu-border:gray;
  --chuu-border-focus:navy;
  --chuu-input:#fff;
  --chuu-text:#000;
  --chuu-text-muted:#404040;
  --chuu-text-accent:navy;
  --chuu-text-bright-accent:#00f;
  --chuu-text-faded:gray;
  --chuu-accent:navy;
  --chuu-video-bg:#000;
  --chuu-header:#d4d0c8;
  --chuu-banner-bg:navy;
  --chuu-banner-bg-hover:#1084d0;
  --chuu-banner-text:#fff;
  --chuu-bg-highlight:#c0d0e8;
  --chuu-stream-title:navy;
  --chuu-stream-title-accent:#00f;
  --chuu-stream-subtitle:#404040;
  --chuu-stream-subtitle-accent:navy;
  --chuu-panel-header:navy;
  --chuu-stat-label:var(--chuu-text-faded);
  --chuu-stat-value:var(--chuu-text);
  --chuu-nick-default:navy;
  --chuu-nick-red:#c00;
  --chuu-nick-orange:#c60;
  --chuu-nick-yellow:#990;
  --chuu-nick-green:#080;
  --chuu-nick-cyan:#088;
  --chuu-nick-blue:#05c;
  --chuu-nick-purple:#60a;
  --chuu-nick-pink:#c38;
}

/* Palettes and Aero wallpaper adapted from https://tv.chuu.moe/.
   All theme rules load together; switching only changes the root attribute. */
:root {
  color-scheme: light;
  --theme-radius: 0;
}
html[data-theme="dark"],
html[data-theme="dark-sakura"],
html[data-theme="yari"],
html[data-theme="lumon"] { color-scheme: dark; }
html:not([data-theme="default"]) body {
  background: var(--chuu-bg);
  color: var(--chuu-text);
}
html:not([data-theme="default"]) :is(a, a:visited, .diary-page a, .diary-page a:visited) {
  color: var(--chuu-text-bright-accent);
}
html:not([data-theme="default"]) a:hover { color: var(--chuu-text-accent); }
html:not([data-theme="default"]) h1,
html:not([data-theme="default"]) .diary-post h2 { color: var(--chuu-stream-title); }
html:not([data-theme="default"]) :is(.note, .diary-muted, .diary-sidebar nav) { color: var(--chuu-text-muted); }
html:not([data-theme="default"]) .diary-locked { color: var(--chuu-text-faded); }
html:not([data-theme="default"]) .diary-entry blockquote { border-color: var(--chuu-border); }
html:not([data-theme="default"]) :is(textarea, input:not([type="radio"]):not([type="checkbox"]), select) {
  color: var(--chuu-text);
  background: var(--chuu-bg-input);
  border: 1px solid var(--chuu-border);
  border-radius: var(--theme-radius);
}
html:not([data-theme="default"]) button {
  color: var(--chuu-bg-btn-foreground);
  background: var(--chuu-bg-btn);
  border: 1px solid var(--chuu-border);
  border-radius: var(--theme-radius);
  cursor: pointer;
}
html:not([data-theme="default"]) button:hover { background: var(--chuu-bg-btn-hover); color: var(--chuu-bg-btn-hover-foreground); }
html:not([data-theme="default"]) button:disabled { background: var(--chuu-bg-btn-disabled); cursor: default; }
html:not([data-theme="default"]) :is(input, textarea)::placeholder { color: var(--chuu-text-muted); opacity: 1; }
html:not([data-theme="default"]) :is(input[type="radio"], input[type="checkbox"]) { accent-color: var(--chuu-accent); }
html:not([data-theme="default"]) :focus-visible { outline: 2px solid var(--chuu-border-focus); outline-offset: 3px; }
html:not([data-theme="default"]) :is(.diary-sidebar button, .diary-sidebar button:hover) {
  color: var(--chuu-text-bright-accent);
  background: none;
  border: 0;
}
html:not([data-theme="default"]) #diary-code { color: var(--chuu-text); border: 0; border-bottom: 1px solid var(--chuu-border); }
html[data-themes-unlocked="true"] .items-header { padding-right: 144px; }
html:not([data-theme="default"]) .items-intro p { color: var(--chuu-text-muted); }
html:not([data-theme="default"]) .item-panel {
  color: var(--chuu-text);
  background: var(--chuu-bg-panel);
  border-color: var(--chuu-border);
  border-radius: var(--theme-radius);
}
html:not([data-theme="default"]) .item-panel h2 { color: var(--chuu-panel-header); }
html:not([data-theme="default"]) .item-panel-heading button,
html:not([data-theme="default"]) .item-panel-heading button:hover {
  color: var(--chuu-text-bright-accent);
  background: none;
  border: 0;
  box-shadow: none;
}
html:not([data-theme="default"]) .items-page .item,
html:not([data-theme="default"]) .items-page .item:hover,
html:not([data-theme="default"]) .items-page .item:active {
  color: var(--chuu-text);
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  cursor: grab;
}
.theme-switcher {
  position: fixed;
  top: max(16px, env(safe-area-inset-top));
  right: max(16px, env(safe-area-inset-right));
  z-index: 100;
  color: var(--chuu-text-muted);
  font: 13px monospace;
}
.theme-switcher[hidden] { display: none; }
.theme-switcher .theme-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  box-sizing: border-box;
  width: 112px;
  height: 30px;
  padding: 4px 10px;
  border-width: 1px;
  font: inherit;
}
.theme-trigger svg { flex: none; }
.theme-list {
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
  box-sizing: border-box;
  width: 112px;
  max-height: calc(100dvh - 62px);
  overflow-y: auto;
  padding: 4px;
  background: var(--chuu-bg-panel);
  color: var(--chuu-text);
  border: 1px solid var(--chuu-border);
  border-radius: var(--theme-radius);
}
.theme-list [role="option"] { padding: 5px 6px; cursor: default; }
.theme-list [aria-selected="true"] { font-weight: bold; }
.theme-list [data-active="true"] { background: var(--chuu-bg-btn); }
.theme-list[hidden] { display: none; }
html body .theme-cat, html body .theme-cat:hover, html[data-theme="aero"] .theme-cat, html[data-theme="aero"] .theme-cat:hover,
html[data-theme="win98"] .theme-cat, html[data-theme="win98"] .theme-cat:active {
  display: block;
  max-width: 100%;
  padding: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: none;
  color: inherit;
  font: inherit;
  text-align: left;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  touch-action: manipulation;
  user-select: none;
  cursor: default;
}
.cat-pet-hint {
  position: fixed;
  z-index: 101;
  pointer-events: none;
  padding: 3px 6px;
  color: var(--chuu-text);
  background: var(--chuu-bg-panel);
  border: 1px solid var(--chuu-border);
  font: 13px monospace;
  white-space: nowrap;
}
.cat-pet-hint[hidden] { display: none; }
.diary-sidebar nav:not(.theme-switcher) { display: flex; flex-wrap: wrap; gap: 8px; }
html[data-theme="aero"] body {
  background-color: var(--chuu-bg);
  background-image: radial-gradient(circle at top left, #ffffff85, transparent 28%),
    linear-gradient(180deg, #ffffffd1, #eef7ffc2 34%, #d2e4f4b3), url('../aero-bg.webp');
  background-size: auto, auto, cover;
  background-attachment: fixed;
}
html[data-theme="aero"] .ask-page main,
html[data-theme="aero"] .diary-sidebar,
html[data-theme="aero"] .item-panel,
html[data-theme="aero"] .diary-post {
  background: linear-gradient(180deg, var(--special-panel-top), var(--special-panel-bottom));
  box-shadow: inset 0 1px var(--special-panel-edge), 0 10px 24px -18px var(--special-panel-shadow);
  backdrop-filter: blur(12px) saturate(128%);
}
html[data-theme="aero"] button, html[data-theme="aero"] select {
  background: linear-gradient(var(--special-button-top), var(--special-button-mid) 44%, var(--special-button-bottom));
  box-shadow: inset 0 1px #fffffff5, 0 1px 4px #5084b71f;
}
html[data-theme="aero"] button:hover { background: var(--chuu-bg-btn-hover); }
html[data-theme="lumon"] ::selection {
  color: #f2fcff;
  background: #385265;
}
html[data-theme="lumon"] body {
  background-color: var(--lumon-screen);
  background-image: url('../lumon-data.svg');
  background-attachment: fixed;
  text-shadow: 0 0 3px #6fb8e340;
}
/* A viewport overlay lets the CRT texture cover content and fixed controls. */
html[data-theme="lumon"]::after {
  content: '';
  position: fixed;
  inset: 0;
  z-index: 2147483647;
  pointer-events: none;
  background: repeating-linear-gradient(0deg, #00000024 0 1px, transparent 1px 3px),
    repeating-linear-gradient(90deg, #6fb8e30a 0 1px, transparent 1px 3px),
    radial-gradient(ellipse at center, transparent 55%, #00000038 100%);
  box-shadow: inset 0 0 48px #00000030;
}
html[data-theme="lumon"] h1 { text-shadow: 0 0 8px #6fb8e355; }
html[data-theme="lumon"] .item-panel {
  box-shadow: inset 0 0 0 3px #142230, inset 0 0 0 4px #6fb8e326;
}
html[data-theme="lumon"] :is(.theme-list, input, textarea, select) {
  box-shadow: inset 0 0 8px #00000026;
}
html[data-theme="moe"] { --theme-radius: 6px; }
html[data-theme="moe"] .ask-page main, html[data-theme="moe"] .diary-post, html[data-theme="moe"] .item-panel {
  background: var(--chuu-bg-panel);
  border-radius: 15px;
}
html[data-theme="moe"] h1::before { content: '♡ '; color: var(--chuu-text-bright-accent); }
html[data-theme="moe"] h1::after { content: ' ✦'; color: var(--chuu-text-bright-accent); }
html[data-theme="win98"] .ask-page main,
html[data-theme="win98"] .diary-sidebar,
html[data-theme="win98"] .diary-post,
html[data-theme="win98"] .item-panel,
html[data-theme="win98"] body > .pre {
  background: var(--chuu-bg-panel);
  border: 2px solid;
  border-color: #fff #808080 #808080 #fff;
  box-shadow: inset -1px -1px #404040, inset 1px 1px #dfdfdf;
}
html[data-theme="win98"] body > .pre { padding: 16px; }
html[data-theme="win98"] body > .pre h1 { margin-top: 0; }
html[data-theme="win98"][data-themes-unlocked="true"] body > .pre h1 { margin-right: 128px; }
html[data-theme="win98"] .theme-cat { font-size: min(1em, calc((100vw - 52px) / 28)); }
html[data-theme="win98"] button, html[data-theme="win98"] select {
  border: 2px solid;
  border-color: #fff #808080 #808080 #fff;
  box-shadow: inset -1px -1px #404040, inset 1px 1px #dfdfdf;
}
html[data-theme="win98"] button:active {
  border-color: #808080 #fff #fff #808080;
  box-shadow: inset 1px 1px #404040;
}
html[data-theme="win98"] textarea,
html[data-theme="win98"] input:not([type="radio"]):not([type="checkbox"]) {
  border: 2px solid;
  border-color: #808080 #fff #fff #808080;
  box-shadow: inset 1px 1px #404040;
}
html[data-theme="win98"] .diary-sidebar button { border: 0; box-shadow: none; }
html[data-theme="win98"] h1 {
  color: #fff;
  background: linear-gradient(90deg, navy, #1084d0);
}
html[data-theme="win98"] h1 a, html[data-theme="win98"] h1 a:visited { color: #fff; }
html[data-theme="win98"] .diary-page h1 :is(a, a:visited) { color: #fff; }
html[data-theme="aero"] .ask-page main,
html[data-theme="moe"] .ask-page main,
html[data-theme="win98"] .ask-page main { padding: 16px; box-sizing: border-box; }
html[data-theme="aero"] .diary-post,
html[data-theme="moe"] .diary-post,
html[data-theme="win98"] .diary-post { padding: 16px; box-sizing: border-box; }