/* Kiki Catgirls v2.1 — switchable color profiles + chrome remaps */
:root,
html[data-kiki-theme="neon"] {
    --neon-pink: #FF1493;
    --neon-cyan: #00D4FF;
    --neon-violet: #BF00FF;
    --neon-gold: #FFD700;
    --neon-mint: #00FFB3;
    --neon-rose: #FF85C8;
    --bg-void: #04000c;
    --bg-deep: #0a0018;
    --bg-glass: rgba(255, 255, 255, 0.045);
    --bg-glass-hov: rgba(255, 255, 255, 0.085);
    --bg-header: rgba(4, 0, 12, 0.92);
    --bg-footer: rgba(9, 9, 11, 0.96);
    --border-dim: rgba(255, 255, 255, 0.08);
    --border-pink: rgba(255, 20, 147, 0.35);
    --text-bright: #ffffff;
    --text-soft: #c8c8e8;
    --text-muted: rgba(255, 255, 255, 0.42);
    --accent: #ff1493;
    --accent-2: #00d4ff;
    --shadow-accent: rgba(255, 20, 147, 0.35);
    --kc-pink: #ff1493;
    --kc-cyan: #00ffff;
    --kc-dark: #0d0020;
    --frame: #1a0828;
    --frame-fill: rgba(18, 0, 36, 0.92);
    --frame-border: rgba(255, 20, 147, 0.45);
    color-scheme: dark;
}

html[data-kiki-theme="eggshell"] {
    --neon-pink: #b56a5a;
    --neon-cyan: #8a7a5c;
    --neon-violet: #9a7a6a;
    --neon-gold: #c4a06a;
    --neon-mint: #8a9a78;
    --neon-rose: #c08070;
    --bg-void: #efe6d4;
    --bg-deep: #e4d7c0;
    --bg-glass: rgba(232, 214, 186, 0.78);
    --bg-glass-hov: rgba(245, 234, 214, 0.95);
    --bg-header: #e8d6b8;
    --bg-footer: #e4d0b0;
    --border-dim: rgba(130, 96, 58, 0.28);
    --border-pink: rgba(181, 106, 90, 0.5);
    --text-bright: #3a3228;
    --text-soft: #5a4e42;
    --text-muted: rgba(58, 50, 40, 0.5);
    --accent: #b56a5a;
    --accent-2: #8a7a5c;
    --shadow-accent: rgba(130, 96, 58, 0.22);
    --kc-pink: #b56a5a;
    --kc-cyan: #8a7a5c;
    --kc-dark: #efe6d4;
    --frame: #dcc8a8;
    --frame-fill: #ead9bd;
    --frame-border: #c4a882;
    color-scheme: light;
}

html[data-kiki-theme="peach"] {
    --neon-pink: #e87840;
    --neon-cyan: #e0a050;
    --neon-violet: #d88860;
    --neon-gold: #f0b060;
    --neon-mint: #e8b888;
    --neon-rose: #e89068;
    --bg-void: #ffd9b0;
    --bg-deep: #ffc890;
    --bg-glass: rgba(255, 186, 120, 0.72);
    --bg-glass-hov: rgba(255, 206, 150, 0.92);
    --bg-header: #f3b27a;
    --bg-footer: #eea86c;
    --border-dim: rgba(200, 110, 40, 0.38);
    --border-pink: rgba(232, 120, 64, 0.55);
    --text-bright: #4a2c16;
    --text-soft: #6b4024;
    --text-muted: rgba(74, 44, 22, 0.52);
    --accent: #e87840;
    --accent-2: #f0b060;
    --shadow-accent: rgba(232, 120, 64, 0.28);
    --kc-pink: #e87840;
    --kc-cyan: #f0b060;
    --kc-dark: #ffd9b0;
    --frame: #f4b27a;
    --frame-fill: #ffc896;
    --frame-border: #e09048;
    color-scheme: light;
}

