/* ── Theme: default Dark (original) ── */
[data-theme="dark"], :root {
  --bg: #0f1117;
  --bg-card: #161b22;
  --bg-input: #0d1117;
  --bg-header: #161b22;
  --bg-hover: #1c2128;
  --bg-btn: #21262d;
  --bg-btn-hover: #30363d;
  --bg-code: #1c2128;
  --bg-pre: #0d1117;
  --bg-th: #1c2128;
  --border: #30363d;
  --border-light: #21262d;
  --text: #e1e4e8;
  --text-muted: #8b949e;
  --text-label: #c9d1d9;
  --accent: #58a6ff;
  --accent-bg: #1f6feb33;
  --green: #238636;
  --green-hover: #2ea043;
  --green-bg: #238636;
  --red: #f85149;
  --orange: #f0883e;
  --success: #3fb950;
  --bg-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22300%22%20height=%22300%22%20viewBox=%220%200%20300%20300%22%3E%3Cdefs%3E%3Cpattern%20id=%22hex%22%20width=%2250%22%20height=%2243.3%22%20patternUnits=%22userSpaceOnUse%22%3E%3Cpolygon%20points=%2225,0%2050,14.4%2050,43.3%2025,57.7%200,43.3%200,14.4%22%20fill=%22none%22%20stroke=%22%2358a6ff%22%20stroke-width=%220.6%22%20opacity=%220.4%22/%3E%3C/pattern%3E%3C/defs%3E%3Crect%20width=%22300%22%20height=%22300%22%20fill=%22url(%23hex)%22/%3E%3Cline%20x1=%220%22%20y1=%22150%22%20x2=%22100%22%20y2=%22150%22%20stroke=%22%2358a6ff%22%20stroke-width=%220.8%22%20opacity=%220.25%22/%3E%3Cline%20x1=%22100%22%20y1=%22150%22%20x2=%22150%22%20y2=%22100%22%20stroke=%22%2358a6ff%22%20stroke-width=%220.8%22%20opacity=%220.25%22/%3E%3Cline%20x1=%22150%22%20y1=%22100%22%20x2=%22200%22%20y2=%22100%22%20stroke=%22%2358a6ff%22%20stroke-width=%220.8%22%20opacity=%220.25%22/%3E%3Cline%20x1=%22200%22%20y1=%22100%22%20x2=%22250%22%20y2=%22150%22%20stroke=%22%2358a6ff%22%20stroke-width=%220.8%22%20opacity=%220.25%22/%3E%3Ccircle%20cx=%22100%22%20cy=%22150%22%20r=%223%22%20fill=%22%2358a6ff%22%20opacity=%220.4%22/%3E%3Ccircle%20cx=%22200%22%20cy=%22100%22%20r=%223%22%20fill=%22%2358a6ff%22%20opacity=%220.4%22/%3E%3Ccircle%20cx=%22250%22%20cy=%22150%22%20r=%223%22%20fill=%22%2358a6ff%22%20opacity=%220.35%22/%3E%3Ccircle%20cx=%22150%22%20cy=%22200%22%20r=%222.5%22%20fill=%22%2358a6ff%22%20opacity=%220.3%22/%3E%3Ccircle%20cx=%2250%22%20cy=%2280%22%20r=%222.5%22%20fill=%22%233fb950%22%20opacity=%220.3%22/%3E%3Ccircle%20cx=%22280%22%20cy=%2250%22%20r=%222.5%22%20fill=%22%233fb950%22%20opacity=%220.3%22/%3E%3C/svg%3E");
}

/* ── Theme: White / Light ── */
[data-theme="light"] {
  --bg: #ffffff;
  --bg-card: #f6f8fa;
  --bg-input: #ffffff;
  --bg-header: #f6f8fa;
  --bg-hover: #eaeef2;
  --bg-btn: #eaeef2;
  --bg-btn-hover: #d0d7de;
  --bg-code: #f0f0f0;
  --bg-pre: #f6f8fa;
  --bg-th: #f0f0f0;
  --border: #d0d7de;
  --border-light: #d8dee4;
  --text: #1f2328;
  --text-muted: #656d76;
  --text-label: #1f2328;
  --accent: #0969da;
  --accent-bg: #ddf4ff;
  --green: #1a7f37;
  --green-hover: #1f883d;
  --green-bg: #1a7f37;
  --red: #cf222e;
  --orange: #953800;
  --success: #1a7f37;
  --bg-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22300%22%20height=%22300%22%20viewBox=%220%200%20300%20300%22%3E%3Cpath%20d=%22M0%20100%20Q75%2050%20150%20100%20T300%20100%22%20fill=%22none%22%20stroke=%22%23b0b8c0%22%20stroke-width=%221%22%20opacity=%220.35%22/%3E%3Cpath%20d=%22M0%20160%20Q75%20210%20150%20160%20T300%20160%22%20fill=%22none%22%20stroke=%22%23b0b8c0%22%20stroke-width=%221%22%20opacity=%220.35%22/%3E%3Cpath%20d=%22M0%20220%20Q75%20170%20150%20220%20T300%20220%22%20fill=%22none%22%20stroke=%22%23b0b8c0%22%20stroke-width=%221%22%20opacity=%220.3%22/%3E%3Ccircle%20cx=%2250%22%20cy=%22100%22%20r=%223%22%20fill=%22%230969da%22%20opacity=%220.3%22/%3E%3Ccircle%20cx=%22150%22%20cy=%22160%22%20r=%223%22%20fill=%22%230969da%22%20opacity=%220.25%22/%3E%3Ccircle%20cx=%22250%22%20cy=%22100%22%20r=%222.5%22%20fill=%22%230969da%22%20opacity=%220.25%22/%3E%3C/svg%3E");
}

