:root{--bg:#ece2d6;--card:#f7f0e6;--tx:#2a2018;--mut:#62503f;--act:#a2415a;--bd:#d9c9b6}
@media (prefers-color-scheme:dark){:root{--bg:#17120e;--card:#221a14;--tx:#f0e6da;--mut:#a39080;--act:#e08a98;--bd:#3a2e24}}
body{margin:0;background:var(--bg);color:var(--tx);font:16px/1.7 "Comfortaa",system-ui,sans-serif}
main{max-width:720px;margin:auto;padding:24px 18px 60px}
h1{font:400 44px/1.1 "Marck Script",cursive;margin:10px 0 4px}h2{font-size:18px;margin:28px 0 6px}
p,li{color:var(--tx)}.mut{color:var(--mut);font-size:14px}a{color:var(--act);font-weight:600}
mark{background:#ffe08a;color:#2a2018;padding:0 4px;border-radius:4px}
a:focus-visible{outline:3px solid var(--act);outline-offset:2px}