html[data-kiki-theme="salmon"] {
    --neon-pink: #e87888;
    --neon-cyan: #e89898;
    --neon-violet: #d07080;
    --neon-gold: #e8a080;
    --neon-mint: #f0b8b0;
    --neon-rose: #ee8a96;
    --bg-void: #ffd6d4;
    --bg-deep: #ffc4c2;
    --bg-glass: rgba(242, 160, 168, 0.7);
    --bg-glass-hov: rgba(255, 190, 196, 0.92);
    --bg-header: #f08a96;
    --bg-footer: #ea808c;
    --border-dim: rgba(190, 80, 90, 0.38);
    --border-pink: rgba(232, 120, 136, 0.55);
    --text-bright: #4a2430;
    --text-soft: #6d3544;
    --text-muted: rgba(74, 36, 48, 0.52);
    --accent: #e87888;
    --accent-2: #f2a0a8;
    --shadow-accent: rgba(232, 120, 136, 0.28);
    --kc-pink: #e87888;
    --kc-cyan: #f2a0a8;
    --kc-dark: #ffd6d4;
    --frame: #ee8a96;
    --frame-fill: #f7b0b8;
    --frame-border: #d8707c;
    color-scheme: light;
}

/* ---- Light-theme surfaces (kill leftover neon void) ---- */
html[data-kiki-theme="eggshell"] body,
html[data-kiki-theme="peach"] body,
html[data-kiki-theme="salmon"] body {
    background: var(--bg-void) !important;
    color: var(--text-bright) !important;
}

html[data-kiki-theme="eggshell"] .bg-base,
html[data-kiki-theme="peach"] .bg-base,
html[data-kiki-theme="salmon"] .bg-base {
    background:
        radial-gradient(ellipse 120% 80% at 12% 0%, color-mix(in srgb, var(--accent) 22%, transparent) 0%, transparent 55%),
        linear-gradient(160deg, var(--bg-void) 0%, var(--bg-deep) 100%) !important;
}

html[data-kiki-theme="eggshell"] .bg-slideshow,
html[data-kiki-theme="peach"] .bg-slideshow,
html[data-kiki-theme="salmon"] .bg-slideshow {
    opacity: 0.08;
    filter: saturate(0.55) contrast(0.85);
}

html[data-kiki-theme="eggshell"] .bg-vignette,
html[data-kiki-theme="peach"] .bg-vignette,
html[data-kiki-theme="salmon"] .bg-vignette {
    background: radial-gradient(ellipse at center, transparent 42%, color-mix(in srgb, var(--bg-deep) 70%, transparent) 100%) !important;
}

html[data-kiki-theme="eggshell"] .bg-grid,
html[data-kiki-theme="peach"] .bg-grid,
html[data-kiki-theme="salmon"] .bg-grid {
    background-image:
        linear-gradient(color-mix(in srgb, var(--accent) 14%, transparent) 1px, transparent 1px),
        linear-gradient(90deg, color-mix(in srgb, var(--accent) 14%, transparent) 1px, transparent 1px) !important;
}

html[data-kiki-theme="eggshell"] .bg-scanlines,
html[data-kiki-theme="peach"] .bg-scanlines,
html[data-kiki-theme="salmon"] .bg-scanlines {
    opacity: 0.18;
}

html[data-kiki-theme="eggshell"] .aurora-orb,
html[data-kiki-theme="peach"] .aurora-orb,
html[data-kiki-theme="salmon"] .aurora-orb {
    opacity: 0.18 !important;
    filter: blur(90px) saturate(0.7);
}

/* ---- Header / footer / cards as themed frames ---- */
html[data-kiki-theme="eggshell"] .universal-header,
html[data-kiki-theme="peach"] .universal-header,
html[data-kiki-theme="salmon"] .universal-header {
    background: var(--frame) !important;
    border-bottom: 2px solid var(--frame-border) !important;
    box-shadow: 0 8px 24px color-mix(in srgb, var(--accent) 18%, transparent);
}

html[data-kiki-theme="eggshell"] .universal-header::after,
html[data-kiki-theme="peach"] .universal-header::after,
html[data-kiki-theme="salmon"] .universal-header::after {
    background: linear-gradient(90deg, transparent, var(--accent), var(--accent-2), transparent) !important;
    opacity: 0.85 !important;
    filter: none !important;
    animation: none !important;
}

