*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg-base:#f0ebe3;--color-bg-surface:#faf7f4;--color-bg-card:#f9f5f0;--color-text-primary:#2c2c2a;--color-text-secondary:#6b6258;--color-text-muted:#a09890;--color-border:#e3ddd6;--color-border-card:#e8e2da;--color-accent:#1d9e75;--color-btn-border:#2c2c2a;--color-btn-text:#2c2c2a;--color-btn-primary-text:#fff;--color-avatar-bg:#9fe1cb;--color-avatar-text:#085041;--color-nav-icon:#ccc7bf;--color-prep-bg:#faeeda;--color-prep-border:#f0dfc0;--color-prep-text:#633806;--color-step-bg:#e1f5ee;--color-step-text:#085041;--color-saved-bg:#fcebeb;--color-saved-border:#f5c6c6;--color-saved-text:#e24b4a;--color-action-border:#d6d0c8}[data-theme=dark]{--color-bg-base:#1a1714;--color-bg-surface:#211f1c;--color-bg-card:#272420;--color-text-primary:#c8bfb2;--color-text-secondary:#8d8078;--color-text-muted:#7a736d;--color-border:#2e2b26;--color-border-card:#2e2b26;--color-accent:#1d9e75;--color-btn-border:#8a8278;--color-btn-text:#8a8278;--color-btn-primary-text:#fff;--color-avatar-bg:#0f6e56;--color-avatar-text:#9fe1cb;--color-nav-icon:#5c5752;--color-prep-bg:#2e200a;--color-prep-border:#3d2b0e;--color-prep-text:#c98a3a;--color-step-bg:#0d2b22;--color-step-text:#4db891;--color-saved-bg:#2e1515;--color-saved-border:#4a2020;--color-saved-text:#e24b4a;--color-action-border:#3a3630}html{-webkit-text-size-adjust:100%;height:100%}body{background-color:var(--color-bg-base);min-height:100%;color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:16px;line-height:1.5}button{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none}button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:4px}ul,ol{list-style:none}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:4px}img,svg{display:block}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.scroll-locked{overflow:hidden}.app-shell{max-width:480px;min-height:100dvh;margin:0 auto;position:relative}