body { font-family: "Nunito", "Segoe UI", system-ui, sans-serif; background: #f6effa; color: #3b2a4f; margin: 0; line-height: 1.6; }
main { max-width: 820px; margin: 0 auto; padding: 32px 20px 60px; }
.card { background: #fff; border-radius: 22px; padding: 28px 32px; box-shadow: 0 10px 30px rgba(120,80,160,0.12); }
h1 { margin-top: 0; color: #8e6be0; } h2 { margin-top: 28px; font-size: 20px; color: #e0577f; }
a { color: #8e6be0; } .back { display: inline-block; margin-bottom: 16px; font-weight: 800; }
.todo { background: #fff3c4; border-radius: 8px; padding: 2px 6px; font-weight: 800; }
.nav { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 20px; font-weight: 700; }
small { color: #6b5a80; }