html[data-kiki-theme="eggshell"] .kc-footer,
html[data-kiki-theme="peach"] .kc-footer,
html[data-kiki-theme="salmon"] .kc-footer {
    background: var(--frame) !important;
    border-top: 2px solid var(--frame-border) !important;
    color: var(--text-soft) !important;
    box-shadow: 0 -8px 24px color-mix(in srgb, var(--accent) 16%, transparent);
}

html[data-kiki-theme="eggshell"] .kc-app-item,
html[data-kiki-theme="peach"] .kc-app-item,
html[data-kiki-theme="salmon"] .kc-app-item {
    color: var(--text-soft) !important;
}

html[data-kiki-theme="eggshell"] .primary-nav a,
html[data-kiki-theme="peach"] .primary-nav a,
html[data-kiki-theme="salmon"] .primary-nav a,
html[data-kiki-theme="eggshell"] .header-login-btn,
html[data-kiki-theme="peach"] .header-login-btn,
html[data-kiki-theme="salmon"] .header-login-btn,
html[data-kiki-theme="eggshell"] .hmp-name,
html[data-kiki-theme="peach"] .hmp-name,
html[data-kiki-theme="salmon"] .hmp-name,
html[data-kiki-theme="eggshell"] .header-cart-btn,
html[data-kiki-theme="peach"] .header-cart-btn,
html[data-kiki-theme="salmon"] .header-cart-btn {
    color: var(--text-bright) !important;
    text-shadow: none !important;
}

html[data-kiki-theme="eggshell"] .primary-nav a:hover,
html[data-kiki-theme="peach"] .primary-nav a:hover,
html[data-kiki-theme="salmon"] .primary-nav a:hover,
html[data-kiki-theme="eggshell"] .primary-nav a.active,
html[data-kiki-theme="peach"] .primary-nav a.active,
html[data-kiki-theme="salmon"] .primary-nav a.active {
    color: var(--text-bright) !important;
    background: color-mix(in srgb, var(--frame-fill) 80%, white) !important;
    border-color: var(--frame-border) !important;
    text-shadow: none !important;
}

html[data-kiki-theme="eggshell"] .hmp-status,
html[data-kiki-theme="peach"] .hmp-status,
html[data-kiki-theme="salmon"] .hmp-status {
    color: var(--text-soft) !important;
    text-shadow: none !important;
}

html[data-kiki-theme="eggshell"] .header-mini-profile,
html[data-kiki-theme="peach"] .header-mini-profile,
html[data-kiki-theme="salmon"] .header-mini-profile,
html[data-kiki-theme="eggshell"] .header-cart-btn,
html[data-kiki-theme="peach"] .header-cart-btn,
html[data-kiki-theme="salmon"] .header-cart-btn,
html[data-kiki-theme="eggshell"] .header-login-btn,
html[data-kiki-theme="peach"] .header-login-btn,
html[data-kiki-theme="salmon"] .header-login-btn {
    background: var(--frame-fill) !important;
    border-color: var(--frame-border) !important;
}

html[data-kiki-theme="eggshell"] .header-cart-btn:hover,
html[data-kiki-theme="peach"] .header-cart-btn:hover,
html[data-kiki-theme="salmon"] .header-cart-btn:hover,
html[data-kiki-theme="eggshell"] .header-login-btn:hover,
html[data-kiki-theme="peach"] .header-login-btn:hover,
html[data-kiki-theme="salmon"] .header-login-btn:hover {
    background: color-mix(in srgb, var(--accent) 22%, var(--frame-fill)) !important;
    border-color: var(--accent) !important;
    color: var(--text-bright) !important;
    box-shadow: none !important;
}

html[data-kiki-theme="eggshell"] .cart-count,
html[data-kiki-theme="peach"] .cart-count,
html[data-kiki-theme="salmon"] .cart-count {
    background: var(--accent) !important;
    box-shadow: none !important;
}

