:root{--font-display:"Fraunces", Georgia, serif;--font-body:"Source Sans 3", "Segoe UI", sans-serif;--ink:#1c2a24;--muted:#5d6b64;--accent:#2f6b57;--plan-accent:#3d5a80;--color-todo:#6b7280;--color-out:#e4b81f;--color-out-text:#8a6a00;--color-packed:#1f7a4d;--page-top:#e8f0ea;--page-bottom:#f7f3ea;--glow-a:#d7ebe0;--glow-b:#efe4d2;--grain:color-mix(in srgb, var(--ink) 4%, transparent)}*,:before,:after{box-sizing:border-box}html,body{touch-action:manipulation;min-height:100%;margin:0}body{font-family:var(--font-body);color:var(--ink);background:radial-gradient(1200px 500px at 10% -10%, var(--glow-a) 0%, transparent 55%), radial-gradient(900px 420px at 100% 0%, var(--glow-b) 0%, transparent 50%), linear-gradient(180deg, var(--page-top), var(--page-bottom));background-attachment:fixed}body.plan-mode{--page-top:#e4ebf4;--page-bottom:#eef1f6;--glow-a:#c9d8ea;--glow-b:#d7e0ec;--grain:color-mix(in srgb, var(--plan-accent) 5%, transparent)}body:before{content:"";pointer-events:none;opacity:.35;background-image:radial-gradient(var(--grain) .6px, transparent .7px);z-index:-1;background-size:3px 3px;position:fixed;inset:0}button,input{font:inherit;touch-action:manipulation}