/* ── Theme: NotebookLM (warm beige) ── */
[data-theme="notebooklm"] {
  --bg: #fdf6e3;
  --bg-card: #fef9ef;
  --bg-input: #fffcf5;
  --bg-header: #f5ead0;
  --bg-hover: #efe0c0;
  --bg-btn: #e8d5a8;
  --bg-btn-hover: #dbc48a;
  --bg-code: #f0e6d0;
  --bg-pre: #f5ead0;
  --bg-th: #f0e6d0;
  --border: #c4a96a;
  --border-light: #d4c4a0;
  --text: #3d3226;
  --text-muted: #7a6a50;
  --text-label: #4a3f30;
  --accent: #8b6914;
  --accent-bg: #f0e0b0;
  --green: #5a8a3c;
  --green-hover: #4a7a2c;
  --green-bg: #5a8a3c;
  --red: #b33a3a;
  --orange: #a06020;
  --success: #5a8a3c;
  --bg-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22300%22%20height=%22300%22%20viewBox=%220%200%20300%20300%22%3E%3Cline%20x1=%2260%22%20y1=%220%22%20x2=%2260%22%20y2=%22300%22%20stroke=%22%23d4a0a0%22%20stroke-width=%221.5%22%20opacity=%220.35%22/%3E%3Cline%20x1=%220%22%20y1=%2232%22%20x2=%22300%22%20y2=%2232%22%20stroke=%22%23b8a060%22%20stroke-width=%220.6%22%20opacity=%220.3%22/%3E%3Cline%20x1=%220%22%20y1=%2264%22%20x2=%22300%22%20y2=%2264%22%20stroke=%22%23b8a060%22%20stroke-width=%220.6%22%20opacity=%220.3%22/%3E%3Cline%20x1=%220%22%20y1=%2296%22%20x2=%22300%22%20y2=%2296%22%20stroke=%22%23b8a060%22%20stroke-width=%220.6%22%20opacity=%220.3%22/%3E%3Cline%20x1=%220%22%20y1=%22128%22%20x2=%22300%22%20y2=%22128%22%20stroke=%22%23b8a060%22%20stroke-width=%220.6%22%20opacity=%220.3%22/%3E%3Cline%20x1=%220%22%20y1=%22160%22%20x2=%22300%22%20y2=%22160%22%20stroke=%22%23b8a060%22%20stroke-width=%220.6%22%20opacity=%220.3%22/%3E%3Cline%20x1=%220%22%20y1=%22192%22%20x2=%22300%22%20y2=%22192%22%20stroke=%22%23b8a060%22%20stroke-width=%220.6%22%20opacity=%220.3%22/%3E%3Cline%20x1=%220%22%20y1=%22224%22%20x2=%22300%22%20y2=%22224%22%20stroke=%22%23b8a060%22%20stroke-width=%220.6%22%20opacity=%220.3%22/%3E%3Cline%20x1=%220%22%20y1=%22256%22%20x2=%22300%22%20y2=%22256%22%20stroke=%22%23b8a060%22%20stroke-width=%220.6%22%20opacity=%220.3%22/%3E%3Cline%20x1=%220%22%20y1=%22288%22%20x2=%22300%22%20y2=%22288%22%20stroke=%22%23b8a060%22%20stroke-width=%220.6%22%20opacity=%220.3%22/%3E%3Ccircle%20cx=%2230%22%20cy=%2240%22%20r=%225%22%20fill=%22none%22%20stroke=%22%23c4a96a%22%20stroke-width=%220.6%22%20opacity=%220.25%22/%3E%3Ccircle%20cx=%2230%22%20cy=%22100%22%20r=%225%22%20fill=%22none%22%20stroke=%22%23c4a96a%22%20stroke-width=%220.6%22%20opacity=%220.25%22/%3E%3Ccircle%20cx=%2230%22%20cy=%22160%22%20r=%225%22%20fill=%22none%22%20stroke=%22%23c4a96a%22%20stroke-width=%220.6%22%20opacity=%220.25%22/%3E%3Ccircle%20cx=%2230%22%20cy=%22220%22%20r=%225%22%20fill=%22none%22%20stroke=%22%23c4a96a%22%20stroke-width=%220.6%22%20opacity=%220.25%22/%3E%3Ccircle%20cx=%2230%22%20cy=%22280%22%20r=%225%22%20fill=%22none%22%20stroke=%22%23c4a96a%22%20stroke-width=%220.6%22%20opacity=%220.25%22/%3E%3C/svg%3E");
}

