/* sweet.css – giao diện ngọt ngào cho 5 trang môn: bảng màu hồng phấn (mặc định) / oải hương / đại dương (bản gốc, không ghi đè).
   Chọn bảng màu bằng thuộc tính <html data-palette>, nút 🎨 ở thanh trên (sweet.js). Token trùng tên với style.css nên chỉ cần ghi đè token. */
/* ---- bảng màu (sinh tự động) ---- */
html[data-palette="rose"]{color-scheme:light;--bg:#FFF5F8;--card:#FFFFFF;--sunk:#FDEAF0;--border:#F2CBD8;--ink:#3A1A2D;--muted:#7A5468;--faint:#9A7B8C;--coffee:#C2416B;--coffee-dark:#9C2C52;--espresso:#4A1D36;--caramel:#D6A07F;--cream:#FDEAF0;--ocean:#D2527A;--ocean-d:#A5325A;--sky:#F7A8C0;--aqua:#C8A8F0;--gold:#C9967A;--gold-s:#FAE8DE;--gold-d:#8A5638;--sea-a:#5E1B45;--sea-b:#C2416B;--sea-c:#E2789B;--accent:#C2416B;--accent-dark:#9C2C52;--accent-soft:#FDE3EB;--on-accent:#FFFFFF;--hero-a:#5E1B45;--hero-b:#C2416B;--hero-gold:#FFE0C8;--ok:#17714A;--ok-soft:#DDF3E8;--bad:#B02537;--bad-soft:#FCE4E6;--warn:#8E5013;--warn-soft:#FCEBD8;--lv1:#17714A;--lv1-soft:#DDF3E8;--lv2:#6F5BD0;--lv2-soft:#ECE8FB;--lv3:#C9701C;--lv3-soft:#FBEBD6;--lv4:#C2416B;--lv4-soft:#FCE3EB;--on:#6A4FC0;--on-s:#EDE7FB;--off:#8A5638;--off-s:#FAE8DE;--chn:#C93C65;--chn-d:#9E2A4C;--chn-s:#FDE3EA;--chn-1:#6E1F3A;--chn-2:#D4507A;--eng:#5B6FD1;--eng-d:#3F51B0;--eng-s:#E6EAFB;--eng-1:#26327A;--eng-2:#6C7FE0;--ssa:#25796F;--ssa-d:#1B5C54;--ssa-s:#DDF2EE;--ssa-1:#0F3F3A;--ssa-2:#2FA396;--enp:#7A55C0;--enp-d:#5B3A9E;--enp-s:#EDE6FA;--enp-1:#3A2273;--enp-2:#8F68DA;--ecr:#B4523E;--ecr-d:#8C3A28;--ecr-s:#FBE6DF;--ecr-1:#6A2A1C;--ecr-2:#E0805F;--shadow:0 10px 30px rgba(194,65,107,.13);--shadow-lg:0 24px 60px rgba(94,27,69,.30)}
@media (prefers-color-scheme:dark){html[data-palette="rose"]:not([data-theme="light"]){color-scheme:dark;--bg:#1B0F1E;--card:#27152B;--sunk:#321A38;--border:#4B2B54;--ink:#FBEAF2;--muted:#D3AABF;--faint:#A98199;--coffee:#FF8FB1;--coffee-dark:#FFB8CF;--espresso:#FBEAF2;--caramel:#E4B29A;--cream:#321A38;--ocean:#FF8FB1;--ocean-d:#FFB8CF;--sky:#F7A8C0;--aqua:#C8A8F0;--gold:#E6B8A0;--gold-s:#3E2A22;--gold-d:#F0CDB8;--sea-a:#3A1240;--sea-b:#A83A6E;--sea-c:#D56A92;--accent:#FF8FB1;--accent-dark:#FFB8CF;--accent-soft:#3A1830;--on-accent:#3B0A20;--hero-a:#3A1240;--hero-b:#A83A6E;--hero-gold:#FFD9BF;--ok:#6BD6A0;--ok-soft:#10301F;--bad:#FF9AA5;--bad-soft:#3E1B22;--warn:#F0BC6A;--warn-soft:#38290F;--lv1:#6BD6A0;--lv1-soft:#10301F;--lv2:#B3A4FF;--lv2-soft:#26204D;--lv3:#F0BC6A;--lv3-soft:#38290F;--lv4:#FF8FB1;--lv4-soft:#3A1830;--on:#C4B5FF;--on-s:#2A2150;--off:#F0CDB8;--off-s:#3E2A22;--chn:#FF8FA8;--chn-d:#FFB3C3;--chn-s:#3E1824;--chn-1:#5A1A30;--chn-2:#B83D62;--eng:#9FB0FF;--eng-d:#BFCBFF;--eng-s:#1F2550;--eng-1:#2B3585;--eng-2:#5368D8;--ssa:#6EDBC9;--ssa-d:#9BEADC;--ssa-s:#0E3330;--ssa-1:#0D4A44;--ssa-2:#1E9A8A;--enp:#BFA2FF;--enp-d:#D5C2FF;--enp-s:#2A1F50;--enp-1:#3A2480;--enp-2:#7A55D0;--ecr:#FF9E88;--ecr-d:#FFC0B0;--ecr-s:#3E1E16;--ecr-1:#6A2A1C;--ecr-2:#C0603F;--shadow:0 10px 30px rgba(0,0,0,.40);--shadow-lg:0 24px 60px rgba(0,0,0,.55)}}
html[data-palette="rose"][data-theme="dark"]{color-scheme:dark;--bg:#1B0F1E;--card:#27152B;--sunk:#321A38;--border:#4B2B54;--ink:#FBEAF2;--muted:#D3AABF;--faint:#A98199;--coffee:#FF8FB1;--coffee-dark:#FFB8CF;--espresso:#FBEAF2;--caramel:#E4B29A;--cream:#321A38;--ocean:#FF8FB1;--ocean-d:#FFB8CF;--sky:#F7A8C0;--aqua:#C8A8F0;--gold:#E6B8A0;--gold-s:#3E2A22;--gold-d:#F0CDB8;--sea-a:#3A1240;--sea-b:#A83A6E;--sea-c:#D56A92;--accent:#FF8FB1;--accent-dark:#FFB8CF;--accent-soft:#3A1830;--on-accent:#3B0A20;--hero-a:#3A1240;--hero-b:#A83A6E;--hero-gold:#FFD9BF;--ok:#6BD6A0;--ok-soft:#10301F;--bad:#FF9AA5;--bad-soft:#3E1B22;--warn:#F0BC6A;--warn-soft:#38290F;--lv1:#6BD6A0;--lv1-soft:#10301F;--lv2:#B3A4FF;--lv2-soft:#26204D;--lv3:#F0BC6A;--lv3-soft:#38290F;--lv4:#FF8FB1;--lv4-soft:#3A1830;--on:#C4B5FF;--on-s:#2A2150;--off:#F0CDB8;--off-s:#3E2A22;--chn:#FF8FA8;--chn-d:#FFB3C3;--chn-s:#3E1824;--chn-1:#5A1A30;--chn-2:#B83D62;--eng:#9FB0FF;--eng-d:#BFCBFF;--eng-s:#1F2550;--eng-1:#2B3585;--eng-2:#5368D8;--ssa:#6EDBC9;--ssa-d:#9BEADC;--ssa-s:#0E3330;--ssa-1:#0D4A44;--ssa-2:#1E9A8A;--enp:#BFA2FF;--enp-d:#D5C2FF;--enp-s:#2A1F50;--enp-1:#3A2480;--enp-2:#7A55D0;--ecr:#FF9E88;--ecr-d:#FFC0B0;--ecr-s:#3E1E16;--ecr-1:#6A2A1C;--ecr-2:#C0603F;--shadow:0 10px 30px rgba(0,0,0,.40);--shadow-lg:0 24px 60px rgba(0,0,0,.55)}
html[data-palette="lav"]{color-scheme:light;--bg:#F8F5FF;--card:#FFFFFF;--sunk:#EFE9FC;--border:#DCD0F3;--ink:#2A1F47;--muted:#62578A;--faint:#8478A8;--coffee:#7A55C0;--coffee-dark:#5B3A9E;--espresso:#2F1D63;--caramel:#D8B67C;--cream:#EFE9FC;--ocean:#8A63D2;--ocean-d:#6741AC;--sky:#C9B5F5;--aqua:#F2A9C8;--gold:#C9A66B;--gold-s:#F6EBD2;--gold-d:#7E6128;--sea-a:#2F1D63;--sea-b:#7A55C0;--sea-c:#A98BE0;--accent:#7A55C0;--accent-dark:#5B3A9E;--accent-soft:#EDE6FA;--on-accent:#FFFFFF;--hero-a:#2F1D63;--hero-b:#7A55C0;--hero-gold:#F3E3BC;--ok:#17714A;--ok-soft:#DDF3E8;--bad:#B02537;--bad-soft:#FCE4E6;--warn:#8E5013;--warn-soft:#FCEBD8;--lv1:#17714A;--lv1-soft:#DDF3E8;--lv2:#5B6FD1;--lv2-soft:#E6EAFB;--lv3:#C9701C;--lv3-soft:#FBEBD6;--lv4:#C2416B;--lv4-soft:#FCE3EB;--on:#4556B5;--on-s:#E6EAFB;--off:#7E6128;--off-s:#F6EBD2;--chn:#C93C65;--chn-d:#9E2A4C;--chn-s:#FDE3EA;--chn-1:#6E1F3A;--chn-2:#D4507A;--eng:#5B6FD1;--eng-d:#3F51B0;--eng-s:#E6EAFB;--eng-1:#26327A;--eng-2:#6C7FE0;--ssa:#25796F;--ssa-d:#1B5C54;--ssa-s:#DDF2EE;--ssa-1:#0F3F3A;--ssa-2:#2FA396;--enp:#7A55C0;--enp-d:#5B3A9E;--enp-s:#EDE6FA;--enp-1:#3A2273;--enp-2:#8F68DA;--ecr:#B4523E;--ecr-d:#8C3A28;--ecr-s:#FBE6DF;--ecr-1:#6A2A1C;--ecr-2:#E0805F;--shadow:0 10px 30px rgba(122,85,192,.14);--shadow-lg:0 24px 60px rgba(47,29,99,.30)}
@media (prefers-color-scheme:dark){html[data-palette="lav"]:not([data-theme="light"]){color-scheme:dark;--bg:#14102A;--card:#1E1840;--sunk:#292152;--border:#3E3478;--ink:#EFEAFF;--muted:#BDB2E6;--faint:#9186C4;--coffee:#B79CFF;--coffee-dark:#D2C2FF;--espresso:#EFEAFF;--caramel:#E0C48C;--cream:#292152;--ocean:#B79CFF;--ocean-d:#D2C2FF;--sky:#C9B5F5;--aqua:#F2A9C8;--gold:#E0C48C;--gold-s:#3A3020;--gold-d:#EDD9AE;--sea-a:#241552;--sea-b:#6A45B8;--sea-c:#9378DA;--accent:#B79CFF;--accent-dark:#D2C2FF;--accent-soft:#2A2052;--on-accent:#1E1040;--hero-a:#241552;--hero-b:#6A45B8;--hero-gold:#F3E3BC;--ok:#6BD6A0;--ok-soft:#10301F;--bad:#FF9AA5;--bad-soft:#3E1B22;--warn:#F0BC6A;--warn-soft:#38290F;--lv1:#6BD6A0;--lv1-soft:#10301F;--lv2:#9FB0FF;--lv2-soft:#1F2550;--lv3:#F0BC6A;--lv3-soft:#38290F;--lv4:#FF8FB1;--lv4-soft:#3A1830;--on:#9FB0FF;--on-s:#1F2550;--off:#EDD9AE;--off-s:#3A3020;--chn:#FF8FA8;--chn-d:#FFB3C3;--chn-s:#3E1824;--chn-1:#5A1A30;--chn-2:#B83D62;--eng:#9FB0FF;--eng-d:#BFCBFF;--eng-s:#1F2550;--eng-1:#2B3585;--eng-2:#5368D8;--ssa:#6EDBC9;--ssa-d:#9BEADC;--ssa-s:#0E3330;--ssa-1:#0D4A44;--ssa-2:#1E9A8A;--enp:#BFA2FF;--enp-d:#D5C2FF;--enp-s:#2A1F50;--enp-1:#3A2480;--enp-2:#7A55D0;--ecr:#FF9E88;--ecr-d:#FFC0B0;--ecr-s:#3E1E16;--ecr-1:#6A2A1C;--ecr-2:#C0603F;--shadow:0 10px 30px rgba(0,0,0,.40);--shadow-lg:0 24px 60px rgba(0,0,0,.55)}}
html[data-palette="lav"][data-theme="dark"]{color-scheme:dark;--bg:#14102A;--card:#1E1840;--sunk:#292152;--border:#3E3478;--ink:#EFEAFF;--muted:#BDB2E6;--faint:#9186C4;--coffee:#B79CFF;--coffee-dark:#D2C2FF;--espresso:#EFEAFF;--caramel:#E0C48C;--cream:#292152;--ocean:#B79CFF;--ocean-d:#D2C2FF;--sky:#C9B5F5;--aqua:#F2A9C8;--gold:#E0C48C;--gold-s:#3A3020;--gold-d:#EDD9AE;--sea-a:#241552;--sea-b:#6A45B8;--sea-c:#9378DA;--accent:#B79CFF;--accent-dark:#D2C2FF;--accent-soft:#2A2052;--on-accent:#1E1040;--hero-a:#241552;--hero-b:#6A45B8;--hero-gold:#F3E3BC;--ok:#6BD6A0;--ok-soft:#10301F;--bad:#FF9AA5;--bad-soft:#3E1B22;--warn:#F0BC6A;--warn-soft:#38290F;--lv1:#6BD6A0;--lv1-soft:#10301F;--lv2:#9FB0FF;--lv2-soft:#1F2550;--lv3:#F0BC6A;--lv3-soft:#38290F;--lv4:#FF8FB1;--lv4-soft:#3A1830;--on:#9FB0FF;--on-s:#1F2550;--off:#EDD9AE;--off-s:#3A3020;--chn:#FF8FA8;--chn-d:#FFB3C3;--chn-s:#3E1824;--chn-1:#5A1A30;--chn-2:#B83D62;--eng:#9FB0FF;--eng-d:#BFCBFF;--eng-s:#1F2550;--eng-1:#2B3585;--eng-2:#5368D8;--ssa:#6EDBC9;--ssa-d:#9BEADC;--ssa-s:#0E3330;--ssa-1:#0D4A44;--ssa-2:#1E9A8A;--enp:#BFA2FF;--enp-d:#D5C2FF;--enp-s:#2A1F50;--enp-1:#3A2480;--enp-2:#7A55D0;--ecr:#FF9E88;--ecr-d:#FFC0B0;--ecr-s:#3E1E16;--ecr-1:#6A2A1C;--ecr-2:#C0603F;--shadow:0 10px 30px rgba(0,0,0,.40);--shadow-lg:0 24px 60px rgba(0,0,0,.55)}

/* ---------- chi tiết ngọt ngào (dùng chung) ---------- */
html{--script:"Dancing Script","Be Vietnam Pro",cursive}
/* nút đổi bảng màu 🎨 + bảng chọn */
.sw-pal{position:relative;display:inline-flex}
.sw-pal-btn{font:inherit;cursor:pointer}
.sw-menu{position:absolute;z-index:9000;right:0;top:calc(100% + 8px);min-width:236px;padding:10px;border-radius:18px;background:var(--card);color:var(--ink,var(--text));border:1px solid var(--border,var(--line));box-shadow:0 18px 44px rgba(60,20,50,.28);display:grid;gap:4px}
.sw-menu[hidden]{display:none}
.sw-menu h6{margin:2px 6px 4px;font:700 11.5px/1.2 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.sw-menu button{font:600 14px/1.2 var(--ui,system-ui);display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:10px 12px;border-radius:12px;border:1px solid transparent;background:transparent;color:inherit;cursor:pointer}
.sw-menu button:hover{background:var(--accent-soft,var(--soft))}
.sw-menu button[aria-pressed="true"]{border-color:var(--accent,var(--brand));background:var(--accent-soft,var(--soft))}
.sw-menu .sw-sw{width:18px;height:18px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 2px rgba(255,255,255,.6)}
.sw-menu .sw-sep{height:1px;background:var(--border,var(--line));margin:4px 4px}
.sw-menu .vi,.sw-menu .en{display:inline}
.sw-menu .en{display:none}html[data-lang="en"] .sw-menu .vi{display:none}html[data-lang="en"] .sw-menu .en{display:inline}
html[data-lang="bi"] .sw-menu .en{display:inline;margin-left:4px;font-weight:500;opacity:.75}html[data-lang="bi"] .sw-menu .en::before{content:"/ "}
/* lời động viên nổi lên khi làm bài */
.sw-toast{position:fixed;z-index:9500;left:50%;bottom:26px;transform:translate(-50%,20px);opacity:0;padding:12px 20px;border-radius:999px;background:linear-gradient(135deg,var(--accent,var(--brand)),var(--accent-dark,var(--brand-dark)));color:var(--on-accent,#fff);font:700 15px/1.3 var(--ui,system-ui);box-shadow:0 14px 34px rgba(80,20,60,.38);pointer-events:none;transition:opacity .25s,transform .25s;max-width:min(92vw,460px);text-align:center}
.sw-toast.on{opacity:1;transform:translate(-50%,0)}
.sw-toast small{display:block;font-weight:500;opacity:.85;font-size:12.5px;margin-top:2px}
.sw-fx{position:fixed;inset:0;width:100%;height:100%;z-index:9400;pointer-events:none}
@media (prefers-reduced-motion:reduce){.sw-toast{transition:none}}
/* mềm mại hơn cho hai bảng màu ngọt ngào (hồng phấn, oải hương); bảng "Đại dương" giữ nguyên */
:is(html[data-palette="rose"],html[data-palette="lav"]) .btn{border-radius:999px}
:is(html[data-palette="rose"],html[data-palette="lav"]) .chip,:is(html[data-palette="rose"],html[data-palette="lav"]) .tag{border-radius:999px}
:is(html[data-palette="rose"],html[data-palette="lav"]) .card{border-radius:26px}
:is(html[data-palette="rose"],html[data-palette="lav"]) ::selection{background:color-mix(in srgb,var(--accent,var(--brand)) 26%,transparent)}
:is(html[data-palette="rose"],html[data-palette="lav"]) body{background:
  radial-gradient(900px 480px at 92% -6%,color-mix(in srgb,var(--sky) 38%,transparent),transparent 62%),
  radial-gradient(800px 520px at -8% 6%,color-mix(in srgb,var(--aqua) 24%,transparent),transparent 62%),
  radial-gradient(700px 420px at 50% 108%,color-mix(in srgb,var(--sky) 20%,transparent),transparent 60%),var(--bg)}
/* bản đồ sao: nền sân khấu đổi theo bảng màu */
html[data-palette="rose"] .kg-stage{background:radial-gradient(ellipse at 50% 45%,#3a1550 0%,#1b0b2e 52%,#07030f 100%)}
html[data-palette="lav"] .kg-stage{background:radial-gradient(ellipse at 50% 45%,#2c2468 0%,#150f3a 52%,#05030f 100%)}
:is(html[data-palette="rose"],html[data-palette="lav"]) .hero:before{opacity:.9}
/* tab đang chọn và nút nổi Mục lục: hồng thay vì xanh */
:is(html[data-palette="rose"],html[data-palette="lav"]) .toc-fab{background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:var(--on-accent)}
:is(html[data-palette="rose"],html[data-palette="lav"]) .toc-jump a:hover{color:var(--accent-dark)}