html[data-kiki-theme="eggshell"] .hmp-avatar,
html[data-kiki-theme="peach"] .hmp-avatar,
html[data-kiki-theme="salmon"] .hmp-avatar {
    background: linear-gradient(135deg, var(--accent), var(--accent-2)) !important;
}

html[data-kiki-theme="eggshell"] .logo:hover,
html[data-kiki-theme="peach"] .logo:hover,
html[data-kiki-theme="salmon"] .logo:hover {
    filter: drop-shadow(0 4px 10px color-mix(in srgb, var(--accent) 35%, transparent));
}

/* Connect overlay / panel frames */
html[data-kiki-theme="eggshell"] .kc-panel,
html[data-kiki-theme="peach"] .kc-panel,
html[data-kiki-theme="salmon"] .kc-panel {
    background: linear-gradient(180deg, var(--frame-fill) 0%, var(--bg-deep) 100%) !important;
    border-color: var(--frame-border) !important;
    box-shadow: 0 -12px 40px color-mix(in srgb, var(--accent) 22%, transparent) !important;
    color: var(--text-bright);
}

html[data-kiki-theme="eggshell"] .kc-panel-header,
html[data-kiki-theme="peach"] .kc-panel-header,
html[data-kiki-theme="salmon"] .kc-panel-header {
    background: var(--frame) !important;
    border-bottom-color: var(--frame-border) !important;
}

html[data-kiki-theme="eggshell"] .kc-panel-title h2,
html[data-kiki-theme="peach"] .kc-panel-title h2,
html[data-kiki-theme="salmon"] .kc-panel-title h2,
html[data-kiki-theme="eggshell"] .kc-panel-close,
html[data-kiki-theme="peach"] .kc-panel-close,
html[data-kiki-theme="salmon"] .kc-panel-close {
    color: var(--text-bright) !important;
    text-shadow: none !important;
}

html[data-kiki-theme="eggshell"] .kc-drag-handle,
html[data-kiki-theme="peach"] .kc-drag-handle,
html[data-kiki-theme="salmon"] .kc-drag-handle {
    background: color-mix(in srgb, var(--text-bright) 35%, transparent) !important;
}

html[data-kiki-theme="eggshell"] .kc-suite-tabs,
html[data-kiki-theme="peach"] .kc-suite-tabs,
html[data-kiki-theme="salmon"] .kc-suite-tabs {
    background: color-mix(in srgb, var(--frame) 80%, var(--bg-deep)) !important;
    border-bottom-color: var(--frame-border) !important;
}

html[data-kiki-theme="eggshell"] .kc-overlay.open,
html[data-kiki-theme="peach"] .kc-overlay.open,
html[data-kiki-theme="salmon"] .kc-overlay.open {
    background: color-mix(in srgb, var(--bg-deep) 55%, transparent) !important;
}

/* Homepage / generic glass cards */
html[data-kiki-theme="eggshell"] .quick-link,
html[data-kiki-theme="peach"] .quick-link,
html[data-kiki-theme="salmon"] .quick-link,
html[data-kiki-theme="eggshell"] .promo-card,
html[data-kiki-theme="peach"] .promo-card,
html[data-kiki-theme="salmon"] .promo-card,
html[data-kiki-theme="eggshell"] .hero-card,
html[data-kiki-theme="peach"] .hero-card,
html[data-kiki-theme="salmon"] .hero-card {
    background: var(--frame-fill) !important;
    border: 2px solid var(--frame-border) !important;
}