/* ── Theme: Dragon Quest (royal blue + gold) ── */
[data-theme="dragonquest"] {
  --bg: #e8f0fc;
  --bg-card: #f4f8ff;
  --bg-input: #ffffff;
  --bg-header: #1a4a90;
  --bg-hover: #dce6f4;
  --bg-btn: #2a5cb0;
  --bg-btn-hover: #3a6cc0;
  --bg-code: #eaf0fa;
  --bg-pre: #eef3fc;
  --bg-th: #dce6f4;
  --border: #4a7cc8;
  --border-light: #c0d4f0;
  --text: #182030;
  --text-muted: #5a6a80;
  --text-label: #283850;
  --accent: #c88020;
  --accent-bg: #fdf0d0;
  --green: #3a8840;
  --green-hover: #4a9850;
  --green-bg: #3a8840;
  --red: #c84040;
  --orange: #d08020;
  --success: #3a8840;
  --bg-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22350%22%20height=%22350%22%20viewBox=%220%200%20350%20350%22%3E%3Cdefs%3E%3Cpattern%20id=%22scales%22%20width=%2230%22%20height=%2230%22%20patternUnits=%22userSpaceOnUse%22%3E%3Cpath%20d=%22M0%2015%20Q15%200%2030%2015%20Q15%2030%200%2015%22%20fill=%22none%22%20stroke=%22%232a5cb0%22%20stroke-width=%220.8%22%20opacity=%220.25%22/%3E%3C/pattern%3E%3C/defs%3E%3Crect%20width=%22350%22%20height=%22350%22%20fill=%22url(%23scales)%22/%3E%3Cellipse%20cx=%22175%22%20cy=%2265%22%20rx=%2238%22%20ry=%2228%22%20fill=%22%232a5cb0%22%20opacity=%220.4%22/%3E%3Cellipse%20cx=%22175%22%20cy=%2258%22%20rx=%2228%22%20ry=%2218%22%20fill=%22%232a5cb0%22%20opacity=%220.35%22/%3E%3Ccircle%20cx=%22163%22%20cy=%2255%22%20r=%224%22%20fill=%22%23fff%22%20opacity=%220.5%22/%3E%3Ccircle%20cx=%22187%22%20cy=%2255%22%20r=%224%22%20fill=%22%23fff%22%20opacity=%220.5%22/%3E%3Cpath%20d=%22M165%2068%20Q175%2078%20185%2068%22%20stroke=%22%23fff%22%20stroke-width=%222%22%20fill=%22none%22%20opacity=%220.35%22/%3E%3Cline%20x1=%2280%22%20y1=%22100%22%20x2=%2280%22%20y2=%22220%22%20stroke=%22%23c0d4f0%22%20stroke-width=%225%22%20opacity=%220.4%22/%3E%3Cline%20x1=%2260%22%20y1=%22155%22%20x2=%22100%22%20y2=%22155%22%20stroke=%22%23c88020%22%20stroke-width=%225%22%20opacity=%220.4%22/%3E%3Crect%20x=%2274%22%20y=%22220%22%20width=%2212%22%20height=%2230%22%20rx=%223%22%20fill=%22%23c88020%22%20opacity=%220.35%22/%3E%3Ccircle%20cx=%2280%22%20cy=%22100%22%20r=%225%22%20fill=%22%23c88020%22%20opacity=%220.35%22/%3E%3Cpath%20d=%22M240%20150%20L280%20150%20L280%20190%20Q260%20210%20240%20190%20Z%22%20fill=%22none%22%20stroke=%22%232a5cb0%22%20stroke-width=%224%22%20opacity=%220.35%22/%3E%3Cline%20x1=%22260%22%20y1=%22150%22%20x2=%22260%22%20y2=%22195%22%20stroke=%22%23c88020%22%20stroke-width=%223%22%20opacity=%220.3%22/%3E%3Cline%20x1=%22245%22%20y1=%22172%22%20x2=%22275%22%20y2=%22172%22%20stroke=%22%23c88020%22%20stroke-width=%223%22%20opacity=%220.3%22/%3E%3Ccircle%20cx=%2250%22%20cy=%2260%22%20r=%223%22%20fill=%22%23c88020%22%20opacity=%220.3%22/%3E%3Ccircle%20cx=%22300%22%20cy=%2280%22%20r=%223%22%20fill=%22%23c88020%22%20opacity=%220.3%22/%3E%3Ccircle%20cx=%2260%22%20cy=%22280%22%20r=%223%22%20fill=%22%23c88020%22%20opacity=%220.25%22/%3E%3Ccircle%20cx=%22310%22%20cy=%22300%22%20r=%223%22%20fill=%22%23c88020%22%20opacity=%220.25%22/%3E%3Ccircle%20cx=%22175%22%20cy=%22310%22%20r=%223%22%20fill=%22%23c88020%22%20opacity=%220.25%22/%3E%3Cellipse%20cx=%22280%22%20cy=%22270%22%20rx=%2214%22%20ry=%2210%22%20fill=%22%232a5cb0%22%20opacity=%220.25%22/%3E%3Ccircle%20cx=%22275%22%20cy=%22267%22%20r=%222%22%20fill=%22%23fff%22%20opacity=%220.35%22/%3E%3Ccircle%20cx=%22285%22%20cy=%22267%22%20r=%222%22%20fill=%22%23fff%22%20opacity=%220.35%22/%3E%3Cpath%20d=%22M30%20250%20Q20%20210%2040%20190%20Q60%20210%2050%20250%22%20fill=%22none%22%20stroke=%22%232a5cb0%22%20stroke-width=%222%22%20opacity=%220.25%22/%3E%3Cpath%20d=%22M320%20250%20Q330%20210%20310%20190%20Q290%20210%20300%20250%22%20fill=%22none%22%20stroke=%22%232a5cb0%22%20stroke-width=%222%22%20opacity=%220.25%22/%3E%3C/svg%3E");
}

