*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font-heading:"Nunito", system-ui, sans-serif;--font-body:"Source Sans 3", system-ui, sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:1.75rem;--text-3xl:2rem;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--leading-tight:1.2;--leading-normal:1.5;--leading-relaxed:1.65;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000f;--shadow-md:0 2px 8px #00000014;--shadow-lg:0 4px 16px #0000001a;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--topbar-height:56px;--bottomnav-height:64px;--content-max-width:640px;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--z-base:0;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500;--color-cream:#faf7f2;--color-cream-dark:#f0ebe3;--color-sand:#e8e0d4;--color-stone:#c4b8a8;--color-warm-gray:#8a7e72;--color-charcoal:#4a4039;--color-dark:#2c2420;--color-primary:#d4725c;--color-primary-light:#e8a090;--color-primary-dark:#b85a46;--color-primary-bg:#fdf0ec;--color-topic-dinners:#8b6bb5;--color-topic-snacks:#5b8ec9;--color-topic-tasks:#6bab72;--color-topic-custom1:#d4925c;--color-topic-custom2:#5ba8a0;--color-topic-custom3:#345121;--color-topic-dinners-bg:#f3eef9;--color-topic-snacks-bg:#ebf1f9;--color-topic-tasks-bg:#edf5ee;--color-topic-custom1-bg:#fdf3eb;--color-topic-custom2-bg:#edf6f5;--color-topic-custom3-bg:#f0f0f0;--color-surface:var(--color-cream);--color-surface-raised:#fff;--color-surface-sunken:var(--color-cream-dark);--color-border:var(--color-sand);--color-border-light:#ede8e0;--color-text:var(--color-dark);--color-text-secondary:var(--color-warm-gray);--color-text-inverse:#fff;--color-text-on-primary:#fff;--color-success:#5a9e6f;--color-success-bg:#edf5ee;--color-warning:#d4a03c;--color-warning-bg:#fdf6e8;--color-error:#c7504f;--color-error-bg:#fdecea;--color-focus-ring:var(--color-primary);--color-auth-green:#5a9e6f;--color-auth-green-dark:#4a8a5e;--color-auth-green-light:#6db57f;--color-auth-green-bg:#edf5ee;--color-auth-gradient-start:#b8d4b8;--color-auth-gradient-mid:#a8d5be;--color-auth-gradient-end:#d6e8d0;--gradient-warm:linear-gradient(160deg, #faf7f2 0%, #fdf0ec 35%, #f5ece6 65%, #faf7f2 100%);--gradient-warm-reverse:linear-gradient(340deg, #faf7f2 0%, #fdf0ec 35%, #f5ece6 65%, #faf7f2 100%)}.theme-auth{--color-surface:var(--color-auth-gradient-end);--color-surface-raised:#fff;--color-text:var(--color-dark);--color-text-secondary:var(--color-warm-gray);--color-border:#c8d8c8;--color-border-light:#dce8dc;--color-primary:var(--color-auth-green);--color-primary-dark:var(--color-auth-green-dark);--color-primary-bg:var(--color-auth-green-bg);--color-focus-ring:var(--color-auth-green)}html{font-family:var(--font-body);font-size:16px;line-height:var(--leading-normal);color:var(--color-text);background:var(--gradient-warm);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;scroll-padding-top:calc(var(--topbar-height) + var(--space-4));background-attachment:fixed}body{min-height:100dvh}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--weight-bold);line-height:var(--leading-tight)}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;display:block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.skip-link{top:-100%;left:var(--space-4);z-index:var(--z-toast);padding:var(--space-2) var(--space-4);background:var(--color-primary);color:var(--color-text-on-primary);font-weight:var(--weight-semibold);border-radius:var(--radius-md);transition:top var(--transition-fast);position:absolute}.skip-link:focus{top:var(--space-2)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--weight-semibold);border-radius:var(--radius-lg);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);white-space:nowrap;border:2px solid #0000;line-height:1;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background-color:var(--color-primary);color:var(--color-text-on-primary)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark);box-shadow:var(--shadow-md)}.btn-secondary{color:var(--color-primary);border-color:var(--color-primary);background-color:#0000}.btn-secondary:hover:not(:disabled){background-color:var(--color-primary-bg)}.btn-ghost{color:var(--color-text-secondary);background-color:#0000}.btn-ghost:hover:not(:disabled){background-color:var(--color-surface-sunken);color:var(--color-text)}.btn-danger{background-color:var(--color-error);color:var(--color-text-inverse)}.btn-danger:hover:not(:disabled){box-shadow:var(--shadow-md);background-color:#b04443}.btn-outline{color:var(--color-text-secondary);border:1px solid var(--color-border);background-color:#0000}.btn-outline:hover:not(:disabled){background-color:var(--color-surface-sunken);color:var(--color-text);border-color:var(--color-text-secondary)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);border-radius:var(--radius-md)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-md)}.btn-block{width:100%}.card{background-color:var(--color-surface-raised);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}.card-compact{padding:var(--space-4)}.form-field{gap:var(--space-1);flex-direction:column;display:flex}.form-label{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text)}.form-input{padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);background-color:var(--color-surface-raised);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg);outline:none}.form-input::placeholder{color:var(--color-stone)}.form-input[aria-invalid=true],.form-input.is-error{border-color:var(--color-error)}.form-input[aria-invalid=true]:focus,.form-input.is-error:focus{box-shadow:0 0 0 3px var(--color-error-bg)}.form-error{font-size:var(--text-sm);color:var(--color-error)}.form-hint{font-size:var(--text-sm);color:var(--color-text-secondary)}textarea.form-input{resize:vertical;min-height:6rem}.auth-card{width:100%;max-width:420px;padding:var(--space-8);background-color:var(--color-surface-raised);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin:0 auto}.auth-layout .auth-card{border:1px solid var(--color-border-light);background-color:#fff;box-shadow:0 4px 24px #d4725c14,0 1px 4px #d4725c0a}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in var(--transition-base) both}.animate-slide-up{animation:slide-up var(--transition-base) both}.rich-text-content{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.rich-text-content p{margin-bottom:var(--space-2)}.rich-text-content p:last-child{margin-bottom:0}.rich-text-content h3{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-text);margin-bottom:var(--space-2);margin-top:var(--space-3)}.rich-text-content h3:first-child{margin-top:0}.rich-text-content ul,.rich-text-content ol{padding-left:var(--space-6);margin-bottom:var(--space-2)}.rich-text-content li{margin-bottom:var(--space-1)}.rich-text-content blockquote{border-left:3px solid var(--color-primary-light);padding-left:var(--space-4);margin-left:0;margin-bottom:var(--space-2);color:var(--color-text-secondary);font-style:italic}.rich-text-content a{color:var(--color-primary);text-decoration:underline}.rich-text-content a:hover{color:var(--color-primary-dark)}.rich-text-content u{text-decoration:underline}.rich-text-content s{text-decoration:line-through}.rich-text-content strong{font-weight:var(--weight-bold);color:var(--color-text)}