:root{--color-primary: #C06440;--color-primary-light: #D4845A;--color-primary-dark: #9E4930;--color-accent: #E8A838;--color-bg: #FEF6F0;--color-surface: #FFFFFF;--color-surface-hover: #FFF3EB;--color-text: #3B2318;--color-text-secondary: #8B7265;--color-text-on-primary: #FFFFFF;--color-border: #E8D5CA;--color-checked: #B0A098;--color-danger: #C62828;--color-success: #558B2F;--color-overlay: rgba(59, 35, 24, .45);--color-primary-alpha-12: rgba(192, 100, 64, .12);--color-primary-alpha-24: rgba(192, 100, 64, .24);--color-accent-alpha-12: rgba(232, 168, 56, .12);--color-danger-alpha-12: rgba(198, 40, 40, .12);--color-danger-alpha-25: rgba(198, 40, 40, .25);--color-focus-ring: rgba(192, 100, 64, .35);--color-on-primary-hover: rgba(255, 255, 255, .12);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--font-family: "Segoe UI", system-ui, -apple-system, sans-serif;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-xxl: 2rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(59, 35, 24, .06);--shadow-md: 0 4px 16px rgba(59, 35, 24, .08);--shadow-lg: 0 8px 32px rgba(59, 35, 24, .12);--shadow-up-sm: 0 -2px 8px rgba(59, 35, 24, .06);--transition-fast: .15s ease;--transition-normal: .25s ease;--header-height: 56px;--touch-target-min: 44px;--page-max-width: 480px;--page-max-width-tablet: 640px;--page-max-width-desktop: 720px;--fab-size: 56px;--bottom-bar-height: 64px;--z-header: 100;--z-fab: 200;--z-modal: 300;--z-toast: 400;--z-autocomplete: 250}:root[data-theme=dark]{--color-primary: #D4845A;--color-primary-light: #E09E7E;--color-primary-dark: #C06440;--color-accent: #F0BA50;--color-bg: #1A1210;--color-surface: #2A201C;--color-surface-hover: #3A302A;--color-text: #F0E6E0;--color-text-secondary: #A89890;--color-text-on-primary: #1A1210;--color-border: #4A3A32;--color-checked: #6A5E58;--color-danger: #EF5350;--color-success: #81C784;--color-overlay: rgba(0, 0, 0, .6);--color-primary-alpha-12: rgba(212, 132, 90, .15);--color-primary-alpha-24: rgba(212, 132, 90, .28);--color-accent-alpha-12: rgba(240, 186, 80, .15);--color-danger-alpha-12: rgba(239, 83, 80, .15);--color-danger-alpha-25: rgba(239, 83, 80, .25);--color-focus-ring: rgba(212, 132, 90, .4);--color-on-primary-hover: rgba(26, 18, 16, .15);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 8px rgba(0, 0, 0, .25);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .35);--shadow-up-sm: 0 -2px 8px rgba(0, 0, 0, .3)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{color-scheme:light dark;-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}html.theme-transition,html.theme-transition *,html.theme-transition *:before,html.theme-transition *:after{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease!important}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{min-height:100dvh;font-family:var(--font-family);font-size:var(--font-size-md);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-bg);overscroll-behavior-y:contain;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{display:flex;flex-direction:column;min-height:100dvh;width:100%}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text)}h1{font-size:var(--font-size-xxl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}p{margin-bottom:var(--space-md)}p:last-child{margin-bottom:0}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}img,svg{display:block;max-width:100%;height:auto}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}ul,ol{list-style:none}:focus{outline:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background-color:var(--color-primary-alpha-24);color:var(--color-text)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background-color:var(--color-text-secondary)}*{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}@supports (padding: env(safe-area-inset-top)){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.icon{display:inline-block;vertical-align:middle;flex-shrink:0}.header{position:fixed;top:0;left:0;right:0;z-index:var(--z-header);display:grid;grid-template-columns:var(--touch-target-min) 1fr auto;align-items:center;gap:var(--space-sm);height:calc(var(--header-height) + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);padding-left:max(var(--space-sm),env(safe-area-inset-left,0px));padding-right:max(var(--space-sm),env(safe-area-inset-right,0px));background-color:var(--color-primary);color:var(--color-text-on-primary);box-shadow:var(--shadow-sm)}.header__back,.header__action{display:flex;align-items:center;justify-content:center;min-width:var(--touch-target-min);min-height:var(--touch-target-min);padding:var(--space-sm);border-radius:var(--radius-full);color:inherit;transition:background-color var(--transition-fast),transform var(--transition-fast)}.header__back:hover,.header__action:hover{background-color:var(--color-on-primary-hover)}.header__back:active,.header__action:active{transform:scale(.94)}.header__back:focus-visible,.header__action:focus-visible{outline:2px solid var(--color-text-on-primary);outline-offset:2px}.header__back svg,.header__action svg{width:20px;height:20px}.header__title{grid-column:2;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:var(--line-height-tight)}.header__actions{display:flex;align-items:center;justify-content:flex-end;gap:2px}.header__back:empty{visibility:hidden;pointer-events:none}.header__theme-toggle svg{transition:transform var(--transition-normal)}.header__theme-toggle:hover svg{transform:rotate(25deg)}.card{display:block;width:100%;padding:var(--space-md);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--color-text);text-decoration:none;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-normal),border-color var(--transition-fast),background-color var(--transition-fast)}.card:hover{background-color:var(--color-surface-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.card:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.card--store{display:flex;align-items:center;gap:var(--space-md);min-height:var(--touch-target-min)}.card--store__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:48px;height:48px;font-size:var(--font-size-xl);background-color:var(--color-primary-alpha-12);border-radius:var(--radius-md)}.card--store__content{flex:1;min-width:0}.card--store__name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-xs)}.card--store__meta{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.card--store__chevron{flex-shrink:0;color:var(--color-text-secondary);transition:transform var(--transition-fast)}.card:hover .card--store__chevron{transform:translate(2px);color:var(--color-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);min-height:var(--touch-target-min);padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);line-height:1;border:none;border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast)}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn:active:not(:disabled){transform:scale(.97)}.btn--primary{background-color:var(--color-primary);color:var(--color-text-on-primary);box-shadow:var(--shadow-sm)}.btn--primary:hover:not(:disabled){background-color:var(--color-primary-dark)}.btn--accent{background-color:var(--color-accent);color:var(--color-text-on-primary);box-shadow:var(--shadow-sm)}.btn--accent:hover:not(:disabled){filter:brightness(1.08)}.btn--danger{background-color:var(--color-danger);color:var(--color-text-on-primary)}.btn--danger:hover:not(:disabled){filter:brightness(1.08)}.btn--ghost{background-color:transparent;color:var(--color-primary)}.btn--ghost:hover:not(:disabled){background-color:var(--color-primary-alpha-12)}.btn--ghost.btn--danger-text{color:var(--color-danger)}.btn--ghost.btn--danger-text:hover:not(:disabled){background-color:var(--color-danger-alpha-12)}.btn--block{width:100%}.btn--fab{position:fixed;right:calc(var(--space-md) + env(safe-area-inset-right,0px));bottom:calc(var(--space-lg) + env(safe-area-inset-bottom,0px));z-index:var(--z-fab);width:var(--fab-size);height:var(--fab-size);min-height:var(--fab-size);padding:0;border-radius:var(--radius-full);background-color:var(--color-accent);color:var(--color-text-on-primary);box-shadow:var(--shadow-lg)}.btn--fab:hover{filter:brightness(1.08);box-shadow:var(--shadow-lg);transform:scale(1.05)}.btn--fab svg{width:24px;height:24px;fill:currentColor}.btn--icon{min-width:40px;min-height:40px;width:40px;height:40px;padding:0;border-radius:var(--radius-full);background-color:transparent;color:var(--color-text-secondary)}.btn--icon:hover:not(:disabled){background-color:var(--color-surface-hover);color:var(--color-text)}.btn--icon.btn--icon-danger:hover:not(:disabled){background-color:var(--color-danger-alpha-12);color:var(--color-danger)}.btn--icon.btn--icon-muted{color:var(--color-text-secondary);min-width:32px;min-height:32px;padding:var(--space-xs)}.btn--icon.btn--icon-muted:hover:not(:disabled){background-color:var(--color-primary-alpha-12);color:var(--color-primary)}.btn--icon svg{width:20px;height:20px;fill:currentColor}.input-group{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md)}.input-group:last-child{margin-bottom:0}.input-group__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.input-group__hint{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.input{display:block;width:100%;min-height:var(--touch-target-min);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-md);color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input::placeholder{color:var(--color-text-secondary)}.input:hover:not(:disabled){border-color:var(--color-text-secondary)}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus-ring)}.input:disabled{opacity:.6;cursor:not-allowed;background-color:var(--color-surface-hover)}.input--error{border-color:var(--color-danger)}.input--error:focus{box-shadow:0 0 0 3px var(--color-danger-alpha-25)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:flex;align-items:flex-end;justify-content:center;padding:0;visibility:hidden;pointer-events:none}.modal--open{visibility:visible;pointer-events:auto}.modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--color-overlay);opacity:0;transition:opacity var(--transition-normal)}.modal--open .modal__overlay{opacity:1}.modal__content{position:relative;z-index:1;display:flex;flex-direction:column;width:100%;max-height:90dvh;background-color:var(--color-surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-lg);transform:translateY(100%);transition:transform var(--transition-normal)}.modal--open .modal__content{transform:translateY(0)}.modal__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);flex-shrink:0;padding:var(--space-md) var(--space-md) var(--space-sm);border-bottom:1px solid var(--color-border)}.modal__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.modal__close{display:flex;align-items:center;justify-content:center;min-width:var(--touch-target-min);min-height:var(--touch-target-min);border-radius:var(--radius-full);color:var(--color-text-secondary);transition:background-color var(--transition-fast),color var(--transition-fast)}.modal__close:hover{background-color:var(--color-surface-hover);color:var(--color-text)}.modal__body{flex:1;overflow-y:auto;padding:var(--space-md);-webkit-overflow-scrolling:touch}.modal__footer{display:flex;gap:var(--space-sm);flex-shrink:0;padding:var(--space-md);padding-bottom:calc(var(--space-md) + env(safe-area-inset-bottom,0px));border-top:1px solid var(--color-border)}.modal__footer .btn{flex:1}@media(min-width:768px){.modal{align-items:center;padding:var(--space-lg)}.modal__content{max-width:480px;max-height:85dvh;border-radius:var(--radius-lg);transform:translateY(20px) scale(.96);opacity:0;transition:transform var(--transition-normal),opacity var(--transition-normal)}.modal--open .modal__content{transform:translateY(0) scale(1);opacity:1}.modal__footer{padding-bottom:var(--space-md)}}.article-item{position:relative;display:flex;align-items:center;gap:var(--space-md);min-height:var(--touch-target-min);padding:var(--space-sm) var(--space-md);background-color:var(--color-surface);border-bottom:1px solid var(--color-border);overflow:hidden;transition:background-color var(--transition-fast),opacity var(--transition-normal),transform var(--transition-normal)}.article-item:first-child{border-top-left-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm)}.article-item:last-child{border-bottom:none;border-bottom-left-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}.article-item__delete-bg{position:absolute;top:0;right:0;bottom:0;display:flex;align-items:center;justify-content:flex-end;width:80px;padding-right:var(--space-md);background-color:var(--color-danger);color:var(--color-text-on-primary);opacity:0;transition:opacity var(--transition-fast)}.article-item--swiping .article-item__delete-bg,.article-item:hover .article-item__delete-bg{opacity:1}.article-item__content{display:flex;align-items:center;gap:var(--space-md);flex:1;min-width:0;transition:transform var(--transition-normal)}.article-item--swiping .article-item__content{transform:translate(-64px)}.article-item__checkbox{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center}.article-item__checkbox input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.article-item__checkbox-mark{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:2px solid var(--color-border);border-radius:var(--radius-full);background-color:var(--color-surface);color:var(--color-text-on-primary);transition:background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast),color var(--transition-fast)}.article-item__checkbox-mark svg{width:14px;height:14px;fill:currentColor;stroke:currentColor;opacity:0;transform:scale(.5);transition:opacity var(--transition-fast),transform var(--transition-fast)}.article-item__checkbox input:checked+.article-item__checkbox-mark{background-color:var(--color-primary);border-color:var(--color-primary)}.article-item__checkbox input:checked+.article-item__checkbox-mark svg{opacity:1;transform:scale(1)}.article-item__checkbox input:focus-visible+.article-item__checkbox-mark{outline:2px solid var(--color-primary);outline-offset:2px}.article-item__checkbox:active .article-item__checkbox-mark{transform:scale(.9)}.article-item__name{flex:1;min-width:0;font-size:var(--font-size-md);line-height:var(--line-height-normal);transition:color var(--transition-normal),text-decoration-color var(--transition-normal)}.article-item__quantity{flex-shrink:0}.article-item__delete{flex-shrink:0;opacity:0;transform:translate(8px);pointer-events:none;transition:opacity var(--transition-fast),transform var(--transition-fast)}.article-item:hover .article-item__delete,.article-item--swiping .article-item__delete,.article-item:focus-within .article-item__delete{opacity:1;transform:translate(0);pointer-events:auto}.article-item--checked{opacity:.65}.article-item--checked .article-item__name{color:var(--color-checked);text-decoration:line-through;text-decoration-color:var(--color-checked)}.article-item--checked .article-item__checkbox-mark{background-color:var(--color-checked);border-color:var(--color-checked);color:var(--color-surface)}.aisle-section{margin-bottom:var(--space-lg)}.aisle-section:last-child{margin-bottom:0}.aisle-section__header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);padding:var(--space-sm) var(--space-xs)}.aisle-section__icon{font-size:var(--font-size-md);line-height:1}.aisle-section__title{flex:1;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-primary-dark)}.aisle-section__count{flex-shrink:0}.aisle-section__items{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.autocomplete{position:relative}.autocomplete__list{position:absolute;top:calc(100% + var(--space-xs));left:0;right:0;z-index:var(--z-autocomplete);max-height:240px;overflow-y:auto;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity var(--transition-fast),transform var(--transition-fast),visibility var(--transition-fast)}.autocomplete--open .autocomplete__list{opacity:1;visibility:visible;transform:translateY(0)}.autocomplete__item{display:block;width:100%;min-height:var(--touch-target-min);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-md);text-align:left;color:var(--color-text);background:none;border:none;border-bottom:1px solid var(--color-border);cursor:pointer;transition:background-color var(--transition-fast)}.autocomplete__item:last-child{border-bottom:none}.autocomplete__item:hover,.autocomplete__item--active{background-color:var(--color-primary-alpha-12)}.autocomplete__item--active{background-color:var(--color-primary-alpha-24)}.autocomplete__match{font-weight:var(--font-weight-semibold);color:var(--color-primary)}.autocomplete__meta{display:block;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:2px}.autocomplete__empty{padding:var(--space-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--space-xs);font-size:.75rem;font-weight:var(--font-weight-semibold);line-height:1;color:var(--color-text-on-primary);background-color:var(--color-primary);border-radius:var(--radius-full)}.badge--accent{background-color:var(--color-accent)}.badge--muted{color:var(--color-text-secondary);background-color:var(--color-border)}.badge--quantity{min-width:28px;height:28px;padding:0 var(--space-sm);font-size:var(--font-size-sm);color:var(--color-primary-dark);background-color:var(--color-primary-alpha-12)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-xl) var(--space-lg);text-align:center}.empty-state__icon{font-size:3rem;line-height:1;opacity:.6}.empty-state__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text)}.empty-state__message{font-size:var(--font-size-md);color:var(--color-text-secondary);max-width:280px}.empty-state .btn{margin-top:var(--space-sm)}.toast{position:fixed;left:50%;bottom:calc(var(--space-lg) + env(safe-area-inset-bottom,0px));z-index:var(--z-toast);display:flex;align-items:center;gap:var(--space-sm);max-width:calc(100% - var(--space-xl));padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);color:var(--color-text-on-primary);background-color:var(--color-text);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);transform:translate(-50%) translateY(100px);opacity:0;visibility:hidden;transition:transform var(--transition-normal),opacity var(--transition-normal),visibility var(--transition-normal)}.toast--visible{transform:translate(-50%) translateY(0);opacity:1;visibility:visible}.toast--success{background-color:var(--color-success)}.toast--error{background-color:var(--color-danger)}.toast__message{flex:1}.toast__action{flex-shrink:0;padding:var(--space-xs) var(--space-sm);font-weight:var(--font-weight-semibold);color:var(--color-accent);background:none;border:none;cursor:pointer}.drag-handle{display:flex;align-items:center;justify-content:center;flex-shrink:0;min-width:var(--touch-target-min);min-height:var(--touch-target-min);color:var(--color-text-secondary);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;transition:color var(--transition-fast)}.drag-handle:active{cursor:grabbing;color:var(--color-primary)}.drag-handle__icon{font-size:var(--font-size-lg);line-height:1;letter-spacing:-2px}.dragging{opacity:.85;box-shadow:var(--shadow-lg);transform:scale(1.02);z-index:10}.drag-over{border-top:2px solid var(--color-primary)}.divider{height:1px;margin:var(--space-md) 0;background-color:var(--color-border);border:none}.divider--spaced{margin:var(--space-lg) 0}.chip{display:inline-flex;align-items:center;gap:var(--space-xs);height:28px;padding:0 var(--space-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary-dark);background-color:var(--color-primary-alpha-12);border:1px solid transparent;border-radius:var(--radius-full);white-space:nowrap}.chip--outline{background-color:transparent;border-color:var(--color-primary-light)}.chip__remove{display:flex;align-items:center;justify-content:center;width:18px;height:18px;margin-left:var(--space-xs);padding:0;font-size:.875rem;line-height:1;color:var(--color-text-secondary);background:none;border:none;border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.chip__remove:hover{background-color:var(--color-primary-alpha-24);color:var(--color-danger)}.action-bar{position:fixed;left:0;right:0;bottom:0;z-index:calc(var(--z-header) - 1);display:flex;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);padding-bottom:calc(var(--space-sm) + env(safe-area-inset-bottom,0px));background-color:var(--color-surface);border-top:1px solid var(--color-border);box-shadow:var(--shadow-up-sm)}.action-bar .btn{flex:1}.sortable-list{display:flex;flex-direction:column;gap:var(--space-sm)}.sortable-list__item{display:flex;align-items:center;gap:var(--space-sm);min-height:var(--touch-target-min);padding:var(--space-sm) var(--space-md);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast),transform var(--transition-fast),border-color var(--transition-fast)}.sortable-list__item:hover{border-color:var(--color-primary-light)}.sortable-list__name{flex:1;font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}.sortable-list__actions{display:flex;align-items:center;gap:var(--space-xs)}.input-row{display:flex;gap:var(--space-xs);align-items:stretch}.input-row .input{flex:1;min-width:0}.btn--voice{flex-shrink:0;width:var(--touch-target-min);height:var(--touch-target-min);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);transition:all var(--transition-normal)}.btn--voice:hover,.btn--voice:focus-visible{color:var(--color-primary);border-color:var(--color-primary)}.btn--voice--listening{color:var(--color-white, #fff);background:var(--color-danger, #e74c3c);border-color:var(--color-danger, #e74c3c);animation:voice-pulse 1s ease-in-out infinite}@keyframes voice-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.page{flex:1;display:flex;flex-direction:column;width:100%;max-width:var(--page-max-width);margin:0 auto;padding:calc(var(--header-height) + env(safe-area-inset-top,0px) + var(--space-md)) var(--space-md) var(--space-lg);padding-bottom:calc(var(--space-lg) + env(safe-area-inset-bottom,0px))}.page--with-bottom-bar{padding-bottom:calc(var(--bottom-bar-height) + var(--space-lg) + env(safe-area-inset-bottom,0px))}.page--with-fab{padding-bottom:calc(var(--fab-size) + var(--space-xl) + env(safe-area-inset-bottom,0px))}.page__header{margin-bottom:var(--space-lg)}.page__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary-dark);margin-bottom:var(--space-xs)}.page__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.page__section{margin-bottom:var(--space-xl)}.page__section:last-child{margin-bottom:0}.page__section-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-md)}.page-home{gap:var(--space-lg)}.page-home__hero{text-align:center;padding:var(--space-md) 0 var(--space-sm)}.page-home__logo{font-size:2.5rem;line-height:1;margin-bottom:var(--space-sm)}.page-home__tagline{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.page-home__stores{display:flex;flex-direction:column;gap:var(--space-md)}@media(min-width:768px){.page{max-width:var(--page-max-width-tablet);padding-left:var(--space-lg);padding-right:var(--space-lg)}.page-home__stores{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}}@media(min-width:1024px){.page{max-width:var(--page-max-width-desktop)}.page-home__stores{grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}}.page-home__drag-handle{display:flex;align-items:center;justify-content:center;padding:var(--space-xs);cursor:grab;color:var(--color-text-secondary);touch-action:none;-webkit-user-select:none;user-select:none;flex-shrink:0}.page-home__drag-handle:active{cursor:grabbing;color:var(--color-primary)}.card--store--dragging{opacity:.9;box-shadow:var(--shadow-lg);border-color:var(--color-primary);transform:scale(1.02);pointer-events:none}.page-home__store-placeholder{background:var(--color-primary-alpha-12);border:2px dashed var(--color-primary-light);border-radius:var(--radius-md)}.page-home__quick-add{margin-top:auto;padding-top:var(--space-lg)}.page-home__quick-add-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:linear-gradient(135deg,var(--color-primary-alpha-12) 0%,var(--color-accent-alpha-12) 100%);border:1px dashed var(--color-primary-light);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.page-home__quick-add-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.page-home__quick-add-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;font-size:var(--font-size-xl);background-color:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.page-home__quick-add-text{flex:1}.page-home__quick-add-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-primary-dark);margin-bottom:2px}.page-home__quick-add-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.page-home__add-store{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);min-height:var(--touch-target-min);padding:var(--space-md);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-primary);background-color:var(--color-surface);border:2px dashed var(--color-primary-light);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.page-home__add-store:hover{background-color:var(--color-primary-alpha-12);border-color:var(--color-primary);color:var(--color-primary-dark)}.page-store{gap:var(--space-md)}.page-store__summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.page-store__summary-count{font-weight:var(--font-weight-semibold);color:var(--color-primary)}.page-store__aisles{display:flex;flex-direction:column;gap:var(--space-lg);flex:1}.page-store__actions{position:fixed;left:0;right:0;bottom:0;z-index:calc(var(--z-header) - 1);display:flex;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);padding-bottom:calc(var(--space-sm) + env(safe-area-inset-bottom,0px));background-color:var(--color-surface);border-top:1px solid var(--color-border);box-shadow:var(--shadow-up-sm)}.page-store__actions .btn--primary{flex:2}.page-store__actions .btn--ghost{flex:1}.page-store__progress{height:4px;background-color:var(--color-border);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-md)}.page-store__progress-bar{height:100%;background-color:var(--color-primary);border-radius:var(--radius-full);transition:width var(--transition-normal)}.page-store .btn--fab{bottom:calc(var(--bottom-bar-height) + var(--space-md) + env(safe-area-inset-bottom,0px))}@media(min-width:768px){.page-store__actions{left:50%;right:auto;transform:translate(-50%);max-width:var(--page-max-width-tablet);border-radius:var(--radius-md) var(--radius-md) 0 0}}.page-settings{gap:var(--space-lg)}.page-settings__info{padding:var(--space-md);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.page-settings__store-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-xs)}.page-settings__store-meta{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.page-settings__aisles{flex:1}.page-settings__aisles-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.page-settings__aisles-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.page-settings__aisles-count{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.page-settings__add-form{display:flex;gap:var(--space-sm);align-items:flex-start;padding:var(--space-md);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.page-settings__add-form .input-group{flex:1;margin-bottom:0}.page-settings__add-form .btn{flex-shrink:0;align-self:flex-end}.page-settings__aisle-list{display:flex;flex-direction:column;gap:var(--space-sm)}.page-settings__aisle-item{display:flex;align-items:center;gap:var(--space-sm);min-height:var(--touch-target-min);padding:var(--space-sm) var(--space-md);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.page-settings__aisle-item:hover{border-color:var(--color-primary-light)}.page-settings__drag-handle{display:flex;align-items:center;justify-content:center;padding:var(--space-xs);cursor:grab;color:var(--color-text-secondary);touch-action:none;-webkit-user-select:none;user-select:none}.page-settings__drag-handle:active{cursor:grabbing;color:var(--color-primary)}.page-settings__aisle-item--dragging{opacity:.9;box-shadow:var(--shadow-lg);border-color:var(--color-primary);transform:scale(1.02);pointer-events:none}.page-settings__aisle-placeholder{background:var(--color-primary-alpha-12);border:2px dashed var(--color-primary-light);border-radius:var(--radius-md)}.page-settings__aisle-name{flex:1;font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}.input--inline{flex:1;padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-md);border:1px solid var(--color-primary);border-radius:var(--radius-sm);background-color:var(--color-surface);color:var(--color-text);outline:none}.btn--icon-success{color:var(--color-success, #22c55e)}.btn--icon-success:hover{background-color:#22c55e1f}.page-settings__aisle-order{font-size:var(--font-size-sm);color:var(--color-text-secondary);min-width:24px;text-align:center}.page-settings__danger-zone{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.page-settings__danger-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-danger);margin-bottom:var(--space-md)}@media(min-width:768px){.page-settings__add-form{max-width:100%}}.page-quick-list{gap:var(--space-md)}.page-quick-list__intro{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);background-color:var(--color-accent-alpha-12);border-left:3px solid var(--color-accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.page-quick-list__items{flex:1;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.page-quick-list__items .article-item{border-radius:0}.page-quick-list__input-row{display:flex;gap:var(--space-sm);align-items:stretch;position:sticky;bottom:calc(var(--space-md) + env(safe-area-inset-bottom,0px));padding:var(--space-sm);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.page-quick-list__input-row .autocomplete{flex:1}.page-quick-list__input-row .input{min-height:var(--touch-target-min)}.page-quick-list__input-row .btn{flex-shrink:0;min-width:var(--touch-target-min);padding-left:var(--space-md);padding-right:var(--space-md)}.page-quick-list__stats{display:flex;justify-content:space-around;gap:var(--space-md);padding:var(--space-md);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.page-quick-list__stat{text-align:center}.page-quick-list__stat-value{display:block;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary);line-height:var(--line-height-tight)}.page-quick-list__stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.page-quick-list__fab-group{position:fixed;right:calc(var(--space-md) + env(safe-area-inset-right,0px));bottom:calc(var(--space-lg) + env(safe-area-inset-bottom,0px));z-index:var(--z-fab);display:flex;flex-direction:column;gap:var(--space-sm);align-items:flex-end}.page-quick-list__fab-group .btn--fab{position:static}.page-quick-list__fab-group .btn--fab.btn--secondary-fab{width:44px;height:44px;min-height:44px;background-color:var(--color-surface);color:var(--color-primary);border:1px solid var(--color-border);box-shadow:var(--shadow-md)}.page-quick-list__fab-group .btn--fab.btn--secondary-fab:hover{background-color:var(--color-primary-alpha-12);filter:none}@media(min-width:768px){.page-quick-list__input-row{position:static;margin-top:var(--space-md)}}.add-article-form{display:flex;flex-direction:column;gap:var(--space-md)}.add-article-form__row{display:flex;gap:var(--space-sm);align-items:flex-end}.add-article-form__row .input-group{flex:1;margin-bottom:0}.add-article-form__quantity{width:80px;flex-shrink:0}.add-article-form__aisle-preview{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background-color:var(--color-primary-alpha-12);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.add-article-form__aisle-label{color:var(--color-text-secondary)}.add-article-form__recent{margin-top:var(--space-sm)}.add-article-form__recent-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.add-article-form__recent-list{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.add-article-form__recent-item{cursor:pointer;transition:transform var(--transition-fast)}.add-article-form__recent-item:hover{transform:scale(1.04)}.add-article-form__recent-item:active{transform:scale(.98)}@keyframes page-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page{animation:page-fade-in var(--transition-normal) ease-out}@media(prefers-reduced-motion:reduce){.page{animation:none}}.flex-spacer{flex:1}.text-center{text-align:center}.text-muted{color:var(--color-text-secondary)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-md{margin-bottom:var(--space-md)}.hidden{display:none!important}.feedback__form{display:flex;flex-direction:column}.feedback__stars{display:flex;gap:var(--space-sm);justify-content:center;padding:var(--space-md) 0}.feedback__star{background:none;border:none;cursor:pointer;color:var(--color-border);padding:var(--space-xs);transition:color var(--transition-fast),transform var(--transition-fast)}.feedback__star:hover{transform:scale(1.2)}.feedback__star--active{color:#f59e0b}.feedback__star--active svg{fill:#f59e0b}.feedback__comment{resize:vertical;min-height:80px;font-family:inherit}.invisible{visibility:hidden;pointer-events:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page-shopping{padding-bottom:var(--space-xl)}.shopping__progress-section{padding:var(--space-md) var(--space-md) 0}.shopping__progress-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-align:center;margin-bottom:var(--space-xs)}.shopping__progress{height:8px;background:var(--color-primary-alpha-12);border-radius:999px;overflow:hidden}.shopping__progress-fill{height:100%;background:var(--color-primary);border-radius:999px;transition:width .4s ease}.shopping__done{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-xxl) var(--space-md);text-align:center}.shopping__done-icon{color:var(--color-success, #2ecc71)}.shopping__done-title{font-size:var(--font-size-xl);color:var(--color-text)}.shopping__done-text{color:var(--color-text-secondary)}.shopping__aisles{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md)}.shopping-aisle{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal)}.shopping-aisle--active{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-alpha-24)}.shopping-aisle--done{opacity:.6}.shopping-aisle__header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-primary-alpha-12)}.shopping-aisle--active .shopping-aisle__header{background:var(--color-primary-alpha-24)}.shopping-aisle__icon{color:var(--color-primary);display:flex}.shopping-aisle__title{flex:1;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0}.shopping-aisle__check{color:var(--color-success, #2ecc71);display:flex}.shopping-aisle__items{display:flex;flex-direction:column}.shopping-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:none;border:none;border-top:1px solid var(--color-border);width:100%;text-align:left;font-size:var(--font-size-md);color:var(--color-text);cursor:pointer;min-height:var(--touch-target-min);transition:background var(--transition-fast)}.shopping-item:first-child{border-top:none}.shopping-item:active{background:var(--color-primary-alpha-12)}.shopping-item__check{width:24px;height:24px;border-radius:50%;border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast)}.shopping-item--checked .shopping-item__check{background:var(--color-success, #2ecc71);border-color:var(--color-success, #2ecc71);color:#fff}.shopping-item__name{flex:1}.shopping-item--checked .shopping-item__name{text-decoration:line-through;opacity:.5}.shopping-item__qty{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary);background:var(--color-primary-alpha-12);padding:2px 8px;border-radius:var(--radius-sm)}.shopping-item--checked .shopping-item__qty{opacity:.5}