/* ── Theme: Cyber (neon on deep black) ── */
[data-theme="cyber"] {
  --bg: #0a0a10;
  --bg-card: #111118;
  --bg-input: #0d0d14;
  --bg-header: #0d0d14;
  --bg-hover: #1a1a28;
  --bg-btn: #1a1a28;
  --bg-btn-hover: #2a2a3d;
  --bg-code: #0f0f1a;
  --bg-pre: #0a0a14;
  --bg-th: #151522;
  --border: #2a2a3d;
  --border-light: #1e1e30;
  --text: #c0e0ff;
  --text-muted: #5a7a9a;
  --text-label: #a0c0e0;
  --accent: #00e5ff;
  --accent-bg: #00e5ff18;
  --green: #00ff88;
  --green-hover: #33ffaa;
  --green-bg: #00cc66;
  --red: #ff3355;
  --orange: #ff8800;
  --success: #00ff88;
  --bg-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22350%22%20height=%22350%22%20viewBox=%220%200%20350%20350%22%3E%3Cdefs%3E%3Cpattern%20id=%22hx%22%20width=%2240%22%20height=%2234.6%22%20patternUnits=%22userSpaceOnUse%22%3E%3Cpolygon%20points=%2220,0%2040,11.5%2040,34.6%2020,46.2%200,34.6%200,11.5%22%20fill=%22none%22%20stroke=%22%2300e5ff%22%20stroke-width=%220.5%22%20opacity=%220.25%22/%3E%3C/pattern%3E%3C/defs%3E%3Crect%20width=%22350%22%20height=%22350%22%20fill=%22url(%23hx)%22/%3E%3Cpath%20d=%22M20%20100%20L80%20100%20L110%20130%20L110%20200%20L160%20200%22%20fill=%22none%22%20stroke=%22%2300e5ff%22%20stroke-width=%221.5%22%20opacity=%220.35%22/%3E%3Cpath%20d=%22M160%20200%20L160%20250%20L220%20250%20L260%20210%22%20fill=%22none%22%20stroke=%22%2300e5ff%22%20stroke-width=%221.5%22%20opacity=%220.35%22/%3E%3Cpath%20d=%22M310%2060%20L260%2060%20L230%2090%20L230%20140%22%20fill=%22none%22%20stroke=%22%23ff00ff%22%20stroke-width=%221.5%22%20opacity=%220.25%22/%3E%3Cpath%20d=%22M40%20280%20L40%20310%20L100%20310%22%20fill=%22none%22%20stroke=%22%2300e5ff%22%20stroke-width=%221.2%22%20opacity=%220.25%22/%3E%3Cpath%20d=%22M300%20300%20L300%20260%20L270%20230%22%20fill=%22none%22%20stroke=%22%2300e5ff%22%20stroke-width=%221.2%22%20opacity=%220.25%22/%3E%3Ccircle%20cx=%2220%22%20cy=%22100%22%20r=%224%22%20fill=%22%2300e5ff%22%20opacity=%220.5%22/%3E%3Ccircle%20cx=%22160%22%20cy=%22200%22%20r=%224%22%20fill=%22%2300e5ff%22%20opacity=%220.5%22/%3E%3Ccircle%20cx=%22260%22%20cy=%22210%22%20r=%223.5%22%20fill=%22%2300e5ff%22%20opacity=%220.45%22/%3E%3Ccircle%20cx=%22230%22%20cy=%22140%22%20r=%223.5%22%20fill=%22%23ff00ff%22%20opacity=%220.4%22/%3E%3Ccircle%20cx=%2240%22%20cy=%22280%22%20r=%223%22%20fill=%22%2300e5ff%22%20opacity=%220.4%22/%3E%3Ccircle%20cx=%22310%22%20cy=%2260%22%20r=%223%22%20fill=%22%23ff00ff%22%20opacity=%220.35%22/%3E%3Ccircle%20cx=%22100%22%20cy=%22310%22%20r=%223%22%20fill=%22%2300e5ff%22%20opacity=%220.4%22/%3E%3Ccircle%20cx=%22270%22%20cy=%22230%22%20r=%223%22%20fill=%22%2300e5ff%22%20opacity=%220.35%22/%3E%3Cline%20x1=%22200%22%20y1=%2230%22%20x2=%22200%22%20y2=%2290%22%20stroke=%22%2300e5ff%22%20stroke-width=%220.8%22%20stroke-dasharray=%226%208%22%20opacity=%220.3%22/%3E%3Cline%20x1=%22130%22%20y1=%22260%22%20x2=%22130%22%20y2=%22340%22%20stroke=%22%23ff00ff%22%20stroke-width=%220.8%22%20stroke-dasharray=%226%208%22%20opacity=%220.25%22/%3E%3Crect%20x=%22280%22%20y=%22140%22%20width=%2235%22%20height=%2235%22%20rx=%222%22%20fill=%22none%22%20stroke=%22%2300e5ff%22%20stroke-width=%221.5%22%20opacity=%220.3%22/%3E%3Crect%20x=%2250%22%20y=%22200%22%20width=%2235%22%20height=%2235%22%20rx=%222%22%20fill=%22none%22%20stroke=%22%2300e5ff%22%20stroke-width=%221.5%22%20opacity=%220.25%22/%3E%3C/svg%3E");
}