/* ---- Notebook ---- */
html[data-kiki-theme="eggshell"] .nb-intro-card,
html[data-kiki-theme="peach"] .nb-intro-card,
html[data-kiki-theme="salmon"] .nb-intro-card,
html[data-kiki-theme="eggshell"] .featured-card,
html[data-kiki-theme="peach"] .featured-card,
html[data-kiki-theme="salmon"] .featured-card,
html[data-kiki-theme="eggshell"] .article-card,
html[data-kiki-theme="peach"] .article-card,
html[data-kiki-theme="salmon"] .article-card,
html[data-kiki-theme="eggshell"] .filter-btn,
html[data-kiki-theme="peach"] .filter-btn,
html[data-kiki-theme="salmon"] .filter-btn,
html[data-kiki-theme="eggshell"] .emoji-list,
html[data-kiki-theme="peach"] .emoji-list,
html[data-kiki-theme="salmon"] .emoji-list,
html[data-kiki-theme="eggshell"] article,
html[data-kiki-theme="peach"] article,
html[data-kiki-theme="salmon"] article {
    background: var(--frame-fill) !important;
    border: 2px solid var(--frame-border) !important;
    box-shadow: 0 10px 28px color-mix(in srgb, var(--accent) 12%, transparent) !important;
}

html[data-kiki-theme="eggshell"] .featured-card,
html[data-kiki-theme="peach"] .featured-card,
html[data-kiki-theme="salmon"] .featured-card {
    background: linear-gradient(140deg, var(--frame-fill), var(--frame)) !important;
}

html[data-kiki-theme="eggshell"] .featured-card:hover,
html[data-kiki-theme="peach"] .featured-card:hover,
html[data-kiki-theme="salmon"] .featured-card:hover,
html[data-kiki-theme="eggshell"] .article-card:hover,
html[data-kiki-theme="peach"] .article-card:hover,
html[data-kiki-theme="salmon"] .article-card:hover {
    background: var(--bg-glass-hov) !important;
    border-color: var(--accent) !important;
    box-shadow: 0 12px 28px color-mix(in srgb, var(--accent) 18%, transparent) !important;
}

html[data-kiki-theme="eggshell"] .nb-intro-text,
html[data-kiki-theme="peach"] .nb-intro-text,
html[data-kiki-theme="salmon"] .nb-intro-text,
html[data-kiki-theme="eggshell"] .featured-excerpt,
html[data-kiki-theme="peach"] .featured-excerpt,
html[data-kiki-theme="salmon"] .featured-excerpt,
html[data-kiki-theme="eggshell"] .nb-footer-text,
html[data-kiki-theme="peach"] .nb-footer-text,
html[data-kiki-theme="salmon"] .nb-footer-text,
html[data-kiki-theme="eggshell"] .card-title,
html[data-kiki-theme="peach"] .card-title,
html[data-kiki-theme="salmon"] .card-title,
html[data-kiki-theme="eggshell"] .featured-title,
html[data-kiki-theme="peach"] .featured-title,
html[data-kiki-theme="salmon"] .featured-title,
html[data-kiki-theme="eggshell"] .article-content,
html[data-kiki-theme="peach"] .article-content,
html[data-kiki-theme="salmon"] .article-content,
html[data-kiki-theme="eggshell"] .article-content p,
html[data-kiki-theme="peach"] .article-content p,
html[data-kiki-theme="salmon"] .article-content p {
    color: var(--text-soft) !important;
}

html[data-kiki-theme="eggshell"] .nb-hero-tagline,
html[data-kiki-theme="peach"] .nb-hero-tagline,
html[data-kiki-theme="salmon"] .nb-hero-tagline,
html[data-kiki-theme="eggshell"] .nb-stat-value,
html[data-kiki-theme="peach"] .nb-stat-value,
html[data-kiki-theme="salmon"] .nb-stat-value,
html[data-kiki-theme="eggshell"] .nb-intro-sig,
html[data-kiki-theme="peach"] .nb-intro-sig,
html[data-kiki-theme="salmon"] .nb-intro-sig,
html[data-kiki-theme="eggshell"] .section-divider-title,
html[data-kiki-theme="peach"] .section-divider-title,
html[data-kiki-theme="salmon"] .section-divider-title,
html[data-kiki-theme="eggshell"] .read-more-arrow,
html[data-kiki-theme="peach"] .read-more-arrow,
html[data-kiki-theme="salmon"] .read-more-arrow,
html[data-kiki-theme="eggshell"] .nb-footer-sig,
html[data-kiki-theme="peach"] .nb-footer-sig,
html[data-kiki-theme="salmon"] .nb-footer-sig,
html[data-kiki-theme="eggshell"] .filter-btn.active,
html[data-kiki-theme="peach"] .filter-btn.active,
html[data-kiki-theme="salmon"] .filter-btn.active {
    color: var(--accent) !important;
    text-shadow: none !important;
}

