/* Ei Foundation canonical Ei 27+1 semantic tokens (legacy filename retained for compatibility). Component plugins may consume these vars. */
:where(.ei-style-basic, [data-ei-style="basic"]) {
  --ei-bg: rgba(255,255,255,.94);
  --ei-bg-strong: #ffffff;
  --ei-surface: #ffffff;
  --ei-surface-2: #ffffff;
  --ei-text: #1f2937;
  --ei-muted: #64748b;
  --ei-border: rgba(148,163,184,.42);
  --ei-accent: #2563eb;
  --ei-accent-text: #ffffff;
  --ei-accent-hover: #1d4ed8;
  --ei-radius: 16px;
  --ei-shadow: 0 14px 34px rgba(15,23,42,.16);
  --ei-font: inherit;
  --ei-frame-width: 1px;
  --ei-frame-style: solid;
  --ei-frame-color: rgba(148,163,184,.72);
  --ei-frame-radius: 10px;
  --ei-frame-shadow: 0 12px 28px rgba(15,23,42,.18);
  --ei-footer: #ffffff;
  --ei-footer-text: #1f2937;
  --ei-border-width: 1px;
  --ei-text-shadow: none;
  --ei-letter-spacing: normal;
}
:where(.ei-style-basic_black, [data-ei-style="basic_black"]) {
  --ei-bg: rgba(0,0,0,.56);
  --ei-bg-strong: rgba(0,0,0,.70);
  --ei-surface: rgba(0,0,0,.70);
  --ei-surface-2: rgba(0,0,0,.70);
  --ei-text: #ffffff;
  --ei-muted: rgba(255,255,255,.82);
  --ei-border: rgba(255,255,255,.92);
  --ei-accent: #d8b55f;
  --ei-accent-text: #2b2310;
  --ei-accent-hover: #e5c774;
  --ei-radius: 14px;
  --ei-shadow: 0 16px 34px rgba(0,0,0,.30);
  --ei-font: inherit;
  --ei-frame-width: 1px;
  --ei-frame-style: solid;
  --ei-frame-color: rgba(255,255,255,.68);
  --ei-frame-radius: 14px;
  --ei-frame-shadow: 0 16px 38px rgba(0,0,0,.34);
  --ei-footer: rgba(0,0,0,.70);
  --ei-footer-text: #ffffff;
  --ei-border-width: 1px;
  --ei-text-shadow: none;
  --ei-letter-spacing: normal;
}
:where(.ei-style-full_black, [data-ei-style="full_black"]) {
  --ei-bg: rgba(0,0,0,.58);
  --ei-bg-strong: rgba(0,0,0,.74);
  --ei-surface: rgba(0,0,0,.74);
  --ei-surface-2: rgba(0,0,0,.74);
  --ei-text: #ffffff;
  --ei-muted: rgba(255,255,255,.82);
  --ei-border: rgba(255,255,255,.88);
  --ei-accent: #ffffff;
  --ei-accent-text: #050505;
  --ei-accent-hover: #e5e7eb;
  --ei-radius: 14px;
  --ei-shadow: 0 16px 34px rgba(0,0,0,.32);
  --ei-font: inherit;
  --ei-frame-width: 1px;
  --ei-frame-style: solid;
  --ei-frame-color: rgba(255,255,255,.82);
  --ei-frame-radius: 14px;
  --ei-frame-shadow: 0 16px 38px rgba(0,0,0,.34);
  --ei-footer: rgba(0,0,0,.74);
  --ei-footer-text: #ffffff;
  --ei-border-width: 1px;
  --ei-text-shadow: none;
  --ei-letter-spacing: normal;
}
:where(.ei-style-minimal, [data-ei-style="minimal"]) {
  --ei-bg: #ffffff;
  --ei-bg-strong: #ffffff;
  --ei-surface: #ffffff;
  --ei-surface-2: #ffffff;
  --ei-text: #111827;
  --ei-muted: #6b7280;
  --ei-border: rgba(15,23,42,.14);
  --ei-accent: #111827;
  --ei-accent-text: #ffffff;
  --ei-accent-hover: #334155;
  --ei-radius: 10px;
  --ei-shadow: 0 8px 22px rgba(15,23,42,.10);
  --ei-font: inherit;
  --ei-frame-width: 1px;
  --ei-frame-style: solid;
  --ei-frame-color: rgba(15,23,42,.22);
  --ei-frame-radius: 4px;
  --ei-frame-shadow: none;
  --ei-footer: #ffffff;
  --ei-footer-text: #111827;
  --ei-border-width: 1px;
  --ei-text-shadow: none;
  --ei-letter-spacing: normal;
}
:where(.ei-style-glass, [data-ei-style="glass"]) {
  --ei-bg: rgba(15,23,42,.76);
  --ei-bg-strong: rgba(15,23,42,.90);
  --ei-surface: rgba(15,23,42,.90);
  --ei-surface-2: rgba(15,23,42,.90);
  --ei-text: #f8fafc;
  --ei-muted: #cbd5e1;
  --ei-border: rgba(255,255,255,.28);
  --ei-accent: #60a5fa;
  --ei-accent-text: #07111f;
  --ei-accent-hover: #93c5fd;
  --ei-radius: 22px;
  --ei-shadow: 0 18px 44px rgba(2,6,23,.34), inset 0 1px 0 rgba(255,255,255,.14);
  --ei-font: inherit;
  --ei-frame-width: 2px;
  --ei-frame-style: solid;
  --ei-frame-color: rgba(255,255,255,.68);
  --ei-frame-radius: 22px;
  --ei-frame-shadow: 0 18px 42px rgba(2,6,23,.30),inset 0 0 0 1px rgba(255,255,255,.18);
  --ei-footer: rgba(15,23,42,.90);
  --ei-footer-text: #f8fafc;
  --ei-border-width: 2px;
  --ei-text-shadow: none;
  --ei-letter-spacing: normal;
}
:where(.ei-style-pixel, [data-ei-style="pixel"]) {
  --ei-bg: #172033;
  --ei-bg-strong: #101827;
  --ei-surface: #101827;
  --ei-surface-2: #101827;
  --ei-text: #f8fafc;
  --ei-muted: #cbd5e1;
  --ei-border: #facc15;
  --ei-accent: #22c55e;
  --ei-accent-text: #06130a;
  --ei-accent-hover: #4ade80;
  --ei-radius: 0px;
  --ei-shadow: 6px 6px 0 rgba(0,0,0,.62);
  --ei-font: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --ei-frame-width: 4px;
  --ei-frame-style: solid;
  --ei-frame-color: #facc15;
  --ei-frame-radius: 0px;
  --ei-frame-shadow: 6px 6px 0 rgba(0,0,0,.64),inset 0 0 0 3px #111827;
  --ei-footer: #101827;
  --ei-footer-text: #f8fafc;
  --ei-border-width: 4px;
  --ei-text-shadow: none;
  --ei-letter-spacing: normal;
}
:where(.ei-style-dq, [data-ei-style="dq"]) {
  --ei-bg: linear-gradient(180deg,#234da6,#102965);
  --ei-bg-strong: #193c86;
  --ei-surface: #193c86;
  --ei-surface-2: #193c86;
  --ei-text: #ffffff;
  --ei-muted: #dbeafe;
  --ei-border: #f5d54e;
  --ei-accent: #f5d54e;
  --ei-accent-text: #122a64;
  --ei-accent-hover: #ffe679;
  --ei-radius: 10px;
  --ei-shadow: 0 8px 0 #0b1b49, 0 18px 34px rgba(12,34,87,.34);
  --ei-font: "Trebuchet MS", "Microsoft JhengHei", sans-serif;
  --ei-frame-width: 4px;
  --ei-frame-style: solid;
  --ei-frame-color: #facc15;
  --ei-frame-radius: 10px;
  --ei-frame-shadow: 0 9px 0 #0f1e56,0 17px 26px rgba(29,78,216,.30),inset 0 0 0 2px rgba(255,255,255,.18);
  --ei-footer: #193c86;
  --ei-footer-text: #ffffff;
  --ei-border-width: 4px;
  --ei-text-shadow: none;
  --ei-letter-spacing: normal;
}
:where(.ei-style-ei_world, [data-ei-style="ei_world"]) {
  --ei-bg: linear-gradient(180deg,rgba(10,72,95,.92),rgba(2,13,24,.96));
  --ei-bg-strong: rgba(4,18,31,.98);
  --ei-surface: rgba(4,18,31,.98);
  --ei-surface-2: rgba(4,18,31,.98);
  --ei-text: #f8fafc;
  --ei-muted: #dbeafe;
  --ei-border: #d7b14a;
  --ei-accent: #d7b14a;
  --ei-accent-text: #0b1925;
  --ei-accent-hover: #f1ca67;
  --ei-radius: 14px;
  --ei-shadow: 0 18px 44px rgba(2,12,23,.42), inset 0 1px 0 rgba(255,255,255,.06);
  --ei-font: inherit;
  --ei-frame-width: 3px;
  --ei-frame-style: solid;
  --ei-frame-color: #d4b067;
  --ei-frame-radius: 16px;
  --ei-frame-shadow: 0 10px 0 rgba(6,16,31,.42),0 18px 34px rgba(7,17,31,.34),inset 0 0 0 2px rgba(212,176,103,.34),inset 0 1px 0 rgba(255,255,255,.08);
  --ei-footer: rgba(4,18,31,.98);
  --ei-footer-text: #f8fafc;
  --ei-border-width: 3px;
  --ei-text-shadow: none;
  --ei-letter-spacing: normal;
}
:where(.ei-style-rpg, [data-ei-style="rpg"]) {
  --ei-bg: linear-gradient(145deg,#30220f,#151006);
  --ei-bg-strong: #21190d;
  --ei-surface: #21190d;
  --ei-surface-2: #21190d;
  --ei-text: #fff4cf;
  --ei-muted: #e8cf99;
  --ei-border: #d6ad55;
  --ei-accent: #f6d477;
  --ei-accent-text: #2d1b03;
  --ei-accent-hover: #f0bd4f;
  --ei-radius: 12px;
  --ei-shadow: 0 16px 36px rgba(0,0,0,.36), inset 0 0 0 2px rgba(255,238,178,.08);
  --ei-font: Georgia, "Noto Serif TC", serif;
  --ei-frame-width: 4px;
  --ei-frame-style: solid;
  --ei-frame-color: #d6ad55;
  --ei-frame-radius: 12px;
  --ei-frame-shadow: 0 14px 28px rgba(0,0,0,.38),inset 0 0 0 3px rgba(48,34,15,.92),inset 0 0 0 5px rgba(255,238,178,.14);
  --ei-footer: #21190d;
  --ei-footer-text: #fff4cf;
  --ei-border-width: 4px;
  --ei-text-shadow: none;
  --ei-letter-spacing: normal;
}
:where(.ei-style-western, [data-ei-style="western"]) {
  --ei-bg: linear-gradient(145deg,#eee5d2,#d8c7a8);
  --ei-bg-strong: #f8f1e3;
  --ei-surface: #f8f1e3;
  --ei-surface-2: #f8f1e3;
  --ei-text: #38291b;
  --ei-muted: #725e47;
  --ei-border: #7e5b32;
  --ei-accent: #824d1c;
  --ei-accent-text: #fff8e9;
  --ei-accent-hover: #a16125;
  --ei-radius: 14px;
  --ei-shadow: 0 16px 34px rgba(72,47,24,.24);
  --ei-font: Georgia, "Times New Roman", "Noto Serif TC", serif;
  --ei-frame-width: 4px;
  --ei-frame-style: solid;
  --ei-frame-color: #b98a52;
  --ei-frame-radius: 16px;
  --ei-frame-shadow: 0 16px 34px rgba(67,42,22,.30),inset 0 0 0 2px #ead0a0;
  --ei-footer: #f8f1e3;
  --ei-footer-text: #38291b;
  --ei-border-width: 4px;
  --ei-text-shadow: none;
  --ei-letter-spacing: normal;
}
:where(.ei-style-classic_wood, [data-ei-style="classic_wood"]) {
  --ei-bg: linear-gradient(145deg,#4a2c18,#24150c);
  --ei-bg-strong: #3b2415;
  --ei-surface: #3b2415;
  --ei-surface-2: #3b2415;
  --ei-text: #fff3d6;
  --ei-muted: #e5c59e;
  --ei-border: #b98246;
  --ei-accent: #e6b66d;
  --ei-accent-text: #2c1708;
  --ei-accent-hover: #c9914d;
  --ei-radius: 14px;
  --ei-shadow: 0 16px 34px rgba(43,24,10,.38), inset 0 0 0 2px rgba(255,224,173,.08);
  --ei-font: Georgia, "Noto Serif TC", serif;
  --ei-frame-width: 5px;
  --ei-frame-style: solid;
  --ei-frame-color: #9a6232;
  --ei-frame-radius: 14px;
  --ei-frame-shadow: 0 15px 30px rgba(43,24,10,.40),inset 0 0 0 2px #d2a36e,inset 0 0 0 5px rgba(54,30,13,.84);
  --ei-footer: #3b2415;
  --ei-footer-text: #fff3d6;
  --ei-border-width: 5px;
  --ei-text-shadow: none;
  --ei-letter-spacing: normal;
}
:where(.ei-style-parchment, [data-ei-style="parchment"]) {
  --ei-bg: #f3e0b7;
  --ei-bg-strong: #fbefcf;
  --ei-surface: #fbefcf;
  --ei-surface-2: #fbefcf;
  --ei-text: #3f2b17;
  --ei-muted: #735936;
  --ei-border: #8a642f;
  --ei-accent: #8b4f12;
  --ei-accent-text: #fff8e8;
  --ei-accent-hover: #a3611b;
  --ei-radius: 10px;
  --ei-shadow: 0 12px 28px rgba(80,48,15,.22);
  --ei-font: Georgia, "Noto Serif TC", serif;
  --ei-frame-width: 4px;
  --ei-frame-style: double;
  --ei-frame-color: #8a642f;
  --ei-frame-radius: 10px;
  --ei-frame-shadow: 0 12px 26px rgba(80,48,15,.24);
  --ei-footer: #fbefcf;
  --ei-footer-text: #3f2b17;
  --ei-border-width: 4px;
  --ei-text-shadow: none;
  --ei-letter-spacing: normal;
}
:where(.ei-style-ink, [data-ei-style="ink"]) {
  --ei-bg: linear-gradient(135deg,#f1f1ee,#d9dad5);
  --ei-bg-strong: #f8f8f5;
  --ei-surface: #f8f8f5;
  --ei-surface-2: #f8f8f5;
  --ei-text: #181a18;
  --ei-muted: #555b56;
  --ei-border: #303631;
  --ei-accent: #202622;
  --ei-accent-text: #ffffff;
  --ei-accent-hover: #404941;
  --ei-radius: 6px;
  --ei-shadow: 0 12px 28px rgba(28,32,29,.16);
  --ei-font: "Noto Serif TC", serif;
  --ei-frame-width: 2px;
  --ei-frame-style: solid;
  --ei-frame-color: #303631;
  --ei-frame-radius: 6px;
  --ei-frame-shadow: 0 12px 28px rgba(28,32,29,.18),inset 0 0 0 1px rgba(255,255,255,.36);
  --ei-footer: #f8f8f5;
  --ei-footer-text: #181a18;
  --ei-border-width: 2px;
  --ei-text-shadow: none;
  --ei-letter-spacing: normal;
}
:where(.ei-style-chinese, [data-ei-style="chinese"]) {
  --ei-bg: linear-gradient(145deg,#6f1717,#2a0d0d);
  --ei-bg-strong: #541313;
  --ei-surface: #541313;
  --ei-surface-2: #541313;
  --ei-text: #fff1d0;
  --ei-muted: #f1c894;
  --ei-border: #d9ad55;
  --ei-accent: #f5cf73;
  --ei-accent-text: #4a0909;
  --ei-accent-hover: #e7b84d;
  --ei-radius: 8px;
  --ei-shadow: 0 16px 36px rgba(70,10,10,.34);
  --ei-font: "Noto Serif TC", "Songti TC", serif;
  --ei-frame-width: 4px;
  --ei-frame-style: solid;
  --ei-frame-color: #d9ad55;
  --ei-frame-radius: 8px;
  --ei-frame-shadow: 0 16px 36px rgba(70,10,10,.34),inset 0 0 0 3px #6f1717;
  --ei-footer: #541313;
  --ei-footer-text: #fff1d0;
  --ei-border-width: 4px;
  --ei-text-shadow: none;
  --ei-letter-spacing: normal;
}
:where(.ei-style-japanese, [data-ei-style="japanese"]) {
  --ei-bg: #f8f1e4;
  --ei-bg-strong: #fffaf0;
  --ei-surface: #fffaf0;
  --ei-surface-2: #fffaf0;
  --ei-text: #2d2823;
  --ei-muted: #756b61;
  --ei-border: #8f7c68;
  --ei-accent: #a33a32;
  --ei-accent-text: #ffffff;
  --ei-accent-hover: #7f2d28;
  --ei-radius: 12px;
  --ei-shadow: 0 13px 28px rgba(64,52,42,.16);
  --ei-font: "Hiragino Mincho ProN", "Yu Mincho", "Noto Serif TC", serif;
  --ei-frame-width: 2px;
  --ei-frame-style: solid;
  --ei-frame-color: #8f7c68;
  --ei-frame-radius: 12px;
  --ei-frame-shadow: 0 13px 28px rgba(64,52,42,.18),inset 0 0 0 1px rgba(255,250,240,.58);
  --ei-footer: #fffaf0;
  --ei-footer-text: #2d2823;
  --ei-border-width: 2px;
  --ei-text-shadow: none;
  --ei-letter-spacing: normal;
}
:where(.ei-style-cute, [data-ei-style="cute"]) {
  --ei-bg: #fff0f6;
  --ei-bg-strong: #fff8fb;
  --ei-surface: #fff8fb;
  --ei-surface-2: #fff8fb;
  --ei-text: #6b2948;
  --ei-muted: #9d5b77;
  --ei-border: #f6a8c4;
  --ei-accent: #ec5f98;
  --ei-accent-text: #ffffff;
  --ei-accent-hover: #db4b87;
  --ei-radius: 24px;
  --ei-shadow: 0 14px 30px rgba(221,95,147,.20);
  --ei-font: inherit;
  --ei-frame-width: 3px;
  --ei-frame-style: solid;
  --ei-frame-color: #f9a8d4;
  --ei-frame-radius: 24px;
  --ei-frame-shadow: 0 14px 30px rgba(244,114,182,.22),inset 0 0 0 2px rgba(255,255,255,.62);
  --ei-footer: #fff8fb;
  --ei-footer-text: #6b2948;
  --ei-border-width: 3px;
  --ei-text-shadow: none;
  --ei-letter-spacing: normal;
}
:where(.ei-style-dark, [data-ei-style="dark"]) {
  --ei-bg: #171923;
  --ei-bg-strong: #0f1118;
  --ei-surface: #0f1118;
  --ei-surface-2: #0f1118;
  --ei-text: #f8fafc;
  --ei-muted: #aab3c2;
  --ei-border: #384152;
  --ei-accent: #94a3b8;
  --ei-accent-text: #0f172a;
  --ei-accent-hover: #cbd5e1;
  --ei-radius: 18px;
  --ei-shadow: 0 18px 42px rgba(0,0,0,.34);
  --ei-font: inherit;
  --ei-frame-width: 2px;
  --ei-frame-style: solid;
  --ei-frame-color: #384152;
  --ei-frame-radius: 18px;
  --ei-frame-shadow: 0 18px 42px rgba(0,0,0,.38),inset 0 0 0 1px rgba(255,255,255,.06);
  --ei-footer: #0f1118;
  --ei-footer-text: #f8fafc;
  --ei-border-width: 2px;
  --ei-text-shadow: none;
  --ei-letter-spacing: normal;
}
:where(.ei-style-windows95, [data-ei-style="windows95"]) {
  --ei-bg: #c0c0c0;
  --ei-bg-strong: #dfdfdf;
  --ei-surface: #dfdfdf;
  --ei-surface-2: #dfdfdf;
  --ei-text: #000000;
  --ei-muted: #333333;
  --ei-border: #000080;
  --ei-accent: #000080;
  --ei-accent-text: #ffffff;
  --ei-accent-hover: #1084d0;
  --ei-radius: 0px;
  --ei-shadow: inset 2px 2px 0 #fff, inset -2px -2px 0 #404040;
  --ei-font: Tahoma, "Microsoft JhengHei", sans-serif;
  --ei-frame-width: 3px;
  --ei-frame-style: solid;
  --ei-frame-color: #ffffff;
  --ei-frame-radius: 0px;
  --ei-frame-shadow: inset -3px -3px 0 #404040,inset 3px 3px 0 #dfdfdf,4px 4px 0 rgba(0,0,0,.24);
  --ei-footer: #dfdfdf;
  --ei-footer-text: #000000;
  --ei-border-width: 3px;
  --ei-text-shadow: none;
  --ei-letter-spacing: normal;
}
:where(.ei-style-windows, [data-ei-style="windows"]) {
  --ei-bg: rgba(244,248,255,.96);
  --ei-bg-strong: #ffffff;
  --ei-surface: #ffffff;
  --ei-surface-2: #ffffff;
  --ei-text: #172033;
  --ei-muted: #526276;
  --ei-border: #9db2ca;
  --ei-accent: #0f6cbd;
  --ei-accent-text: #ffffff;
  --ei-accent-hover: #115ea3;
  --ei-radius: 8px;
  --ei-shadow: 0 14px 34px rgba(35,75,115,.18);
  --ei-font: "Segoe UI", "Microsoft JhengHei", sans-serif;
  --ei-frame-width: 1px;
  --ei-frame-style: solid;
  --ei-frame-color: #7aa7d9;
  --ei-frame-radius: 12px;
  --ei-frame-shadow: 0 14px 30px rgba(30,64,175,.18),inset 0 0 0 1px rgba(255,255,255,.64);
  --ei-footer: #ffffff;
  --ei-footer-text: #172033;
  --ei-border-width: 1px;
  --ei-text-shadow: none;
  --ei-letter-spacing: normal;
}
:where(.ei-style-mac, [data-ei-style="mac"]) {
  --ei-bg: rgba(248,250,252,.86);
  --ei-bg-strong: rgba(255,255,255,.94);
  --ei-surface: rgba(255,255,255,.94);
  --ei-surface-2: rgba(255,255,255,.94);
  --ei-text: #111827;
  --ei-muted: #667085;
  --ei-border: rgba(148,163,184,.42);
  --ei-accent: #007aff;
  --ei-accent-text: #ffffff;
  --ei-accent-hover: #0a84ff;
  --ei-radius: 22px;
  --ei-shadow: 0 18px 44px rgba(15,23,42,.18), inset 0 1px 0 rgba(255,255,255,.7);
  --ei-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Microsoft JhengHei", sans-serif;
  --ei-frame-width: 1px;
  --ei-frame-style: solid;
  --ei-frame-color: rgba(148,163,184,.54);
  --ei-frame-radius: 22px;
  --ei-frame-shadow: 0 18px 38px rgba(15,23,42,.18),inset 0 1px 0 rgba(255,255,255,.82);
  --ei-footer: rgba(255,255,255,.94);
  --ei-footer-text: #111827;
  --ei-border-width: 1px;
  --ei-text-shadow: none;
  --ei-letter-spacing: normal;
}
:where(.ei-style-cyberpunk, [data-ei-style="cyberpunk"]) {
  --ei-bg: linear-gradient(135deg,#120022,#090515);
  --ei-bg-strong: #0d0619;
  --ei-surface: #0d0619;
  --ei-surface-2: #0d0619;
  --ei-text: #f5f7ff;
  --ei-muted: #83e8f2;
  --ei-border: #00e5ff;
  --ei-accent: #faff00;
  --ei-accent-text: #120022;
  --ei-accent-hover: #ff00c8;
  --ei-radius: 6px;
  --ei-shadow: 0 0 0 1px rgba(255,0,200,.48), 0 0 28px rgba(0,229,255,.34);
  --ei-font: "Orbitron", ui-monospace, monospace;
  --ei-frame-width: 2px;
  --ei-frame-style: solid;
  --ei-frame-color: #00e5ff;
  --ei-frame-radius: 8px;
  --ei-frame-shadow: 0 0 0 1px rgba(255,0,200,.58),0 0 24px rgba(0,229,255,.42),inset 0 0 18px rgba(255,0,200,.12);
  --ei-footer: #0d0619;
  --ei-footer-text: #f5f7ff;
  --ei-border-width: 2px;
  --ei-text-shadow: none;
  --ei-letter-spacing: normal;
}
:where(.ei-style-nasapunk, [data-ei-style="nasapunk"]) {
  --ei-bg: linear-gradient(145deg,#172235,#0a1220);
  --ei-bg-strong: #111b2b;
  --ei-surface: #111b2b;
  --ei-surface-2: #111b2b;
  --ei-text: #f7fafc;
  --ei-muted: #b7c6d9;
  --ei-border: #d7e0eb;
  --ei-accent: #ff7a1a;
  --ei-accent-text: #111827;
  --ei-accent-hover: #ff9a4d;
  --ei-radius: 8px;
  --ei-shadow: 0 16px 38px rgba(2,8,23,.36);
  --ei-font: "Avenir Next", "Eurostile", "Microsoft JhengHei", sans-serif;
  --ei-frame-width: 3px;
  --ei-frame-style: solid;
  --ei-frame-color: #94a3b8;
  --ei-frame-radius: 10px;
  --ei-frame-shadow: 0 14px 30px rgba(30,41,59,.22),inset 0 0 0 2px #f97316;
  --ei-footer: #111b2b;
  --ei-footer-text: #f7fafc;
  --ei-border-width: 3px;
  --ei-text-shadow: none;
  --ei-letter-spacing: normal;
}
:where(.ei-style-steampunk, [data-ei-style="steampunk"]) {
  --ei-bg: linear-gradient(145deg,#4b2e13,#211407);
  --ei-bg-strong: #3a230f;
  --ei-surface: #3a230f;
  --ei-surface-2: #3a230f;
  --ei-text: #ffe9bf;
  --ei-muted: #d7b989;
  --ei-border: #b97b35;
  --ei-accent: #e2a84c;
  --ei-accent-text: #2f1707;
  --ei-accent-hover: #c98b3d;
  --ei-radius: 16px;
  --ei-shadow: 0 18px 38px rgba(47,25,7,.42), inset 0 0 0 2px rgba(229,168,83,.10);
  --ei-font: Georgia, "Noto Serif TC", serif;
  --ei-frame-width: 5px;
  --ei-frame-style: solid;
  --ei-frame-color: #b47832;
  --ei-frame-radius: 18px;
  --ei-frame-shadow: 0 18px 34px rgba(43,27,15,.38),inset 0 0 0 2px #e3b56d,inset 0 0 0 5px rgba(61,38,21,.88);
  --ei-footer: #3a230f;
  --ei-footer-text: #ffe9bf;
  --ei-border-width: 5px;
  --ei-text-shadow: none;
  --ei-letter-spacing: normal;
}
:where(.ei-style-terminal, [data-ei-style="terminal"]) {
  --ei-bg: #031008;
  --ei-bg-strong: #020b06;
  --ei-surface: #020b06;
  --ei-surface-2: #020b06;
  --ei-text: #b7ffcf;
  --ei-muted: #72d88f;
  --ei-border: #35ff78;
  --ei-accent: #35ff78;
  --ei-accent-text: #021108;
  --ei-accent-hover: #65ff98;
  --ei-radius: 4px;
  --ei-shadow: 0 0 24px rgba(53,255,120,.26), inset 0 0 18px rgba(53,255,120,.06);
  --ei-font: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --ei-frame-width: 2px;
  --ei-frame-style: solid;
  --ei-frame-color: #22c55e;
  --ei-frame-radius: 2px;
  --ei-frame-shadow: 0 0 22px rgba(34,197,94,.32),inset 0 0 14px rgba(34,197,94,.12);
  --ei-footer: #020b06;
  --ei-footer-text: #b7ffcf;
  --ei-border-width: 2px;
  --ei-text-shadow: none;
  --ei-letter-spacing: normal;
}
:where(.ei-style-arcane, [data-ei-style="arcane"]) {
  --ei-bg: radial-gradient(circle at 50% 10%,#38256d,#120d2b 70%);
  --ei-bg-strong: #1b1238;
  --ei-surface: #1b1238;
  --ei-surface-2: #1b1238;
  --ei-text: #f4ecff;
  --ei-muted: #c7b5ef;
  --ei-border: #9f7aea;
  --ei-accent: #d8b4fe;
  --ei-accent-text: #21113d;
  --ei-accent-hover: #c084fc;
  --ei-radius: 20px;
  --ei-shadow: 0 0 34px rgba(159,122,234,.36), inset 0 0 28px rgba(216,180,254,.08);
  --ei-font: Georgia, "Noto Serif TC", serif;
  --ei-frame-width: 3px;
  --ei-frame-style: solid;
  --ei-frame-color: #a78bfa;
  --ei-frame-radius: 16px;
  --ei-frame-shadow: 0 0 28px rgba(139,92,246,.38),inset 0 0 16px rgba(96,165,250,.16);
  --ei-footer: #1b1238;
  --ei-footer-text: #f4ecff;
  --ei-border-width: 3px;
  --ei-text-shadow: none;
  --ei-letter-spacing: normal;
}

:where(.ei-style-bio, [data-ei-style="bio"]) {
  --ei-bg: linear-gradient(180deg,#0c140d,#081108);
  --ei-bg-strong: #0a0f0a;
  --ei-surface: #0a0f0a;
  --ei-surface-2: #0d170e;
  --ei-text: #c5ffbf;
  --ei-muted: #9ed59a;
  --ei-border: #3e8a39;
  --ei-accent: #75ff72;
  --ei-accent-text: #071007;
  --ei-accent-hover: #a3ff9f;
  --ei-radius: 8px;
  --ei-shadow: 0 0 0 1px #1d2a1f,0 0 28px rgba(117,255,114,.16),inset 0 0 24px rgba(31,73,28,.24);
  --ei-font: "IBM Plex Mono", "Courier New", "Noto Sans TC", monospace;
  --ei-frame-width: 3px;
  --ei-frame-style: solid;
  --ei-frame-color: #75ff72;
  --ei-frame-radius: 8px;
  --ei-frame-shadow: 0 0 0 1px #1d2a1f,0 0 28px rgba(117,255,114,.16),inset 0 0 24px rgba(31,73,28,.24);
  --ei-footer: #091109;
  --ei-footer-text: #d8ffd4;
  --ei-border-width: 3px;
  --ei-text-shadow: 0 0 8px rgba(117,255,114,.10);
  --ei-letter-spacing: .01em;
}
:where(.ei-style-wabisabi, [data-ei-style="wabisabi"]) {
  --ei-bg: #ece4d6;
  --ei-bg-strong: #f7f2e9;
  --ei-surface: #f7f2e9;
  --ei-surface-2: #f7f2e9;
  --ei-text: #3f3932;
  --ei-muted: #786e63;
  --ei-border: #9b8a78;
  --ei-accent: #7a5330;
  --ei-accent-text: #fffaf1;
  --ei-accent-hover: #966a40;
  --ei-radius: 16px;
  --ei-shadow: 0 12px 28px rgba(80,70,59,.14);
  --ei-font: "Noto Serif TC", serif;
  --ei-frame-width: 1px;
  --ei-frame-style: solid;
  --ei-frame-color: rgba(120,113,108,.54);
  --ei-frame-radius: 20px;
  --ei-frame-shadow: 0 12px 26px rgba(87,83,78,.16);
  --ei-footer: #f7f2e9;
  --ei-footer-text: #3f3932;
  --ei-border-width: 1px;
  --ei-text-shadow: none;
  --ei-letter-spacing: normal;
}
:where(.ei-style-custom, [data-ei-style="custom"]) {
  --ei-bg:#fff;--ei-bg-strong:#f7f8f9;--ei-surface:#f7f8f9;--ei-surface-2:#eef0f2;
  --ei-text:#202124;--ei-muted:#687078;--ei-border:#d9dde2;--ei-accent:#24894f;--ei-accent-text:#fff;--ei-accent-hover:#176c3b;
  --ei-radius:8px;--ei-shadow:0 1px 1px rgba(0,0,0,.03);--ei-font:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC",sans-serif;
  --ei-frame-width:1px;--ei-frame-style:solid;--ei-frame-color:#d9dde2;--ei-frame-radius:8px;--ei-frame-shadow:0 1px 1px rgba(0,0,0,.03);
  --ei-footer:#303846;--ei-footer-text:#f2f4f7;--ei-border-width:1px;--ei-text-shadow:none;--ei-letter-spacing:normal;
}
:where(.ei-style-glass,[data-ei-style="glass"]) { backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); }
:where(.ei-style-pixel,[data-ei-style="pixel"],.ei-style-windows95,[data-ei-style="windows95"]) { image-rendering: pixelated; }