/* ── Theme: Final Fantasy (crystal navy + teal) ── */
[data-theme="finalfantasy"] {
  --bg: #0d1525;
  --bg-card: #162035;
  --bg-input: #101828;
  --bg-header: #1a2844;
  --bg-hover: #1e2d4a;
  --bg-btn: #1e2d4a;
  --bg-btn-hover: #2a3d60;
  --bg-code: #182238;
  --bg-pre: #0f1828;
  --bg-th: #1c2a44;
  --border: #2a3d5c;
  --border-light: #1e3050;
  --text: #e0e8f8;
  --text-muted: #6a80a8;
  --text-label: #c0d0e8;
  --accent: #48c0e8;
  --accent-bg: #48c0e820;
  --green: #4ae0a0;
  --green-hover: #5af0b0;
  --green-bg: #3ac080;
  --red: #e86070;
  --orange: #e8a040;
  --success: #4ae0a0;
  --bg-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22350%22%20height=%22350%22%20viewBox=%220%200%20350%20350%22%3E%3Cpolygon%20points=%22175,30%20210,100%20175,170%20140,100%22%20fill=%22none%22%20stroke=%22%2348c0e8%22%20stroke-width=%222%22%20opacity=%220.4%22/%3E%3Cpolygon%20points=%22175,30%20140,100%20175,170%22%20fill=%22%2348c0e8%22%20opacity=%220.12%22/%3E%3Cline%20x1=%22175%22%20y1=%2230%22%20x2=%22175%22%20y2=%22170%22%20stroke=%22%2348c0e8%22%20stroke-width=%220.8%22%20opacity=%220.25%22/%3E%3Cline%20x1=%22140%22%20y1=%22100%22%20x2=%22210%22%20y2=%22100%22%20stroke=%22%2348c0e8%22%20stroke-width=%220.8%22%20opacity=%220.25%22/%3E%3Cpolygon%20points=%22175,50%20195,100%20175,150%20155,100%22%20fill=%22none%22%20stroke=%22%23fff%22%20stroke-width=%220.8%22%20opacity=%220.3%22/%3E%3Ccircle%20cx=%22175%22%20cy=%22100%22%20r=%226%22%20fill=%22%23fff%22%20opacity=%220.35%22/%3E%3Ccircle%20cx=%22230%22%20cy=%2260%22%20r=%224%22%20fill=%22%2348c0e8%22%20opacity=%220.35%22/%3E%3Ccircle%20cx=%22110%22%20cy=%2250%22%20r=%223.5%22%20fill=%22%2348c0e8%22%20opacity=%220.3%22/%3E%3Ccircle%20cx=%22250%22%20cy=%22140%22%20r=%223%22%20fill=%22%2348c0e8%22%20opacity=%220.3%22/%3E%3Ccircle%20cx=%2295%22%20cy=%22150%22%20r=%223%22%20fill=%22%2348c0e8%22%20opacity=%220.25%22/%3E%3Ccircle%20cx=%22130%22%20cy=%2230%22%20r=%222.5%22%20fill=%22%23fff%22%20opacity=%220.3%22/%3E%3Ccircle%20cx=%22220%22%20cy=%22160%22%20r=%222.5%22%20fill=%22%23fff%22%20opacity=%220.25%22/%3E%3Ccircle%20cx=%22200%22%20cy=%2240%22%20r=%222.5%22%20fill=%22%23fff%22%20opacity=%220.25%22/%3E%3Cline%20x1=%2260%22%20y1=%22220%22%20x2=%2260%22%20y2=%22310%22%20stroke=%22%2348c0e8%22%20stroke-width=%223.5%22%20opacity=%220.35%22/%3E%3Cline%20x1=%2245%22%20y1=%22260%22%20x2=%2275%22%20y2=%22260%22%20stroke=%22%2348c0e8%22%20stroke-width=%224%22%20opacity=%220.35%22/%3E%3Crect%20x=%2255%22%20y=%22310%22%20width=%2210%22%20height=%2222%22%20rx=%222%22%20fill=%22%2348c0e8%22%20opacity=%220.25%22/%3E%3Cpath%20d=%22M270%20220%20Q290%20190%20310%20200%20Q295%20215%20310%20230%20Q290%20235%20270%20220%22%20fill=%22none%22%20stroke=%22%2348c0e8%22%20stroke-width=%221.5%22%20opacity=%220.3%22/%3E%3Cline%20x1=%22270%22%20y1=%22220%22%20x2=%22290%22%20y2=%22215%22%20stroke=%22%2348c0e8%22%20stroke-width=%220.8%22%20opacity=%220.25%22/%3E%3Cpolygon%20points=%22290,290%20300,305%20290,320%20280,305%22%20fill=%22none%22%20stroke=%22%2348c0e8%22%20stroke-width=%221.5%22%20opacity=%220.3%22/%3E%3Cpolygon%20points=%2250,60%2060,75%2050,90%2040,75%22%20fill=%22none%22%20stroke=%22%2348c0e8%22%20stroke-width=%221.5%22%20opacity=%220.25%22/%3E%3Ccircle%20cx=%22175%22%20cy=%22100%22%20r=%2255%22%20fill=%22none%22%20stroke=%22%2348c0e8%22%20stroke-width=%220.5%22%20opacity=%220.18%22/%3E%3Ccircle%20cx=%22175%22%20cy=%22100%22%20r=%2285%22%20fill=%22none%22%20stroke=%22%2348c0e8%22%20stroke-width=%220.4%22%20opacity=%220.12%22/%3E%3C/svg%3E");
}