html[data-kiki-theme="eggshell"] .nb-logo,
html[data-kiki-theme="peach"] .nb-logo,
html[data-kiki-theme="salmon"] .nb-logo {
    filter: drop-shadow(0 8px 16px color-mix(in srgb, var(--accent) 28%, transparent));
}

html[data-kiki-theme="eggshell"] .filter-btn,
html[data-kiki-theme="peach"] .filter-btn,
html[data-kiki-theme="salmon"] .filter-btn {
    color: var(--text-soft) !important;
    border: 1px solid var(--frame-border) !important;
}

html[data-kiki-theme="eggshell"] .filter-btn.active,
html[data-kiki-theme="peach"] .filter-btn.active,
html[data-kiki-theme="salmon"] .filter-btn.active {
    background: color-mix(in srgb, var(--accent) 22%, var(--frame-fill)) !important;
    border-color: var(--accent) !important;
}

html[data-kiki-theme="eggshell"] .section-divider-line,
html[data-kiki-theme="peach"] .section-divider-line,
html[data-kiki-theme="salmon"] .section-divider-line,
html[data-kiki-theme="eggshell"] .nb-footer-divider,
html[data-kiki-theme="peach"] .nb-footer-divider,
html[data-kiki-theme="salmon"] .nb-footer-divider {
    background: linear-gradient(90deg, transparent, var(--accent), transparent) !important;
}

html[data-kiki-theme="eggshell"] .card-number,
html[data-kiki-theme="peach"] .card-number,
html[data-kiki-theme="salmon"] .card-number {
    color: color-mix(in srgb, var(--text-bright) 10%, transparent) !important;
}

html[data-kiki-theme="eggshell"] .entry-modal-overlay,
html[data-kiki-theme="peach"] .entry-modal-overlay,
html[data-kiki-theme="salmon"] .entry-modal-overlay {
    background: color-mix(in srgb, var(--bg-deep) 78%, transparent) !important;
}

html[data-kiki-theme="eggshell"] .entry-modal,
html[data-kiki-theme="peach"] .entry-modal,
html[data-kiki-theme="salmon"] .entry-modal {
    background: var(--frame-fill) !important;
    border: 2px solid var(--frame-border) !important;
    box-shadow: 0 24px 60px color-mix(in srgb, var(--accent) 20%, transparent) !important;
}

html[data-kiki-theme="eggshell"] .entry-modal::before,
html[data-kiki-theme="peach"] .entry-modal::before,
html[data-kiki-theme="salmon"] .entry-modal::before,
html[data-kiki-theme="eggshell"] .nb-intro-card::before,
html[data-kiki-theme="peach"] .nb-intro-card::before,
html[data-kiki-theme="salmon"] .nb-intro-card::before,
html[data-kiki-theme="eggshell"] .featured-card::before,
html[data-kiki-theme="peach"] .featured-card::before,
html[data-kiki-theme="salmon"] .featured-card::before {
    background: linear-gradient(90deg, transparent, var(--accent), var(--accent-2), transparent) !important;
}

html[data-kiki-theme="eggshell"] .entry-modal-topbar,
html[data-kiki-theme="peach"] .entry-modal-topbar,
html[data-kiki-theme="salmon"] .entry-modal-topbar {
    background: var(--frame) !important;
    border-bottom-color: var(--frame-border) !important;
}

html[data-kiki-theme="eggshell"] .entry-modal-close,
html[data-kiki-theme="peach"] .entry-modal-close,
html[data-kiki-theme="salmon"] .entry-modal-close {
    background: var(--frame-fill) !important;
    border-color: var(--frame-border) !important;
    color: var(--text-bright) !important;
}

