:root{--color-bg: #fafaf9;--color-surface: #ffffff;--color-border: #e5e5e0;--color-text-primary: #1a1a1a;--color-text-secondary: #737373;--color-accent: #059669;--color-accent-hover: #047857;--color-accent-light: #d1fae5;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.875rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .05);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .05)}@media (prefers-color-scheme: dark){:root{--color-bg: #1a1a1a;--color-surface: #262626;--color-border: #404040;--color-text-primary: #fafafa;--color-text-secondary: #a3a3a3;--color-accent: #10b981;--color-accent-hover: #34d399;--color-accent-light: #064e3b}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}.app{max-width:800px;margin:0 auto;padding:var(--space-xl)}.app__header{text-align:center;margin-bottom:var(--space-2xl)}.app__title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-sm)}.app__subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary)}.app__form{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-xl);border:1px solid var(--color-border)}.app__actions{display:flex;justify-content:center;margin-top:var(--space-xl)}.app__button{background-color:var(--color-accent);color:#fff;border:none;padding:var(--space-sm) var(--space-xl);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:background-color .2s ease}.app__button:hover:not(:disabled){background-color:var(--color-accent-hover)}.app__button:disabled{opacity:.5;cursor:not-allowed}.shopping-list{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-xl);border:1px solid var(--color-border)}.shopping-list__title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-lg)}.shopping-list__items{list-style:none;padding:0;margin:0}.shopping-list__item{padding:var(--space-sm) 0;color:var(--color-text-primary);font-size:var(--font-size-base);border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:var(--space-sm)}.shopping-list__item:last-child{border-bottom:none}.shopping-list__item:before{content:"•";color:var(--color-accent);font-weight:700;font-size:var(--font-size-lg)}.shopping-list__actions{display:flex;justify-content:center;margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.app__button--copy{min-width:200px}@media (max-width: 640px){.app,.app__form{padding:var(--space-md)}.app__button--copy{width:100%}}.select-section{margin-bottom:var(--space-xl)}.select-section__title{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-md);color:var(--color-text-primary)}.select-section__options{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.select-option{display:inline-flex;align-items:center;padding:var(--space-sm) var(--space-md);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.select-option:hover{border-color:var(--color-accent)}.select-option--selected{background-color:var(--color-accent);border-color:var(--color-accent);color:#fff}.select-option__input{position:absolute;opacity:0;pointer-events:none}.select-option__label{font-size:var(--font-size-base);font-weight:500}@media (max-width: 640px){.select-section__options{flex-direction:column}.select-option{width:100%}}.multiselect-grid{margin-bottom:var(--space-xl)}.multiselect-grid__title{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-md);color:var(--color-text-primary)}.multiselect-grid__items{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-sm)}.multiselect-item{display:flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-md);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.multiselect-item:hover{border-color:var(--color-accent)}.multiselect-item--selected{background-color:var(--color-accent);border-color:var(--color-accent);color:#fff}.multiselect-item__input{position:absolute;opacity:0;pointer-events:none}.multiselect-item__label{font-size:var(--font-size-base);font-weight:500;width:100%;text-align:center}@media (max-width: 640px){.multiselect-grid__items{grid-template-columns:repeat(2,1fr)}}