/* ── Theme: Mario (NES sky blue + red + gold) ── */
[data-theme="mario"] {
  --bg: #5c94fc;
  --bg-card: #f8f8ff;
  --bg-input: #ffffff;
  --bg-header: #e52521;
  --bg-hover: #e8ecf8;
  --bg-btn: #e52521;
  --bg-btn-hover: #c41e1b;
  --bg-code: #f0f2fa;
  --bg-pre: #f5f6ff;
  --bg-th: #e0e4f0;
  --border: #c0c8e0;
  --border-light: #d8dce8;
  --text: #1a1a2e;
  --text-muted: #6a6a80;
  --text-label: #2a2a40;
  --accent: #f5a623;
  --accent-bg: #fff5e0;
  --green: #43a047;
  --green-hover: #388e3c;
  --green-bg: #43a047;
  --red: #e52521;
  --orange: #e67e22;
  --success: #43a047;
  --bg-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22350%22%20height=%22350%22%20viewBox=%220%200%20350%20350%22%3E%3Crect%20x=%2225%22%20y=%2235%22%20width=%2244%22%20height=%2234%22%20rx=%224%22%20fill=%22%23d4a060%22%20opacity=%220.35%22/%3E%3Cellipse%20cx=%2247%22%20cy=%2235%22%20rx=%2234%22%20ry=%2224%22%20fill=%22%23e52521%22%20opacity=%220.4%22/%3E%3Ccircle%20cx=%2233%22%20cy=%2226%22%20r=%226%22%20fill=%22%23fff%22%20opacity=%220.4%22/%3E%3Ccircle%20cx=%2258%22%20cy=%2222%22%20r=%225%22%20fill=%22%23fff%22%20opacity=%220.4%22/%3E%3Ccircle%20cx=%2246%22%20cy=%2214%22%20r=%224%22%20fill=%22%23fff%22%20opacity=%220.3%22/%3E%3Cpolygon%20points=%22280,35%20285,52%20302,52%20289,62%20294,80%20280,68%20266,80%20271,62%20258,52%20275,52%22%20fill=%22%23f5a623%22%20opacity=%220.4%22/%3E%3Ccircle%20cx=%2255%22%20cy=%22270%22%20r=%2222%22%20fill=%22%23f5a623%22%20opacity=%220.3%22/%3E%3Ccircle%20cx=%2255%22%20cy=%22270%22%20r=%2214%22%20fill=%22none%22%20stroke=%22%23f5a623%22%20stroke-width=%222%22%20opacity=%220.3%22/%3E%3Ctext%20x=%2247%22%20y=%22277%22%20font-size=%2216%22%20fill=%22%23f5a623%22%20opacity=%220.3%22%20font-family=%22sans-serif%22%20font-weight=%22bold%22%3E$%3C/text%3E%3Crect%20x=%22250%22%20y=%22225%22%20width=%2248%22%20height=%2248%22%20rx=%224%22%20fill=%22%23f5a623%22%20opacity=%220.35%22/%3E%3Crect%20x=%22250%22%20y=%22225%22%20width=%2248%22%20height=%2248%22%20rx=%224%22%20fill=%22none%22%20stroke=%22%23e52521%22%20stroke-width=%222%22%20opacity=%220.3%22/%3E%3Ctext%20x=%22261%22%20y=%22258%22%20font-size=%2226%22%20fill=%22%23e52521%22%20opacity=%220.35%22%20font-family=%22sans-serif%22%20font-weight=%22bold%22%3E?%3C/text%3E%3Ccircle%20cx=%22175%22%20cy=%22170%22%20r=%2218%22%20fill=%22%23e52521%22%20opacity=%220.18%22/%3E%3Ccircle%20cx=%22175%22%20cy=%22170%22%20r=%2210%22%20fill=%22%23f5a623%22%20opacity=%220.22%22/%3E%3Ccircle%20cx=%22175%22%20cy=%22170%22%20r=%225%22%20fill=%22%23fff%22%20opacity=%220.22%22/%3E%3Ccircle%20cx=%22125%22%20cy=%2280%22%20r=%228%22%20fill=%22%23f5a623%22%20opacity=%220.22%22/%3E%3Ccircle%20cx=%22300%22%20cy=%22310%22%20r=%228%22%20fill=%22%23f5a623%22%20opacity=%220.18%22/%3E%3Ccircle%20cx=%22285%22%20cy=%2240%22%20r=%226%22%20fill=%22%23f5a623%22%20opacity=%220.18%22/%3E%3Crect%20x=%22100%22%20y=%22290%22%20width=%2234%22%20height=%2218%22%20rx=%222%22%20fill=%22none%22%20stroke=%22%23e52521%22%20stroke-width=%220.8%22%20opacity=%220.22%22/%3E%3Crect%20x=%22136%22%20y=%22290%22%20width=%2234%22%20height=%2218%22%20rx=%222%22%20fill=%22none%22%20stroke=%22%23e52521%22%20stroke-width=%220.8%22%20opacity=%220.22%22/%3E%3Cellipse%20cx=%22150%22%20cy=%2228%22%20rx=%2228%22%20ry=%2212%22%20fill=%22%23fff%22%20opacity=%220.18%22/%3E%3Cellipse%20cx=%22168%22%20cy=%2222%22%20rx=%2220%22%20ry=%229%22%20fill=%22%23fff%22%20opacity=%220.18%22/%3E%3C/svg%3E");
}