html[data-kiki-theme="eggshell"] .entry-read-progress-bar,
html[data-kiki-theme="peach"] .entry-read-progress-bar,
html[data-kiki-theme="salmon"] .entry-read-progress-bar {
    background: linear-gradient(90deg, var(--accent), var(--accent-2)) !important;
}

html[data-kiki-theme="eggshell"] .entry-modal-body,
html[data-kiki-theme="peach"] .entry-modal-body,
html[data-kiki-theme="salmon"] .entry-modal-body {
    color: var(--text-soft);
    scrollbar-color: var(--accent) transparent;
}

html[data-kiki-theme="eggshell"] .entry-modal-body h1,
html[data-kiki-theme="peach"] .entry-modal-body h1,
html[data-kiki-theme="salmon"] .entry-modal-body h1,
html[data-kiki-theme="eggshell"] .entry-modal-body h3,
html[data-kiki-theme="peach"] .entry-modal-body h3,
html[data-kiki-theme="salmon"] .entry-modal-body h3 {
    color: var(--accent) !important;
    background: none !important;
    -webkit-text-fill-color: var(--accent) !important;
    text-shadow: none !important;
}

html[data-kiki-theme="eggshell"] .featured-pin,
html[data-kiki-theme="peach"] .featured-pin,
html[data-kiki-theme="salmon"] .featured-pin {
    background: color-mix(in srgb, var(--accent) 18%, var(--frame-fill)) !important;
    border-color: var(--frame-border) !important;
    color: var(--accent) !important;
}

html[data-kiki-theme="eggshell"] .acct-dropdown,
html[data-kiki-theme="peach"] .acct-dropdown,
html[data-kiki-theme="salmon"] .acct-dropdown,
html[data-kiki-theme="eggshell"] .kc-composer,
html[data-kiki-theme="peach"] .kc-composer,
html[data-kiki-theme="salmon"] .kc-composer,
html[data-kiki-theme="eggshell"] .kc-post,
html[data-kiki-theme="peach"] .kc-post,
html[data-kiki-theme="salmon"] .kc-post {
    background: var(--frame-fill) !important;
    border-color: var(--frame-border) !important;
    color: var(--text-bright) !important;
}

html[data-kiki-theme="eggshell"] .acct-dd-item,
html[data-kiki-theme="peach"] .acct-dd-item,
html[data-kiki-theme="salmon"] .acct-dd-item,
html[data-kiki-theme="eggshell"] .acct-dd-name,
html[data-kiki-theme="peach"] .acct-dd-name,
html[data-kiki-theme="salmon"] .acct-dd-name {
    color: var(--text-bright) !important;
}

html[data-kiki-theme="eggshell"] .kc-composer textarea,
html[data-kiki-theme="peach"] .kc-composer textarea,
html[data-kiki-theme="salmon"] .kc-composer textarea {
    color: var(--text-bright) !important;
    background: color-mix(in srgb, var(--frame) 70%, white) !important;
    border-color: var(--frame-border) !important;
}

html[data-kiki-theme="eggshell"] .splash-screen,
html[data-kiki-theme="peach"] .splash-screen,
html[data-kiki-theme="salmon"] .splash-screen {
    background: var(--bg-void) !important;
}

/* Soften leftover neon glows on light themes */
html[data-kiki-theme="eggshell"] [style*="text-shadow"],
html[data-kiki-theme="peach"] [class*="glow"] {
    text-shadow: none;
}

.kiki-theme-switcher {
    display: flex;
    gap: 6px;
    align-items: center;
}

.kiki-theme-dot {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 2px solid color-mix(in srgb, var(--text-bright) 35%, transparent);
    cursor: pointer;
    padding: 0;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12) inset;
}

.kiki-theme-dot[data-theme="neon"] { background: linear-gradient(135deg, #ff1493, #00d4ff); }
.kiki-theme-dot[data-theme="eggshell"] { background: #e8d6b8; }
.kiki-theme-dot[data-theme="peach"] { background: #f4b27a; }
.kiki-theme-dot[data-theme="salmon"] { background: #ee8a96; }

.kiki-theme-dot.is-active {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}