*,: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-tertiary:#a89e94;--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-info:#4a90d9;--color-info-bg:#eef4fc;--color-focus-ring:var(--color-primary);--color-primary-shadow:#d4725c40;--gradient-auth:radial-gradient(ellipse 70% 55% at 85% 5%, #d4725c33 0%, transparent 65%), radial-gradient(ellipse 55% 65% at 10% 90%, #8b6bb526 0%, transparent 65%), radial-gradient(ellipse 50% 45% at 50% 45%, #e8a09024 0%, transparent 55%), radial-gradient(ellipse 40% 35% at 30% 20%, #5ba8a014 0%, transparent 60%), linear-gradient(160deg, #faf7f2 0%, #fce8e2 30%, #f5e0d8 50%, #efe4de 70%, #faf7f2 100%);--color-theme-meta:#faf7f2;--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)}.theme-light{--color-surface:#fff;--color-surface-raised:#fff;--color-surface-sunken:#f5f5f5;--color-border:#e0e0e0;--color-border-light:#ebebeb;--color-text:#1a1a1a;--color-text-secondary:#6b6b6b;--color-text-tertiary:#999;--gradient-warm:linear-gradient(160deg, #fff 0%, #fdf0ec 35%, #faf5f3 65%, #fff 100%);--gradient-warm-reverse:linear-gradient(340deg, #fff 0%, #fdf0ec 35%, #faf5f3 65%, #fff 100%);--gradient-auth:linear-gradient(160deg, #fff 0%, #f0faf0 35%, #e8f5e8 65%, #fff 100%);--shadow-sm:0 1px 3px #00000014;--shadow-md:0 2px 8px #0000001a;--shadow-lg:0 4px 16px #0000001f;--color-theme-meta:#fff}.theme-dark{--color-surface:#1a1a1a;--color-surface-raised:#252525;--color-surface-sunken:#111;--color-border:#3a3a3a;--color-border-light:#303030;--color-text:#e8e4e0;--color-text-secondary:#a09890;--color-text-tertiary:#706860;--color-text-inverse:#1a1a1a;--color-primary:#e8a090;--color-primary-light:#f0b8a8;--color-primary-dark:#d4725c;--color-primary-bg:#d4725c26;--color-primary-shadow:#e8a09033;--color-success:#6bbd82;--color-success-bg:#6bbd821f;--color-warning:#e0b050;--color-warning-bg:#e0b0501f;--color-error:#e06060;--color-error-bg:#e060601f;--color-info:#6aacef;--color-info-bg:#6aacef1f;--color-focus-ring:#e8a090;--color-stone:#706860;--color-topic-dinners-bg:#8b6bb526;--color-topic-snacks-bg:#5b8ec926;--color-topic-tasks-bg:#6bab7226;--color-topic-custom1-bg:#d4925c26;--color-topic-custom2-bg:#5ba8a026;--color-topic-custom3-bg:#34512126;--gradient-warm:linear-gradient(160deg, #1a1a1a 0%, #201815 35%, #1d1816 65%, #1a1a1a 100%);--gradient-warm-reverse:linear-gradient(340deg, #1a1a1a 0%, #201815 35%, #1d1816 65%, #1a1a1a 100%);--gradient-auth:linear-gradient(160deg, #1a1a1a 0%, #1a2018 35%, #182018 65%, #1a1a1a 100%);--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 2px 8px #0006;--shadow-lg:0 4px 16px #00000080;--color-theme-meta:#1a1a1a}.theme-high-contrast-white{--color-surface:#fff;--color-surface-raised:#fff;--color-surface-sunken:#fff;--color-border:#000;--color-border-light:#000;--color-text:#000;--color-text-secondary:#000;--color-text-tertiary:#000;--color-text-inverse:#fff;--color-text-on-primary:#fff;--color-primary:#000;--color-primary-light:#000;--color-primary-dark:#000;--color-primary-bg:#fff;--color-primary-shadow:#0000004d;--color-success:#000;--color-success-bg:#fff;--color-warning:#000;--color-warning-bg:#fff;--color-error:#000;--color-error-bg:#fff;--color-info:#000;--color-info-bg:#fff;--color-focus-ring:#000;--color-stone:#000;--color-topic-dinners:#000;--color-topic-snacks:#000;--color-topic-tasks:#000;--color-topic-custom1:#000;--color-topic-custom2:#000;--color-topic-custom3:#000;--color-topic-dinners-bg:#fff;--color-topic-snacks-bg:#fff;--color-topic-tasks-bg:#fff;--color-topic-custom1-bg:#fff;--color-topic-custom2-bg:#fff;--color-topic-custom3-bg:#fff;--color-auth-green:#000;--color-auth-green-dark:#000;--color-auth-green-bg:#fff;--gradient-warm:#fff;--gradient-warm-reverse:#fff;--gradient-auth:#fff;--shadow-sm:0 1px 2px #0003;--shadow-md:0 2px 6px #00000040;--shadow-lg:0 4px 12px #0000004d;--color-theme-meta:#fff}.theme-high-contrast-black{--color-surface:#000;--color-surface-raised:#000;--color-surface-sunken:#000;--color-border:#fff;--color-border-light:#fff;--color-text:#fff;--color-text-secondary:#fff;--color-text-tertiary:#fff;--color-text-inverse:#000;--color-text-on-primary:#000;--color-primary:#fff;--color-primary-light:#fff;--color-primary-dark:#fff;--color-primary-bg:#000;--color-primary-shadow:#ffffff4d;--color-success:#fff;--color-success-bg:#000;--color-warning:#fff;--color-warning-bg:#000;--color-error:#fff;--color-error-bg:#000;--color-info:#fff;--color-info-bg:#000;--color-focus-ring:#fff;--color-stone:#fff;--color-topic-dinners:#fff;--color-topic-snacks:#fff;--color-topic-tasks:#fff;--color-topic-custom1:#fff;--color-topic-custom2:#fff;--color-topic-custom3:#fff;--color-topic-dinners-bg:#000;--color-topic-snacks-bg:#000;--color-topic-tasks-bg:#000;--color-topic-custom1-bg:#000;--color-topic-custom2-bg:#000;--color-topic-custom3-bg:#000;--color-auth-green:#fff;--color-auth-green-dark:#fff;--color-auth-green-bg:#000;--gradient-warm:#000;--gradient-warm-reverse:#000;--gradient-auth:#000;--shadow-sm:0 1px 2px #ffffff1a;--shadow-md:0 2px 8px #ffffff26;--shadow-lg:0 4px 16px #fff3;--color-theme-meta:#000}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)}@media (width<=480px){.card{padding:var(--space-3)}}.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)}