@font-face{font-family:"Fredoka";src:url(fonts/fredoka-sub.woff2) format("woff2");font-weight:300 700;font-display:swap}
@font-face{font-family:"Inter";src:url(fonts/inter-sub.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{--paper:#FBF7EF;--card:#fff;--ink:#1B2A41;--muted:#5B6577;--line:#E9E1D0;--coral:#FF5A3C;--edge:#C93D24;--blue:#3FA7D6;--link:#17689A;--sage:#CFE3C5;--display:"Fredoka",ui-rounded,system-ui,sans-serif;--body:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 var(--body)}
a{color:var(--link);text-underline-offset:2px}
:focus-visible{outline:3px solid #2563eb;outline-offset:2px;border-radius:6px}
.skip{position:absolute;left:8px;top:-60px;background:var(--ink);color:#fff;padding:8px 12px;border-radius:8px}.skip:focus{top:8px}
.top{border-bottom:1px solid var(--line)}.top .in{max-width:760px;margin:0 auto;height:64px;padding:0 16px;display:flex;align-items:center;justify-content:space-between}
.top img{height:30px;width:auto;display:block}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:16px;background:var(--coral);color:var(--ink);font:600 18px var(--display);text-decoration:none;box-shadow:0 3px 0 var(--edge);transition:transform .1s,box-shadow .1s}
.btn:hover{background:#FF6B4F}.btn:active{transform:translateY(3px);box-shadow:none}
main{max-width:760px;margin:0 auto;padding:28px 16px 40px}
h1{font-family:var(--display);font-weight:700;font-size:clamp(34px,7vw,48px);letter-spacing:-.01em;line-height:1.08;margin:0 0 12px}
h2{font-family:var(--display);font-weight:600;font-size:24px;margin:30px 0 6px}
.lead{font-size:19px;color:var(--muted);margin-top:0}
.card{background:var(--card);border-radius:18px;padding:16px 18px;box-shadow:0 1px 2px #1b2a4114,0 8px 24px #1b2a4110;margin:14px 0}
code{background:#F1EADB;border-radius:6px;padding:1px 6px;font-size:15px}
footer{border-top:1px solid var(--line);margin-top:20px}footer .in{max-width:760px;margin:0 auto;padding:18px 16px 30px;font-size:14px;color:var(--muted)}
footer nav{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:6px}footer nav a{color:var(--ink);font-weight:600;text-decoration:none;padding:6px 0}footer nav a:hover{text-decoration:underline}
.week{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;text-align:center;font-size:13px;margin:10px 0}.week div{background:#F1EADB;border-radius:10px;padding:8px 2px;line-height:1.25}.week b{display:block;font-family:var(--display);font-weight:600}