:root{--surface-100:#fbf6ee;--surface-200:#f1e6d5;--sand:#e9dcc7;--ink:#2b211a;--ink-muted:#6b5d50;--line:#8c7b6b;--brand:#b5532f;--on-brand:#fff;--brand-deep:#7a2e14;--olive:#5e6b3a;--honey:#e8b04b;--focus:#7a2e14;--danger:#a1241b;--space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2rem;--space-6:3rem;--space-8:4rem;--radius-sm:8px;--radius-md:14px;--radius-lg:24px;--radius-pill:999px;--font-display:var(--font-rubik), "Rubik", var(--font-assistant), "Assistant", system-ui, sans-serif;--font-sans:var(--font-assistant), "Assistant", var(--font-rubik), "Rubik", system-ui, sans-serif;--text-display-size:3rem;--text-display-line:3.5rem;--text-h1-size:2.25rem;--text-h1-line:2.75rem;--text-h2-size:1.75rem;--text-h2-line:2.25rem;--text-h3-size:1.375rem;--text-h3-line:1.875rem;--text-body-lg-size:1.25rem;--text-body-lg-line:2rem;--text-body-size:1.125rem;--text-body-line:1.8125rem;--text-small-size:1rem;--text-small-line:1.5rem;--text-button-size:1.25rem;--text-button-line:1.5rem;--width-text:42.5rem;--width-wide:65rem;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--surface-100:#1e1915;--surface-200:#2a231d;--sand:#4a3b2f;--ink:#f4ece1;--ink-muted:#bdae9e;--line:#7d6e60;--brand:#e58a63;--on-brand:#1e1915;--brand-deep:#f2b08f;--olive:#a9b77e;--honey:#e8b04b;--focus:#f2c46b;--danger:#f28b7d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}
:root{--gutter:min(var(--space-3), 6.4vw);--gutter-sm:min(var(--space-2), 4.3vw);--wa-bar-height:max(56px, calc(var(--text-button-line) + 2 * var(--space-1)))}*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%;direction:rtl}body{background:var(--surface-100);min-height:100vh;color:var(--ink);font-family:var(--font-sans);font-size:var(--text-body-size);line-height:var(--text-body-line);overflow-wrap:break-word;margin:0;font-weight:400}h1,h2,h3,p,ul,ol,figure,fieldset{margin:0}h1,h2,h3{font-family:var(--font-display);color:var(--ink)}ul,ol{padding:0}img,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}a{color:var(--brand);text-underline-offset:.2em;text-decoration-thickness:2px;transition:color .15s}a:hover{color:var(--brand-deep)}@media (max-width:25rem){body{padding-bottom:calc(var(--wa-bar-height) + env(safe-area-inset-bottom,0px))}}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.text-display{font-family:var(--font-display);font-size:var(--text-display-size);line-height:var(--text-display-line);font-weight:700}.text-h1{font-family:var(--font-display);font-size:var(--text-h1-size);line-height:var(--text-h1-line);font-weight:700}.text-h2{font-family:var(--font-display);font-size:var(--text-h2-size);line-height:var(--text-h2-line);font-weight:600}.text-h3{font-family:var(--font-display);font-size:var(--text-h3-size);line-height:var(--text-h3-line);font-weight:600}.text-body-lg{font-family:var(--font-sans);font-size:var(--text-body-lg-size);line-height:var(--text-body-lg-line);font-weight:400}.text-body{font-family:var(--font-sans);font-size:var(--text-body-size);line-height:var(--text-body-line);font-weight:400}.text-small{font-family:var(--font-sans);font-size:var(--text-small-size);line-height:var(--text-small-line);font-weight:500}.text-button{font-family:var(--font-sans);font-size:var(--text-button-size);line-height:var(--text-button-line);font-weight:700}.text-muted{color:var(--ink-muted)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{top:var(--space-2);right:var(--space-2);z-index:100;padding:var(--space-2) var(--space-3);min-height:var(--space-6);background:var(--brand);color:var(--on-brand);border-radius:var(--radius-md);font-weight:700;text-decoration:none;position:absolute;transform:translateY(-200%)}.skip-link:focus{color:var(--on-brand);transform:none}.todo{font-family:var(--font-sans);color:var(--danger);font-weight:700}main:focus{outline:none}
