:root{--primary:#2563eb;--primary-hover:#1d4ed8;--link:#2563eb;--bg:#fff;--bg-secondary:#f9fafb;--text:#111827;--text-subtle:#6b7280;--border:#e5e7eb;--danger:#dc2626;--success:#047857;--warning:#92400e;--on-accent:#fff;--overlay-scrim:#0000006b;--success-subtle:color-mix(in srgb, var(--success) 6%, transparent);--danger-subtle:color-mix(in srgb, var(--danger) 6%, transparent);--warning-subtle:color-mix(in srgb, var(--warning) 6%, transparent);--toast-success-bg:#047857;--toast-danger-bg:#b91c1c;--card-radius:12px;--shadow-popover:0 4px 12px #00000026;--app-header-h:52px;--app-bottomnav-h:56px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--chrome-top:calc(var(--app-header-h) + var(--safe-top));--chrome-bottom:calc(var(--app-bottomnav-h) + var(--safe-bottom));--keyboard-inset:0px;--z-sticky-bar:800;--z-header:900;--z-dropdown:1000;--z-sheet:1100;--z-dialog:1200;--z-toast:1300;--k-brand:#f60;--s-brand:#00a651;--lidl-brand:#0050aa;--lidl-brand-text:#ffe500;--page-pad:16px;--skeleton:#eceef1}[data-theme=dark]{--primary:#2563eb;--primary-hover:#1d4ed8;--link:#60a5fa;--bg:#030712;--bg-secondary:#111827;--text:#f3f4f6;--text-subtle:#9ca3af;--border:#1f2937;--danger:#ef4444;--success:#10b981;--warning:#fbbf24;--toast-success-bg:#065f46;--toast-danger-bg:#991b1b;--skeleton:#1b2433}*{box-sizing:border-box;margin:0;padding:0}html{scrollbar-gutter:stable;background-color:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background-color:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--primary);outline-offset:2px}.app-dialog{width:100%;max-width:none;height:100%;max-height:none;color:var(--text);z-index:var(--z-dialog);background:0 0;border:0;margin:0;padding:16px;position:fixed;inset:0;overflow:hidden}.app-dialog[open]{justify-content:center;align-items:center;display:flex}.app-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000080}.app-dialog__panel{overscroll-behavior:contain;border:1px solid var(--border);background:var(--bg);border-radius:8px;width:min(100%,420px);max-height:calc(100dvh - 32px);padding:20px;overflow-y:auto;box-shadow:0 18px 48px #0000003d}.app-dialog--sheet{padding:0;padding-bottom:var(--keyboard-inset);align-items:flex-end}.app-dialog--sheet .app-dialog__panel{width:100%;max-width:none;max-height:calc(85dvh - var(--keyboard-inset,0px));padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));border-radius:16px 16px 0 0}@media (min-width:769px){.app-dialog--sheet{align-items:center;padding:24px}.app-dialog--sheet .app-dialog__panel{border-radius:8px;max-width:680px}}.toast-root{z-index:var(--z-toast);bottom:calc(var(--chrome-bottom) + 28px);pointer-events:none;flex-direction:column;gap:8px;width:min(92vw,440px);display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{background:var(--text);min-height:48px;color:var(--bg);pointer-events:auto;border-radius:8px;align-items:center;gap:10px;padding:10px 10px 10px 14px;animation:.15s ease-out toast-enter;display:flex;box-shadow:0 8px 28px #00000047}.toast--success{background:var(--toast-success-bg);color:var(--on-accent)}.toast--danger{background:var(--toast-danger-bg);color:var(--on-accent)}.toast__message{overflow-wrap:anywhere;flex:1;min-width:0;font-size:14px}.toast__action,.toast__dismiss{min-height:44px;color:inherit;cursor:pointer;background:0 0;border:0;font-weight:700}.toast__action{text-underline-offset:3px;padding-inline:8px;text-decoration:underline}.toast__dismiss{flex:0 0 44px;width:44px;font-size:20px}@keyframes toast-enter{0%{opacity:0;transform:translateY(8px)}}.app-shell[data-keyboard=true] .toast-root{bottom:16px}@media (min-width:769px){.toast-root{bottom:24px}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}.app-shell{flex-direction:column;min-height:100vh;display:flex}.full-height{min-height:100vh}@supports (height:100dvh){.app-shell,.full-height{min-height:100dvh}}.page-title{font-size:clamp(20px,2.5vw + 14px,28px);font-weight:700}.app-main{--page-pad:16px;padding:16px var(--page-pad) calc(76px + env(safe-area-inset-bottom,0px));flex:1}.app-main-inner{max-width:1280px;margin-inline:auto}.offline-banner{top:var(--chrome-top);z-index:var(--z-sticky-bar);border:1px solid var(--border);background:var(--bg-secondary);border-radius:8px;align-items:center;gap:10px;margin-bottom:16px;padding:8px 12px;font-size:14px;display:flex;position:sticky}.offline-banner>span{flex:1}.offline-banner button{min-width:44px;min-height:44px;color:var(--text-subtle);cursor:pointer;background:0 0;border:0;font-size:20px}.sync-status{color:var(--text-subtle);font-size:12px;position:relative}.sync-status--error{color:var(--danger)}.sync-status summary{cursor:pointer;justify-content:center;align-items:center;gap:4px;min-width:44px;min-height:44px;list-style:none;display:inline-flex}.sync-status summary::-webkit-details-marker{display:none}.sync-status-icon{display:inline-block}.sync-status-icon--spinning{animation:1.2s linear infinite sync-spin}.sync-status-detail{z-index:var(--z-dropdown);border:1px solid var(--border);background:var(--bg);width:min(260px,100vw - 32px);color:var(--text);border-radius:8px;padding:10px 12px;line-height:1.4;position:absolute;inset-block-start:calc(100% + 6px);inset-inline-end:0;box-shadow:0 6px 18px #00000024}@keyframes sync-spin{to{transform:rotate(360deg)}}.app-topbar,.app-bottomnav,.app-sidebar{display:flex}.app-shell[data-keyboard=true] .app-bottomnav{display:none}.app-shell[data-keyboard=true] .app-main{padding-bottom:16px}.app-addbar{bottom:var(--chrome-bottom);z-index:var(--z-sticky-bar)}.app-shell[data-keyboard=true] .app-addbar{bottom:var(--keyboard-inset)}.lists-layout{height:calc(100vh - 2 * var(--page-pad));height:calc(100dvh - 2 * var(--page-pad));gap:24px;display:flex}.lists-master{flex:0 0 280px;min-width:0}.lists-detail{flex-direction:column;flex:1;min-width:0;display:flex}@media (max-width:768.98px){.app-sidebar,.app-topbar .online-label{display:none}.lists-layout{height:auto;display:block}.lists-master{display:block}.lists-master[data-selected=true]{display:none}.lists-detail{min-height:60vh;display:none}.lists-detail[data-selected=true]{display:flex}}@media (min-width:769px){.app-shell{flex-direction:row}.app-topbar,.app-bottomnav{display:none}.app-main{--page-pad:24px;padding:24px}.offline-banner{top:0}.app-addbar{bottom:0}.lists-import-notice{top:16px}}a{color:inherit;text-decoration:none}@media (max-width:400px){.settings-card--inline>:last-child,.settings-card--inline select{width:100%}}.skeleton{background:var(--skeleton);border-radius:8px;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--text) 12%, transparent), transparent);animation:1.3s ease-in-out infinite skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}[dir=rtl] .skeleton:after{animation-direction:reverse}@keyframes skeleton-shimmer{to{transform:translate(100%)}}.route-loading-bar{top:env(safe-area-inset-top,0);background:var(--primary);opacity:0;width:30%;height:2px;z-index:var(--z-toast);animation:1.1s ease-in-out .12s infinite route-loading-bar;position:fixed;inset-inline-start:0}@keyframes route-loading-bar{0%{opacity:1;transform:translate(-100%)}to{opacity:1;transform:translate(430%)}}@media (prefers-reduced-motion:reduce){.skeleton:after,.sync-status-icon--spinning{animation:none}.route-loading-bar{opacity:.7;animation:none;transform:none}}.skip-link{z-index:calc(var(--z-toast) + 1);background:var(--primary);min-height:44px;color:var(--on-accent);border-radius:8px;padding:10px 14px;position:fixed;inset-block-start:8px;inset-inline-start:8px;transform:translateY(-160%)}.skip-link:focus-visible{transform:translateY(0)}.product-title-popover{border:1px solid var(--border);border-radius:var(--card-radius);background:var(--bg);max-width:min(420px,100vw - 32px);color:var(--text);box-shadow:var(--shadow-popover);padding:16px;font-size:16px;line-height:1.5}.product-variant-count{outline-offset:3px;position:relative}.product-variant-count>summary{cursor:help;justify-content:center;align-items:center;min-width:44px;min-height:44px;list-style:none;display:inline-flex}.product-variant-count>summary::-webkit-details-marker{display:none}.product-variant-hint{z-index:var(--z-dropdown);background:var(--text);width:max-content;max-width:220px;color:var(--bg);opacity:0;pointer-events:none;border-radius:6px;padding:6px 8px;position:absolute;inset-block-end:calc(100% + 6px);inset-inline-start:0}.product-variant-count:hover .product-variant-hint,.product-variant-count:focus-within .product-variant-hint,.product-variant-count[open] .product-variant-hint{opacity:1}@media (pointer:coarse){.product-title-popover{inset:auto 16px calc(var(--safe-bottom) + 16px);width:auto;margin:0}}@media print{.app-topbar,.app-bottomnav,.app-sidebar,.toast-root,.route-loading-bar,[role=dialog]{display:none!important}[style*="position: sticky"],[style*="position: fixed"]{position:static!important}.skeleton{display:none!important}}html[data-onboarding=pending] .app-shell{visibility:hidden}