@font-face{font-family:'Fredoka';font-style:normal;font-weight:300 700;font-display:swap;src:url(fonts/fredoka.woff2) format('woff2')}
:root{--bg:#cfe3b4;--card:#fff6d6;--ink:#2a1f14;--line:#2a1f14;--soft:#6a5638;--forest:#1e3a2b;--butter:#ffd35a;color-scheme:light;box-sizing:border-box}
@media (prefers-color-scheme:dark){:root{--bg:#14241b;--card:#22382b;--ink:#f4ead0;--line:#0b130e;--soft:#c9bb95;color-scheme:dark}}
*,*::before,*::after{box-sizing:inherit}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Fredoka","Trebuchet MS",system-ui,sans-serif;font-size:17px;line-height:1.6}
header{background:var(--forest);color:#fff6d6;border-bottom:4px solid var(--line);padding:18px}
header a{color:var(--butter);font-weight:600}
main{max-width:820px;margin:28px auto;padding:24px 26px;background:var(--card);border:3px solid var(--line);border-radius:18px;box-shadow:6px 6px 0 var(--line)}
@media (max-width:600px){main{margin:16px 10px;padding:18px 16px}}
h1{font-size:28px;line-height:1.2;margin:0 0 6px}h2{font-size:21px;margin:26px 0 6px}
.maj{color:var(--soft);margin:0 0 18px}
.todo{background:var(--butter);color:#2a1f14;border-radius:6px;padding:0 4px}
a{color:inherit}
footer{text-align:center;padding:10px 16px 32px;font-size:14px}
footer a{margin:0 8px;font-weight:600}