:root{--color-primary: #FF6B6B;--color-primary-light: rgba(255, 107, 107, .15);--color-primary-dark: #E85C5C;--color-secondary: #9C88FF;--color-secondary-light: rgba(156, 136, 255, .15);--color-success: #81C784;--color-warning: #FFD54F;--color-danger: #E57373;--reaction-like: #81C784;--reaction-neutral: #FFD54F;--reaction-dislike: #E57373;--category-fruits: #FF8A65;--category-vegetables: #81C784;--category-grains: #FFD54F;--category-proteins: #E57373;--category-dairy: #64B5F6;--category-allergens: #BA68C8;--category-other: #90A4AE;--color-background: #FAFAFA;--color-surface: #FFFFFF;--color-text: #424242;--color-text-secondary: #757575;--color-border: #E0E0E0;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-normal: .25s ease}@media (prefers-color-scheme: dark){:root{--color-background: #121212;--color-surface: #1E1E1E;--color-text: #FAFAFA;--color-text-secondary: #B0B0B0;--color-border: #333333;--color-primary: #5DC4B8;--color-primary-light: rgba(93, 196, 184, .15)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.5;color:var(--color-text);background-color:var(--color-background)}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}button{font-family:inherit;cursor:pointer}.text-primary{color:var(--color-primary)!important}.text-secondary{color:var(--color-text-secondary)!important}.text-success{color:var(--color-success)!important}.text-warning{color:var(--color-warning)!important}.text-danger{color:var(--color-danger)!important}.text-xs{font-size:var(--font-size-xs)!important}.text-sm{font-size:var(--font-size-sm)!important}.text-base{font-size:var(--font-size-base)!important}.text-lg{font-size:var(--font-size-lg)!important}.text-xl{font-size:var(--font-size-xl)!important}.text-2xl{font-size:var(--font-size-2xl)!important}.text-3xl{font-size:var(--font-size-3xl)!important}.font-normal{font-weight:400!important}.font-medium{font-weight:500!important}.font-semibold{font-weight:600!important}.font-bold{font-weight:700!important}.rounded-sm{border-radius:var(--radius-sm)!important}.rounded-md{border-radius:var(--radius-md)!important}.rounded-lg{border-radius:var(--radius-lg)!important}.rounded-xl{border-radius:var(--radius-xl)!important}.rounded-full{border-radius:var(--radius-full)!important}.gap-xs{gap:var(--spacing-xs)!important}.gap-sm{gap:var(--spacing-sm)!important}.gap-md{gap:var(--spacing-md)!important}.gap-lg{gap:var(--spacing-lg)!important}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:500;transition:all var(--transition-fast);min-height:44px}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-background)}.input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:border-color var(--transition-fast)}.input:focus{outline:none;border-color:var(--color-primary)}.chip{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-background);border-radius:var(--radius-full);font-size:var(--font-size-sm)}.emoji{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-style:normal}.emoji-lg{font-size:2rem}.emoji-xl{font-size:2.5rem}.emoji-2xl{font-size:3rem}.grid{display:grid;gap:var(--spacing-md)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 768px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}