/* ── Theme: Resident Evil (survival horror dark + blood red) ── */
[data-theme="residentevil"] {
  --bg: #0d0d0a;
  --bg-card: #151510;
  --bg-input: #0f0f0c;
  --bg-header: #1a1a14;
  --bg-hover: #1e1e18;
  --bg-btn: #1e1e18;
  --bg-btn-hover: #2a2a22;
  --bg-code: #12120e;
  --bg-pre: #0a0a08;
  --bg-th: #181812;
  --border: #2a2a20;
  --border-light: #1e1e16;
  --text: #d4c8a0;
  --text-muted: #6a6040;
  --text-label: #b0a880;
  --accent: #c0392b;
  --accent-bg: #c0392b20;
  --green: #5a8a3c;
  --green-hover: #4a7a2c;
  --green-bg: #5a8a3c;
  --red: #c0392b;
  --orange: #a08030;
  --success: #5a8a3c;
  --bg-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22350%22%20height=%22350%22%20viewBox=%220%200%20350%20350%22%3E%3Ccircle%20cx=%22175%22%20cy=%22160%22%20r=%2260%22%20fill=%22none%22%20stroke=%22%23c0392b%22%20stroke-width=%221.5%22%20opacity=%220.3%22/%3E%3Ccircle%20cx=%22175%22%20cy=%22160%22%20r=%2238%22%20fill=%22none%22%20stroke=%22%23c0392b%22%20stroke-width=%221%22%20opacity=%220.22%22/%3E%3Cpath%20d=%22M175%20108%20Q202%20130%20192%20158%20Q180%20142%20175%20142%20Q168%20142%20158%20158%20Q148%20130%20175%20108%22%20fill=%22none%22%20stroke=%22%23c0392b%22%20stroke-width=%221.5%22%20opacity=%220.22%22/%3E%3Cpath%20d=%22M212%20172%20Q196%20188%20180%20178%20Q196%20168%20212%20172%22%20fill=%22none%22%20stroke=%22%23c0392b%22%20stroke-width=%221.5%22%20opacity=%220.22%22/%3E%3Cpath%20d=%22M138%20172%20Q154%20188%20170%20178%20Q154%20168%20138%20172%22%20fill=%22none%22%20stroke=%22%23c0392b%22%20stroke-width=%221.5%22%20opacity=%220.22%22/%3E%3Cpath%20d=%22M175%20212%20Q154%20196%20158%20175%20Q168%20186%20175%20186%20Q184%20186%20192%20175%20Q198%20196%20175%20212%22%20fill=%22none%22%20stroke=%22%23c0392b%22%20stroke-width=%221.5%22%20opacity=%220.22%22/%3E%3Ccircle%20cx=%22290%22%20cy=%2280%22%20r=%2232%22%20fill=%22none%22%20stroke=%22%23c0392b%22%20stroke-width=%221%22%20opacity=%220.22%22/%3E%3Cline%20x1=%22258%22%20y1=%2280%22%20x2=%22272%22%20y2=%2280%22%20stroke=%22%23c0392b%22%20stroke-width=%221%22%20opacity=%220.22%22/%3E%3Cline%20x1=%22308%22%20y1=%2280%22%20x2=%22322%22%20y2=%2280%22%20stroke=%22%23c0392b%22%20stroke-width=%221%22%20opacity=%220.22%22/%3E%3Cline%20x1=%22290%22%20y1=%2248%22%20x2=%22290%22%20y2=%2262%22%20stroke=%22%23c0392b%22%20stroke-width=%221%22%20opacity=%220.22%22/%3E%3Cline%20x1=%22290%22%20y1=%2298%22%20x2=%22290%22%20y2=%22112%22%20stroke=%22%23c0392b%22%20stroke-width=%221%22%20opacity=%220.22%22/%3E%3Ccircle%20cx=%22290%22%20cy=%2280%22%20r=%224%22%20fill=%22%23c0392b%22%20opacity=%220.3%22/%3E%3Cpolygon%20points=%2288,272%20110,238%20132,250%20122,282%20100,294%22%20fill=%22none%22%20stroke=%22%23c0392b%22%20stroke-width=%221.5%22%20opacity=%220.22%22/%3E%3Cpolygon%20points=%22110,238%20132,250%20122,282%22%20fill=%22%23c0392b%22%20opacity=%220.12%22/%3E%3Cline%20x1=%22110%22%20y1=%22238%22%20x2=%22110%22%20y2=%22205%22%20stroke=%22%23c0392b%22%20stroke-width=%221.5%22%20opacity=%220.18%22/%3E%3Cpath%20d=%22M38%20100%20Q38%20118%2032%20124%20Q26%20118%2026%20100%20Q32%2088%2038%20100%22%20fill=%22%23c0392b%22%20opacity=%220.18%22/%3E%3Cpath%20d=%22M322%20260%20Q322%20278%20316%20284%20Q310%20278%20310%20260%20Q316%20248%20322%20260%22%20fill=%22%23c0392b%22%20opacity=%220.18%22/%3E%3Cpath%20d=%22M55%20312%20Q55%20324%2052%20328%20Q49%20324%2049%20312%20Q52%20305%2055%20312%22%20fill=%22%23c0392b%22%20opacity=%220.15%22/%3E%3Crect%20x=%22100%22%20y=%2215%22%20width=%22160%22%20height=%2214%22%20fill=%22none%22%20stroke=%22%23a08030%22%20stroke-width=%220.8%22%20opacity=%220.18%22/%3E%3Cline%20x1=%22120%22%20y1=%2215%22%20x2=%22120%22%20y2=%2229%22%20stroke=%22%23a08030%22%20stroke-width=%220.5%22%20opacity=%220.18%22/%3E%3Cline%20x1=%22150%22%20y1=%2215%22%20x2=%22150%22%20y2=%2229%22%20stroke=%22%23a08030%22%20stroke-width=%220.5%22%20opacity=%220.18%22/%3E%3Cline%20x1=%22180%22%20y1=%2215%22%20x2=%22180%22%20y2=%2229%22%20stroke=%22%23a08030%22%20stroke-width=%220.5%22%20opacity=%220.18%22/%3E%3Cline%20x1=%22210%22%20y1=%2215%22%20x2=%22210%22%20y2=%2229%22%20stroke=%22%23a08030%22%20stroke-width=%220.5%22%20opacity=%220.18%22/%3E%3Cpath%20d=%22M30%20220%20Q42%20198%2054%20210%20Q48%20222%2058%20228%20Q48%20234%2054%20246%20Q42%20240%2036%20250%20Q30%20238%2030%20220%22%20fill=%22%235a8a3c%22%20opacity=%220.18%22/%3E%3C/svg%3E");
}

/* ── Background image overlay (visible when html does NOT have .bg-hidden) ── */
html:not(.bg-hidden) body {
  background-image: var(--bg-image);
  background-repeat: repeat;
  background-attachment: fixed;
}