:root{color-scheme:dark;--bg-base: #101114;--bg-surface: #17181c;--bg-card: #1f2127;--bg-hover: #282b33;--border-subtle: rgba(255, 255, 255, .08);--accent-bronze: #c68494;--accent-bronze-hover: #d49aa8;--accent-text: #121212;--cat-shopping: #c68494;--cat-shopping-bg: rgba(198, 132, 148, .16);--cat-shopping-border: rgba(198, 132, 148, .45);--cat-recipe: #1a2b2b;--cat-recipe-fg: #8fd1d1;--cat-recipe-bg: #1a2b2b;--cat-recipe-border: #4a7c7c;--cat-todo: #f9d090;--cat-todo-bg: rgba(249, 208, 144, .14);--cat-todo-border: rgba(249, 208, 144, .45);--text-primary: #e8e6e3;--text-secondary: #9a9a9a;--text-error: #c0605a;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-scale: 1;--font-size-base: 16px;--font-size-scaled: calc(var(--font-size-base) * var(--font-scale));--font-size-sm: calc(14px * var(--font-scale));--font-size-xs: calc(12px * var(--font-scale));--font-size-lg: calc(18px * var(--font-scale));--font-size-xl: calc(22px * var(--font-scale));--touch-target-min: 44px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--transition-fast: .15s ease-out}@media(prefers-reduced-motion:reduce){:root{--transition-fast: 0ms}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-base);color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-scaled);line-height:1.5;-webkit-text-size-adjust:100%;overscroll-behavior:none;height:100%;overflow:hidden}body{position:fixed;top:0;right:0;bottom:0;left:0;width:100%}#root{display:flex;flex-direction:column;height:var(--app-height, 100dvh);max-width:600px;margin:0 auto;position:relative;overflow:hidden;overscroll-behavior:none;background-color:var(--bg-base)}:root[data-keyboard=open]{--safe-bottom: 0px}a{color:var(--accent-bronze);text-decoration:none}a:hover,a:focus-visible{color:var(--accent-bronze-hover)}button{font-family:inherit;font-size:inherit;min-height:var(--touch-target-min);min-width:var(--touch-target-min);border:none;cursor:pointer;background:none;color:inherit;touch-action:manipulation}input,textarea{font-family:inherit;font-size:var(--font-size-base);background-color:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:10px 14px}input:focus,textarea:focus{outline:2px solid var(--accent-bronze);outline-offset:-1px}.error-text{color:var(--text-error);font-size:var(--font-size-sm)}