@import url(https://fonts.googleapis.com/css2?family=Chewy:wght@400&display=swap);#root,body,html{min-height:100vh}body{background:var(--bg-body);background-attachment:fixed;background-repeat:no-repeat;background-size:cover;color:var(--ui-text);margin:0}*{scrollbar-color:var(--ui-scrollbar-thumb-hover) var(--ui-scrollbar-track);scrollbar-width:thin}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-thumb{background:var(--ui-scrollbar-thumb);border-radius:8px}::-webkit-scrollbar-track{background:var(--ui-scrollbar-track)}a{color:var(--ui-accent);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}input,select,textarea{background:var(--ui-input-bg);border:var(--ui-input-border);color:var(--ui-text)}::placeholder{color:color-mix(in srgb,var(--ui-text) 55%,#0000);opacity:.8}select{accent-color:var(--ui-accent);background:var(--ui-select-bg);border:var(--ui-select-border);color:var(--ui-select-text);color-scheme:light;color-scheme:var(--ui-select-color-scheme,var(--ui-color-scheme,light))}:root{--bg-body:#0b1020;--ui-text:#e2e8f0;--ui-subtle:#cbd5e1;--ui-accent:#38bdf8;--ui-link:var(--ui-accent);--ui-danger:#f87171;--ui-card-bg:#ffffff0d;--ui-dialog-bg:#0f172a;--ui-dialog-border:1px solid #ffffff1f;--ui-card-border:1px solid #ffffff1f;--ui-button-bg:#ffffff0f;--ui-button-border:1px solid #ffffff2e;--ui-button-primary-bg:linear-gradient(180deg,#38bdf8e6,#0284c7e6);--ui-button-primary-border:1px solid #38bdf899;--ui-button-danger-bg:#f871712e;--ui-button-danger-border:1px solid #f8717166;--ui-input-bg:#ffffff14;--ui-input-border:1px solid #fff3;--ui-nested-card-bg:#0000;--ui-success:#28a745;--ui-success-hover:#218838;--ui-warning:#f59e0b;--ui-info:#17a2b8;--ui-neutral:#6b7280;--ui-divider:color-mix(in srgb,var(--ui-text) 20%,#0000);--ui-border-muted:color-mix(in srgb,var(--ui-text) 15%,#0000);--ui-shadow-sm:0 1px 2px 0 #0000000d;--ui-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--ui-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--ui-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--ui-shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--ui-shadow-2xl:0 25px 50px -12px #00000040;--ui-shadow-card:0 2px 4px #0000001a;--ui-shadow-modal:0 4px 20px #00000026;--ui-overlay-bg:#00000080;--ui-overlay-surface:color-mix(in srgb,var(--ui-card-bg) 85%,#0000);--ui-spinner-track:color-mix(in srgb,var(--ui-text) 15%,#0000);--ui-spinner-head:var(--ui-accent);--ui-error-bg:color-mix(in srgb,var(--ui-danger) 12%,var(--ui-card-bg));--ui-error-border:color-mix(in srgb,var(--ui-danger) 35%,#0000);--ui-error-text:var(--ui-danger);--ui-focus-ring:0 0 0 3px color-mix(in srgb,var(--ui-accent) 25%,#0000);--ui-error-ring:0 0 0 3px color-mix(in srgb,var(--ui-danger) 25%,#0000);--ui-input-disabled-bg:color-mix(in srgb,var(--ui-input-bg) 70%,var(--ui-card-bg));--ui-input-disabled-text:var(--ui-subtle);--ui-pill-owned-private-bg:#e5e7eb;--ui-pill-owned-private-text:#374151;--ui-pill-owned-shared-bg:#d1fae5;--ui-pill-owned-shared-text:#065f46;--ui-pill-public-bg:#dbeafe;--ui-pill-public-text:#1d4ed8;--ui-visibility-private:var(--ui-pill-owned-private-bg);--ui-visibility-shared:var(--ui-pill-owned-shared-bg);--ui-visibility-public:var(--ui-pill-public-bg);--ui-status-active:#48bb78;--ui-status-incart:#ed8936;--ui-status-inactive:#718096;--ui-on-accent:#fff;--ui-on-success:#fff;--ui-on-danger:#fff;--ui-on-warning:#111827;--ui-on-neutral:#fff;--ui-scrollbar-thumb:#94a3b866;--ui-scrollbar-thumb-hover:#94a3b899;--ui-scrollbar-track:#0000;--ui-appbar-bg:color-mix(in srgb,var(--ui-card-bg) 92%,var(--ui-accent));--ui-titlebar-bg:color-mix(in srgb,var(--ui-card-bg) 96%,var(--ui-accent));--ui-select-bg:var(--ui-input-bg);--ui-select-text:var(--ui-text);--ui-select-border:var(--ui-input-border);--ui-select-popup-bg:color-mix(in srgb,#fff 8%,var(--bg-body));--ui-select-popup-text:var(--ui-text);--ui-select-popup-border:var(--ui-select-border);--ui-color-scheme:dark}a{color:#38bdf8;color:var(--ui-link)}body[data-theme=muted-ash]{--bg-body:#6f7c75;--ui-text:#e6f0ea;--ui-subtle:#cbd5cf;--ui-accent:#22c55e;--ui-link:var(--ui-accent);--ui-danger:#f87171;--ui-card-bg:#ffffff0f;--ui-dialog-bg:#1a2220;--ui-dialog-border:1px solid #ffffff1f;--ui-card-border:1px solid #ffffff1a;--ui-button-bg:#ffffff14;--ui-button-border:1px solid #ffffff29;--ui-button-primary-bg:linear-gradient(180deg,#22c55ef2,#059669e6);--ui-button-primary-border:1px solid #05966980;--ui-button-danger-bg:#f8717129;--ui-button-danger-border:1px solid #f8717159;--ui-input-bg:#ffffff1a;--ui-input-border:1px solid #ffffff2e;--ui-appbar-bg:color-mix(in srgb,var(--ui-card-bg) 88%,var(--ui-accent));--ui-titlebar-bg:color-mix(in srgb,var(--ui-card-bg) 96%,var(--ui-accent));--ui-nested-card-bg:#0000;--ui-select-bg:var(--ui-input-bg);--ui-select-text:#e6f0ea;--ui-select-border:1px solid #ffffff2e;--ui-select-popup-bg:#1a2220;--ui-select-popup-text:#e6f0ea;--ui-color-scheme:dark}body[data-theme=mid-slate]{--bg-body:#8b9e91;--ui-text:#0b1020;--ui-subtle:#1f2a34;--ui-accent:#0ea5a5;--ui-link:var(--ui-accent);--ui-danger:#b91c1c;--ui-card-bg:#0000001f;--ui-dialog-bg:#fff;--ui-dialog-border:1px solid #0000001a;--ui-card-border:1px solid #00000014;--ui-button-bg:#ffffffd9;--ui-button-border:1px solid #0000001f;--ui-button-primary-bg:linear-gradient(180deg,#2dd4bff2,#0d9488e6);--ui-button-primary-border:1px solid #0d948880;--ui-button-danger-bg:#ef44441f;--ui-button-danger-border:1px solid #ef44444d;--ui-input-bg:#fffffff5;--ui-input-border:1px solid #0000001f;--ui-appbar-bg:color-mix(in srgb,var(--ui-card-bg) 88%,var(--ui-accent));--ui-titlebar-bg:color-mix(in srgb,var(--ui-card-bg) 96%,var(--ui-accent));--ui-nested-card-bg:#0000;--ui-select-bg:var(--ui-input-bg);--ui-select-text:var(--ui-text);--ui-select-border:var(--ui-input-border);--ui-select-popup-bg:color-mix(in srgb,#fff 96%,var(--bg-body));--ui-color-scheme:light}body[data-theme=mid-sage]{--bg-body:#9aa77f;--ui-text:#0b1020;--ui-subtle:#2a3324;--ui-accent:#16a34a;--ui-link:var(--ui-accent);--ui-danger:#b91c1c;--ui-card-bg:#222c1a2e;--ui-dialog-bg:#b7c59a;--ui-dialog-border:1px solid #0000001a;--ui-card-border:1px solid #00000014;--ui-button-bg:#c9d6abe6;--ui-button-border:1px solid #0000001f;--ui-button-primary-bg:linear-gradient(180deg,#86efac,#16a34a);--ui-button-primary-border:1px solid #16a34a80;--ui-button-danger-bg:#ef44441f;--ui-button-danger-border:1px solid #ef44444d;--ui-input-bg:#c9d8ae;--ui-input-border:1px solid #0000001f;--ui-appbar-bg:color-mix(in srgb,var(--ui-card-bg) 88%,var(--ui-accent));--ui-titlebar-bg:color-mix(in srgb,var(--ui-card-bg) 96%,var(--ui-accent));--ui-nested-card-bg:#00000014;--ui-select-bg:var(--ui-input-bg);--ui-select-text:var(--ui-text);--ui-select-border:var(--ui-input-border);--ui-select-popup-bg:#c1d0a4;--ui-select-popup-text:#0b1020;--ui-color-scheme:light}body[data-theme=mid-steel]{--bg-body:#8a9cb2;--ui-text:#0b1020;--ui-subtle:#1d2733;--ui-accent:#3b82f6;--ui-link:var(--ui-accent);--ui-danger:#b91c1c;--ui-card-bg:#161f2c29;--ui-dialog-bg:#a7b7cb;--ui-dialog-border:1px solid #121c2a38;--ui-card-border:1px solid #00000014;--ui-button-bg:#c0cedfe6;--ui-button-border:1px solid #0000001f;--ui-button-primary-bg:linear-gradient(180deg,#93c5fd,#3b82f6);--ui-button-primary-border:1px solid #3b82f680;--ui-button-danger-bg:#ef44441f;--ui-button-danger-border:1px solid #ef44444d;--ui-input-bg:#beccdc;--ui-input-border:1px solid #141f2e42;--ui-appbar-bg:color-mix(in srgb,var(--ui-card-bg) 88%,var(--ui-accent));--ui-titlebar-bg:color-mix(in srgb,var(--ui-card-bg) 96%,var(--ui-accent));--ui-nested-card-bg:#00000014;--ui-select-bg:var(--ui-input-bg);--ui-select-text:var(--ui-text);--ui-select-border:var(--ui-input-border);--ui-select-popup-bg:#b3c2d4;--ui-select-popup-text:#0b1020;--ui-color-scheme:light}body[data-theme=soft-slate]{--bg-body:#eef1f5;--ui-text:#0f172a;--ui-subtle:#475569;--ui-accent:#0ea5a5;--ui-link:var(--ui-accent);--ui-danger:#b91c1c;--ui-card-bg:#fff;--ui-dialog-bg:#fff;--ui-dialog-border:1px solid #0000001a;--ui-card-border:1px solid #0000001a;--ui-button-bg:rgba(0,0,0,.035);--ui-button-border:1px solid #0000001a;--ui-button-primary-bg:linear-gradient(180deg,#2dd4bff2,#0d9488e6);--ui-button-primary-border:1px solid #0d948880;--ui-button-danger-bg:#ef44441a;--ui-button-danger-border:1px solid #ef44444d;--ui-input-bg:#fff;--ui-input-border:1px solid #00000024;--ui-appbar-bg:color-mix(in srgb,var(--ui-card-bg) 88%,var(--ui-accent));--ui-titlebar-bg:color-mix(in srgb,var(--ui-card-bg) 96%,var(--ui-accent));--ui-nested-card-bg:#0000;--ui-select-bg:#0000;--ui-select-text:var(--ui-text);--ui-select-border:var(--ui-input-border)}body[data-theme=ocean-mist]{--bg-body:linear-gradient(180deg,#e6f0f7,#d9e7ef);--ui-text:#0b2533;--ui-subtle:#356;--ui-accent:#3b82f6;--ui-link:var(--ui-accent);--ui-danger:#c24141;--ui-card-bg:#ffffffeb;--ui-dialog-bg:#fff;--ui-dialog-border:1px solid #00000014;--ui-card-border:1px solid #00000014;--ui-button-bg:#ffffffd9;--ui-button-border:1px solid #0000001f;--ui-button-primary-bg:linear-gradient(180deg,#93c5fd,#3b82f6);--ui-button-primary-border:1px solid #3b82f68c;--ui-button-danger-bg:#c241411f;--ui-button-danger-border:1px solid #c2414159;--ui-input-bg:#fffffff2;--ui-input-border:1px solid #0000001f;--ui-appbar-bg:color-mix(in srgb,var(--ui-card-bg) 88%,var(--ui-accent));--ui-titlebar-bg:color-mix(in srgb,var(--ui-card-bg) 96%,var(--ui-accent));--ui-nested-card-bg:#0000;--ui-select-bg:#0000;--ui-select-text:var(--ui-text);--ui-select-border:var(--ui-input-border)}body[data-theme=dark]{--bg-body:#0b1020;--ui-text:#e2e8f0;--ui-subtle:#cbd5e1;--ui-accent:#38bdf8;--ui-link:var(--ui-accent);--ui-danger:#f87171;--ui-card-bg:#ffffff0d;--ui-dialog-bg:#0f172a;--ui-dialog-border:1px solid #ffffff24;--ui-card-border:1px solid #ffffff1f;--ui-button-bg:#ffffff0f;--ui-button-border:1px solid #ffffff2e;--ui-button-primary-bg:linear-gradient(180deg,#38bdf8e6,#0284c7e6);--ui-button-primary-border:1px solid #38bdf899;--ui-button-danger-bg:#f871712e;--ui-button-danger-border:1px solid #f8717166;--ui-input-bg:#ffffff14;--ui-input-border:1px solid #fff3;--ui-visibility-private:#f3f4f6;--ui-visibility-shared:#34d399;--ui-visibility-public:#60a5fa;--ui-appbar-bg:color-mix(in srgb,var(--ui-card-bg) 92%,var(--ui-accent));--ui-titlebar-bg:color-mix(in srgb,var(--ui-card-bg) 96%,var(--ui-accent));--ui-select-bg:var(--ui-input-bg);--ui-select-text:#e5e7eb;--ui-select-border:1px solid #fff3;--ui-select-popup-bg:color-mix(in srgb,#fff 8%,var(--bg-body))}body[data-theme=light]{--bg-body:#f3f5f8;--ui-text:#0b1020;--ui-subtle:#475569;--ui-accent:#2563eb;--ui-link:var(--ui-accent);--ui-danger:#b91c1c;--ui-card-bg:#fff;--ui-dialog-bg:#fff;--ui-dialog-border:1px solid #0000001f;--ui-card-border:1px solid #0000001f;--ui-button-bg:#0000000a;--ui-button-border:1px solid #00000026;--ui-button-primary-bg:linear-gradient(180deg,#2563ebf2,#1d4ed8e6);--ui-button-primary-border:1px solid #2563eb99;--ui-button-danger-bg:#ef44441a;--ui-button-danger-border:1px solid #ef444459;--ui-input-bg:#fff;--ui-input-border:1px solid #0003;--ui-appbar-bg:color-mix(in srgb,var(--ui-card-bg) 97%,var(--ui-accent));--ui-titlebar-bg:color-mix(in srgb,var(--ui-card-bg) 90%,var(--ui-accent));--ui-select-bg:var(--ui-input-bg);--ui-select-text:var(--ui-text);--ui-select-border:var(--ui-input-border)}body[data-theme=colorful]{--bg-body:linear-gradient(180deg,#0ea5e9,#a855f7);--ui-text:#0b1020;--ui-subtle:#1f2937;--ui-accent:#7c3aed;--ui-link:var(--ui-accent);--ui-danger:#ef4444;--ui-card-bg:#ffffffb8;--ui-dialog-bg:#fff;--ui-card-border:1px solid #0000000f;--ui-button-bg:#ffffffd1;--ui-button-border:1px solid #00000026;--ui-button-primary-bg:linear-gradient(180deg,#fde68a,#f59e0b);--ui-button-primary-border:1px solid #f59e0b99;--ui-button-danger-bg:#ef44441f;--ui-button-danger-border:1px solid #ef444459;--ui-input-bg:#fffffff0;--ui-input-border:1px solid #0000001f;--ui-appbar-bg:color-mix(in srgb,var(--ui-card-bg) 88%,var(--ui-accent));--ui-titlebar-bg:color-mix(in srgb,var(--ui-card-bg) 96%,var(--ui-accent));--ui-nested-card-bg:#0000;--ui-select-bg:var(--ui-input-bg);--ui-select-text:var(--ui-text);--ui-select-border:var(--ui-input-border)}body[data-theme=night-amoled]{--bg-body:#000;--ui-text:#e5e7eb;--ui-subtle:#9ca3af;--ui-accent:#38bdf8;--ui-link:var(--ui-accent);--ui-danger:#f87171;--ui-card-bg:#000;--ui-dialog-bg:#000;--ui-dialog-border:1px solid #ffffff1a;--ui-card-border:1px solid #ffffff14;--ui-button-bg:#ffffff0a;--ui-button-border:1px solid #ffffff1f;--ui-button-primary-bg:linear-gradient(180deg,#38bdf8bf,#0284c7bf);--ui-button-primary-border:1px solid #38bdf880;--ui-button-danger-bg:#f8717124;--ui-button-danger-border:1px solid #f8717159;--ui-input-bg:#000;--ui-input-border:1px solid #ffffff24;--ui-appbar-bg:#000;--ui-titlebar-bg:#0b0b0b;--ui-select-bg:var(--ui-input-bg);--ui-select-text:#e5e7eb;--ui-select-border:1px solid #ffffff2e;--ui-select-popup-bg:color-mix(in srgb,#fff 6%,var(--bg-body))}body[data-theme=sunset-glow]{--bg-body:linear-gradient(180deg,#ff6b6b,#f8c48e);--ui-text:#1f2937;--ui-subtle:#374151;--ui-accent:#db2777;--ui-link:var(--ui-accent);--ui-danger:#b91c1c;--ui-card-bg:#fffc;--ui-dialog-bg:#fff;--ui-dialog-border:1px solid #00000014;--ui-card-border:1px solid #00000014;--ui-button-bg:#ffffffdb;--ui-button-border:1px solid #0000001f;--ui-button-primary-bg:linear-gradient(180deg,#fb7185,#e11d48);--ui-button-primary-border:1px solid #e11d4899;--ui-button-danger-bg:#ef44441f;--ui-button-danger-border:1px solid #ef444459;--ui-input-bg:#fffffff2;--ui-input-border:1px solid #0000001f;--ui-appbar-bg:color-mix(in srgb,var(--ui-card-bg) 88%,var(--ui-accent));--ui-titlebar-bg:color-mix(in srgb,var(--ui-card-bg) 96%,var(--ui-accent));--ui-select-bg:var(--ui-input-bg);--ui-select-text:var(--ui-text);--ui-select-border:var(--ui-input-border);--ui-select-popup-bg:color-mix(in srgb,#fff 95%,var(--bg-body));--ui-color-scheme:light}body[data-theme=forest]{--bg-body:#0b2415;--ui-text:#e5f4ec;--ui-subtle:#b7d4c6;--ui-accent:#10b981;--ui-link:var(--ui-accent);--ui-danger:#f87171;--ui-card-bg:#ffffff0d;--ui-dialog-bg:#10291a;--ui-dialog-border:1px solid #ffffff1a;--ui-card-border:1px solid #ffffff1a;--ui-button-bg:#ffffff0f;--ui-button-border:1px solid #ffffff29;--ui-button-primary-bg:linear-gradient(180deg,#10b981e6,#059669e6);--ui-button-primary-border:1px solid #10b9818c;--ui-button-danger-bg:#f8717129;--ui-button-danger-border:1px solid #f8717159;--ui-input-bg:#ffffff14;--ui-input-border:1px solid #ffffff2e;--ui-appbar-bg:color-mix(in srgb,var(--ui-card-bg) 88%,var(--ui-accent));--ui-titlebar-bg:color-mix(in srgb,var(--ui-card-bg) 96%,var(--ui-accent));--ui-select-bg:var(--ui-input-bg);--ui-select-text:#e5f4ec;--ui-select-border:1px solid #fff3;--ui-select-popup-bg:#10291a;--ui-select-popup-text:#e5f4ec;--ui-color-scheme:dark}body[data-theme=solarized]{--bg-body:#fdf6e3;--ui-text:#073642;--ui-subtle:#586e75;--ui-accent:#2aa198;--ui-link:var(--ui-accent);--ui-danger:#dc322f;--ui-card-bg:#fff;--ui-dialog-bg:#fff;--ui-dialog-border:1px solid #0000001f;--ui-card-border:1px solid #0000001a;--ui-button-bg:#0000000a;--ui-button-border:1px solid #0000001f;--ui-button-primary-bg:linear-gradient(180deg,#268bd2f2,#0066cce6);--ui-button-primary-border:1px solid #268bd28c;--ui-button-danger-bg:#dc322f1f;--ui-button-danger-border:1px solid #dc322f59;--ui-input-bg:#fff;--ui-input-border:1px solid #0000002e;--ui-appbar-bg:color-mix(in srgb,var(--ui-card-bg) 88%,var(--ui-accent));--ui-titlebar-bg:color-mix(in srgb,var(--ui-card-bg) 96%,var(--ui-accent));--ui-select-bg:var(--ui-input-bg);--ui-select-text:var(--ui-text);--ui-select-border:var(--ui-input-border);--ui-select-popup-bg:#fff;--ui-color-scheme:light}body[data-theme=citrus-joy]{--bg-body:linear-gradient(180deg,#fef08a,#34d399);--ui-text:#1f2937;--ui-subtle:#374151;--ui-accent:#f59e0b;--ui-link:var(--ui-accent);--ui-danger:#b91c1c;--ui-card-bg:#ffffffdb;--ui-dialog-bg:#fff;--ui-dialog-border:1px solid #0000001a;--ui-card-border:1px solid #00000014;--ui-button-bg:#ffffffe0;--ui-button-border:1px solid #0000001f;--ui-button-primary-bg:linear-gradient(180deg,#fde68a,#10b981);--ui-button-primary-border:1px solid #10b9818c;--ui-button-danger-bg:#ef44441f;--ui-button-danger-border:1px solid #ef444459;--ui-input-bg:#fff;--ui-input-border:1px solid #0000001f;--ui-appbar-bg:color-mix(in srgb,var(--ui-card-bg) 88%,var(--ui-accent));--ui-titlebar-bg:color-mix(in srgb,var(--ui-card-bg) 96%,var(--ui-accent));--ui-select-bg:var(--ui-input-bg);--ui-select-text:var(--ui-text);--ui-select-border:var(--ui-input-border);--ui-select-popup-bg:#fff;--ui-color-scheme:light}body[data-theme=bubblegum-party]{--bg-body:linear-gradient(180deg,#f472b6,#60a5fa);--ui-text:#0b1020;--ui-subtle:#1f2937;--ui-accent:#ec4899;--ui-link:var(--ui-accent);--ui-danger:#b91c1c;--ui-card-bg:#ffffffd6;--ui-dialog-bg:#fff;--ui-dialog-border:1px solid #0000001a;--ui-card-border:1px solid #00000014;--ui-button-bg:#ffffffdb;--ui-button-border:1px solid #0000001f;--ui-button-primary-bg:linear-gradient(180deg,#f9a8d4,#60a5fa);--ui-button-primary-border:1px solid #60a5fa8c;--ui-button-danger-bg:#ef44441f;--ui-button-danger-border:1px solid #ef444459;--ui-input-bg:#fff;--ui-input-border:1px solid #0000001f;--ui-appbar-bg:color-mix(in srgb,var(--ui-card-bg) 88%,var(--ui-accent));--ui-titlebar-bg:color-mix(in srgb,var(--ui-card-bg) 96%,var(--ui-accent));--ui-select-bg:var(--ui-input-bg);--ui-select-text:var(--ui-text);--ui-select-border:var(--ui-input-border);--ui-select-popup-bg:#fff;--ui-color-scheme:light}body[data-theme=pastel-mint]{--bg-body:#eafff5;--ui-text:#1f2937;--ui-subtle:#4b5563;--ui-accent:#34d399;--ui-link:var(--ui-accent);--ui-danger:#ef4444;--ui-card-bg:#fff;--ui-dialog-bg:#fff;--ui-dialog-border:1px solid #00000014;--ui-card-border:1px solid #00000014;--ui-button-bg:rgba(0,0,0,.035);--ui-button-border:1px solid #0000001a;--ui-button-primary-bg:linear-gradient(180deg,#34d399f2,#10b981e6);--ui-button-primary-border:1px solid #10b98180;--ui-button-danger-bg:#ef44441a;--ui-button-danger-border:1px solid #ef44444d;--ui-input-bg:#fff;--ui-input-border:1px solid #00000024;--ui-appbar-bg:color-mix(in srgb,var(--ui-card-bg) 88%,var(--ui-accent));--ui-titlebar-bg:color-mix(in srgb,var(--ui-card-bg) 96%,var(--ui-accent));--ui-nested-card-bg:#0000;--ui-select-bg:var(--ui-input-bg);--ui-select-text:var(--ui-text);--ui-select-border:var(--ui-input-border);--ui-select-popup-bg:#fff;--ui-color-scheme:light}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-primary{color:var(--ui-text)}.text-subtle{color:var(--ui-subtle)}.text-accent{color:var(--ui-accent)}.text-danger{color:var(--ui-danger)}.text-link{color:var(--ui-link)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.leading-none{line-height:1}.leading-tight{line-height:1.25}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.75}.brand-font{font-family:Chewy,cursive;font-weight:400}h1,h2,h3,h4,h5,h6{color:var(--ui-text);font-weight:600;margin:0}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}p{color:var(--ui-text);line-height:1.5;margin:0 0 1rem}p:last-child{margin-bottom:0}.u-block{display:block}.u-inline{display:inline}.u-inline-block{display:inline-block}.u-flex{display:flex}.u-inline-flex{display:inline-flex}.u-grid{display:grid}.u-hidden{display:none}.u-flex-row{flex-direction:row}.u-flex-col{flex-direction:column}.u-flex-row-reverse{flex-direction:row-reverse}.u-flex-col-reverse{flex-direction:column-reverse}.u-flex-wrap{flex-wrap:wrap}.u-flex-nowrap{flex-wrap:nowrap}.u-flex-wrap-reverse{flex-wrap:wrap-reverse}.u-justify-start{justify-content:flex-start}.u-justify-end{justify-content:flex-end}.u-justify-center{justify-content:center}.u-justify-between{justify-content:space-between}.u-justify-around{justify-content:space-around}.u-justify-evenly{justify-content:space-evenly}.u-items-start{align-items:flex-start}.u-items-end{align-items:flex-end}.u-items-center{align-items:center}.u-items-baseline{align-items:baseline}.u-items-stretch{align-items:stretch}.u-content-start{align-content:flex-start}.u-content-end{align-content:flex-end}.u-content-center{align-content:center}.u-content-between{align-content:space-between}.u-content-around{align-content:space-around}.u-content-stretch{align-content:stretch}.u-flex-1{flex:1 1}.u-flex-auto{flex:1 1 auto}.u-flex-initial{flex:0 1 auto}.u-flex-none{flex:none}.u-flex-grow{flex-grow:1}.u-flex-grow-0{flex-grow:0}.u-flex-shrink{flex-shrink:1}.u-flex-shrink-0{flex-shrink:0}.u-static{position:static}.u-fixed{position:fixed}.u-absolute{position:absolute}.u-relative{position:relative}.u-sticky{position:-webkit-sticky;position:sticky}.u-z-0{z-index:0}.u-z-10{z-index:10}.u-z-20{z-index:20}.u-z-30{z-index:30}.u-z-40{z-index:40}.u-z-50{z-index:50}.u-z-auto{z-index:auto}.u-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.u-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.u-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.u-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.u-gap-0{gap:0}.u-gap-1{gap:.25rem}.u-gap-2{gap:.5rem}.u-gap-3{gap:.75rem}.u-gap-4{gap:1rem}.u-gap-5{gap:1.25rem}.u-gap-6{gap:1.5rem}.u-gap-8{gap:2rem}.u-gap-10{gap:2.5rem}.u-gap-12{gap:3rem}.u-gap-16{gap:4rem}.u-gap-20{gap:5rem}.u-gap-x-0{column-gap:0}.u-gap-x-1{column-gap:.25rem}.u-gap-x-2{column-gap:.5rem}.u-gap-x-3{column-gap:.75rem}.u-gap-x-4{column-gap:1rem}.u-gap-x-5{column-gap:1.25rem}.u-gap-x-6{column-gap:1.5rem}.u-gap-x-8{column-gap:2rem}.u-gap-x-10{column-gap:2.5rem}.u-gap-x-12{column-gap:3rem}.u-gap-x-16{column-gap:4rem}.u-gap-x-20{column-gap:5rem}.u-gap-y-0{row-gap:0}.u-gap-y-1{row-gap:.25rem}.u-gap-y-2{row-gap:.5rem}.u-gap-y-3{row-gap:.75rem}.u-gap-y-4{row-gap:1rem}.u-gap-y-5{row-gap:1.25rem}.u-gap-y-6{row-gap:1.5rem}.u-gap-y-8{row-gap:2rem}.u-gap-y-10{row-gap:2.5rem}.u-gap-y-12{row-gap:3rem}.u-gap-y-16{row-gap:4rem}.u-gap-y-20{row-gap:5rem}.u-overflow-auto{overflow:auto}.u-overflow-hidden{overflow:hidden}.u-overflow-visible{overflow:visible}.u-overflow-scroll{overflow:scroll}.u-overflow-x-auto{overflow-x:auto}.u-overflow-x-hidden{overflow-x:hidden}.u-overflow-x-visible{overflow-x:visible}.u-overflow-x-scroll{overflow-x:scroll}.u-overflow-y-auto{overflow-y:auto}.u-overflow-y-hidden{overflow-y:hidden}.u-overflow-y-visible{overflow-y:visible}.u-overflow-y-scroll{overflow-y:scroll}.u-w-auto{width:auto}.u-w-full{width:100%}.u-w-screen{width:100vw}.u-w-min{width:-webkit-min-content;width:min-content}.u-w-max{width:-webkit-max-content;width:max-content}.u-w-fit{width:-webkit-fit-content;width:fit-content}.u-h-auto{height:auto}.u-h-full{height:100%}.u-h-screen{height:100vh}.u-h-min{height:-webkit-min-content;height:min-content}.u-h-max{height:-webkit-max-content;height:max-content}.u-h-fit{height:-webkit-fit-content;height:fit-content}.u-min-w-0{min-width:0}.u-min-w-full{min-width:100%}.u-min-w-min{min-width:-webkit-min-content;min-width:min-content}.u-min-w-max{min-width:-webkit-max-content;min-width:max-content}.u-max-w-0{max-width:0}.u-max-w-full{max-width:100%}.u-max-w-min{max-width:-webkit-min-content;max-width:min-content}.u-max-w-max{max-width:-webkit-max-content;max-width:max-content}.u-min-h-0{min-height:0}.u-min-h-full{min-height:100%}.u-min-h-screen{min-height:100vh}.u-min-h-min{min-height:-webkit-min-content;min-height:min-content}.u-min-h-max{min-height:-webkit-max-content;min-height:max-content}.u-max-h-0{max-height:0}.u-max-h-full{max-height:100%}.u-max-h-screen{max-height:100vh}.u-max-h-min{max-height:-webkit-min-content;max-height:min-content}.u-max-h-max{max-height:-webkit-max-content;max-height:max-content}.u-text-current{color:currentColor}.u-text-transparent{color:#0000}.u-text-primary{color:var(--ui-text)}.u-text-subtle{color:var(--ui-subtle)}.u-text-accent{color:var(--ui-accent)}.u-text-link{color:var(--ui-link)}.u-text-danger{color:var(--ui-danger)}.u-bg-current{background-color:currentColor}.u-bg-transparent{background-color:initial}.u-bg-body{background-color:var(--bg-body)}.u-bg-card{background-color:var(--ui-card-bg)}.u-bg-dialog{background-color:var(--ui-dialog-bg)}.u-bg-input{background-color:var(--ui-input-bg)}.u-bg-button{background-color:var(--ui-button-bg)}.u-bg-button-primary{background-color:var(--ui-button-primary-bg)}.u-bg-button-danger{background-color:var(--ui-button-danger-bg)}.u-border-transparent{border-color:#0000}.u-border-current{border-color:currentColor}.u-border-card{border-color:var(--ui-card-border)}.u-border-dialog{border-color:var(--ui-dialog-border)}.u-border-input{border-color:var(--ui-input-border)}.u-border-button{border-color:var(--ui-button-border)}.u-border-button-primary{border-color:var(--ui-button-primary-border)}.u-border-button-danger{border-color:var(--ui-button-danger-border)}.u-opacity-0{opacity:0}.u-opacity-5{opacity:.05}.u-opacity-10{opacity:.1}.u-opacity-20{opacity:.2}.u-opacity-25{opacity:.25}.u-opacity-30{opacity:.3}.u-opacity-40{opacity:.4}.u-opacity-50{opacity:.5}.u-opacity-60{opacity:.6}.u-opacity-70{opacity:.7}.u-opacity-75{opacity:.75}.u-opacity-80{opacity:.8}.u-opacity-90{opacity:.9}.u-opacity-95{opacity:.95}.u-opacity-100{opacity:1}.u-bg-white{background-color:var(--ui-card-bg)}.u-bg-black{background-color:var(--bg-body)}.u-text-black,.u-text-white{color:var(--ui-text)}.u-text-success{color:var(--ui-success)}.u-text-warning{color:var(--ui-warning)}.u-text-error{color:var(--ui-danger)}.u-text-info{color:var(--ui-info)}.u-bg-success{background-color:var(--ui-success)}.u-bg-warning{background-color:var(--ui-warning)}.u-bg-error{background-color:var(--ui-danger)}.u-bg-info{background-color:var(--ui-info)}.u-border{border:1px solid var(--ui-card-border)}.u-border-0{border:0}.u-border-t{border-top:1px solid var(--ui-card-border)}.u-border-r{border-right:1px solid var(--ui-card-border)}.u-border-b{border-bottom:1px solid var(--ui-card-border)}.u-border-l{border-left:1px solid var(--ui-card-border)}.u-rounded-none{border-radius:0}.u-rounded-sm{border-radius:.125rem}.u-rounded{border-radius:.25rem}.u-rounded-md{border-radius:.375rem}.u-rounded-lg{border-radius:.5rem}.u-rounded-xl{border-radius:.75rem}.u-rounded-2xl{border-radius:1rem}.u-rounded-3xl{border-radius:1.5rem}.u-rounded-full{border-radius:9999px}.u-rounded-4px{border-radius:4px}.u-rounded-6px{border-radius:6px}.u-rounded-8px{border-radius:8px}.u-rounded-12px{border-radius:12px}.u-shadow-none{box-shadow:none}.u-shadow-sm{box-shadow:var(--ui-shadow-sm)}.u-shadow{box-shadow:var(--ui-shadow)}.u-shadow-md{box-shadow:var(--ui-shadow-md)}.u-shadow-lg{box-shadow:var(--ui-shadow-lg)}.u-shadow-xl{box-shadow:var(--ui-shadow-xl)}.u-shadow-2xl{box-shadow:var(--ui-shadow-2xl)}.u-shadow-card{box-shadow:var(--ui-shadow-card)}.u-shadow-modal{box-shadow:var(--ui-shadow-modal)}.u-m-0{margin:0}.u-m-1{margin:.25rem}.u-m-2{margin:.5rem}.u-m-3{margin:.75rem}.u-m-4{margin:1rem}.u-m-5{margin:1.25rem}.u-m-6{margin:1.5rem}.u-m-8{margin:2rem}.u-m-10{margin:2.5rem}.u-m-12{margin:3rem}.u-m-16{margin:4rem}.u-m-20{margin:5rem}.u-m-auto{margin:auto}.u-mx-0{margin-left:0;margin-right:0}.u-mx-1{margin-left:.25rem;margin-right:.25rem}.u-mx-2{margin-left:.5rem;margin-right:.5rem}.u-mx-3{margin-left:.75rem;margin-right:.75rem}.u-mx-4{margin-left:1rem;margin-right:1rem}.u-mx-5{margin-left:1.25rem;margin-right:1.25rem}.u-mx-6{margin-left:1.5rem;margin-right:1.5rem}.u-mx-8{margin-left:2rem;margin-right:2rem}.u-mx-10{margin-left:2.5rem;margin-right:2.5rem}.u-mx-12{margin-left:3rem;margin-right:3rem}.u-mx-16{margin-left:4rem;margin-right:4rem}.u-mx-20{margin-left:5rem;margin-right:5rem}.u-mx-auto{margin-left:auto;margin-right:auto}.u-my-0{margin-bottom:0;margin-top:0}.u-my-1{margin-bottom:.25rem;margin-top:.25rem}.u-my-2{margin-bottom:.5rem;margin-top:.5rem}.u-my-3{margin-bottom:.75rem;margin-top:.75rem}.u-my-4{margin-bottom:1rem;margin-top:1rem}.u-my-5{margin-bottom:1.25rem;margin-top:1.25rem}.u-my-6{margin-bottom:1.5rem;margin-top:1.5rem}.u-my-8{margin-bottom:2rem;margin-top:2rem}.u-my-10{margin-bottom:2.5rem;margin-top:2.5rem}.u-my-12{margin-bottom:3rem;margin-top:3rem}.u-my-16{margin-bottom:4rem;margin-top:4rem}.u-my-20{margin-bottom:5rem;margin-top:5rem}.u-my-auto{margin-bottom:auto;margin-top:auto}.u-mt-0{margin-top:0}.u-mt-1{margin-top:.25rem}.u-mt-2{margin-top:.5rem}.u-mt-3{margin-top:.75rem}.u-mt-4{margin-top:1rem}.u-mt-5{margin-top:1.25rem}.u-mt-6{margin-top:1.5rem}.u-mt-8{margin-top:2rem}.u-mt-10{margin-top:2.5rem}.u-mt-12{margin-top:3rem}.u-mt-16{margin-top:4rem}.u-mt-20{margin-top:5rem}.u-mt-auto{margin-top:auto}.u-mr-0{margin-right:0}.u-mr-1{margin-right:.25rem}.u-mr-2{margin-right:.5rem}.u-mr-3{margin-right:.75rem}.u-mr-4{margin-right:1rem}.u-mr-5{margin-right:1.25rem}.u-mr-6{margin-right:1.5rem}.u-mr-8{margin-right:2rem}.u-mr-10{margin-right:2.5rem}.u-mr-12{margin-right:3rem}.u-mr-16{margin-right:4rem}.u-mr-20{margin-right:5rem}.u-mr-auto{margin-right:auto}.u-mb-0{margin-bottom:0}.u-mb-1{margin-bottom:.25rem}.u-mb-2{margin-bottom:.5rem}.u-mb-3{margin-bottom:.75rem}.u-mb-4{margin-bottom:1rem}.u-mb-5{margin-bottom:1.25rem}.u-mb-6{margin-bottom:1.5rem}.u-mb-8{margin-bottom:2rem}.u-mb-10{margin-bottom:2.5rem}.u-mb-12{margin-bottom:3rem}.u-mb-16{margin-bottom:4rem}.u-mb-20{margin-bottom:5rem}.u-mb-auto{margin-bottom:auto}.u-ml-0{margin-left:0}.u-ml-1{margin-left:.25rem}.u-ml-2{margin-left:.5rem}.u-ml-3{margin-left:.75rem}.u-ml-4{margin-left:1rem}.u-ml-5{margin-left:1.25rem}.u-ml-6{margin-left:1.5rem}.u-ml-8{margin-left:2rem}.u-ml-10{margin-left:2.5rem}.u-ml-12{margin-left:3rem}.u-ml-16{margin-left:4rem}.u-ml-20{margin-left:5rem}.u-ml-auto{margin-left:auto}.u-p-0{padding:0}.u-p-1{padding:.25rem}.u-p-2{padding:.5rem}.u-p-3{padding:.75rem}.u-p-4{padding:1rem}.u-p-5{padding:1.25rem}.u-p-6{padding:1.5rem}.u-p-8{padding:2rem}.u-p-10{padding:2.5rem}.u-p-12{padding:3rem}.u-p-16{padding:4rem}.u-p-20{padding:5rem}.u-px-0{padding-left:0;padding-right:0}.u-px-1{padding-left:.25rem;padding-right:.25rem}.u-px-2{padding-left:.5rem;padding-right:.5rem}.u-px-3{padding-left:.75rem;padding-right:.75rem}.u-px-4{padding-left:1rem;padding-right:1rem}.u-px-5{padding-left:1.25rem;padding-right:1.25rem}.u-px-6{padding-left:1.5rem;padding-right:1.5rem}.u-px-8{padding-left:2rem;padding-right:2rem}.u-px-10{padding-left:2.5rem;padding-right:2.5rem}.u-px-12{padding-left:3rem;padding-right:3rem}.u-px-16{padding-left:4rem;padding-right:4rem}.u-px-20{padding-left:5rem;padding-right:5rem}.u-py-0{padding-bottom:0;padding-top:0}.u-py-1{padding-bottom:.25rem;padding-top:.25rem}.u-py-2{padding-bottom:.5rem;padding-top:.5rem}.u-py-3{padding-bottom:.75rem;padding-top:.75rem}.u-py-4{padding-bottom:1rem;padding-top:1rem}.u-py-5{padding-bottom:1.25rem;padding-top:1.25rem}.u-py-6{padding-bottom:1.5rem;padding-top:1.5rem}.u-py-8{padding-bottom:2rem;padding-top:2rem}.u-py-10{padding-bottom:2.5rem;padding-top:2.5rem}.u-py-12{padding-bottom:3rem;padding-top:3rem}.u-py-16{padding-bottom:4rem;padding-top:4rem}.u-py-20{padding-bottom:5rem;padding-top:5rem}.u-pt-0{padding-top:0}.u-pt-1{padding-top:.25rem}.u-pt-2{padding-top:.5rem}.u-pt-3{padding-top:.75rem}.u-pt-4{padding-top:1rem}.u-pt-5{padding-top:1.25rem}.u-pt-6{padding-top:1.5rem}.u-pt-8{padding-top:2rem}.u-pt-10{padding-top:2.5rem}.u-pt-12{padding-top:3rem}.u-pt-16{padding-top:4rem}.u-pt-20{padding-top:5rem}.u-pr-0{padding-right:0}.u-pr-1{padding-right:.25rem}.u-pr-2{padding-right:.5rem}.u-pr-3{padding-right:.75rem}.u-pr-4{padding-right:1rem}.u-pr-5{padding-right:1.25rem}.u-pr-6{padding-right:1.5rem}.u-pr-8{padding-right:2rem}.u-pr-10{padding-right:2.5rem}.u-pr-12{padding-right:3rem}.u-pr-16{padding-right:4rem}.u-pr-20{padding-right:5rem}.u-pb-0{padding-bottom:0}.u-pb-1{padding-bottom:.25rem}.u-pb-2{padding-bottom:.5rem}.u-pb-3{padding-bottom:.75rem}.u-pb-4{padding-bottom:1rem}.u-pb-5{padding-bottom:1.25rem}.u-pb-6{padding-bottom:1.5rem}.u-pb-8{padding-bottom:2rem}.u-pb-10{padding-bottom:2.5rem}.u-pb-12{padding-bottom:3rem}.u-pb-16{padding-bottom:4rem}.u-pb-20{padding-bottom:5rem}.u-pl-0{padding-left:0}.u-pl-1{padding-left:.25rem}.u-pl-2{padding-left:.5rem}.u-pl-3{padding-left:.75rem}.u-pl-4{padding-left:1rem}.u-pl-5{padding-left:1.25rem}.u-pl-6{padding-left:1.5rem}.u-pl-8{padding-left:2rem}.u-pl-10{padding-left:2.5rem}.u-pl-12{padding-left:3rem}.u-pl-16{padding-left:4rem}.u-pl-20{padding-left:5rem}.u-gap-8{gap:8px}.u-gap-10{gap:10px}.u-gap-16{gap:16px}.u-padding-16{padding:16px}.u-padding-20{padding:20px}.u-margin-bottom-20{margin-bottom:20px}.u-container{margin:0 auto;max-width:1200px;width:100%}.u-container-sm{margin:0 auto;max-width:520px;width:100%}.u-container-md{margin:0 auto;max-width:768px;width:100%}.u-container-lg{margin:0 auto;max-width:1024px;width:100%}@media (min-width:520px){.u-sm\:block{display:block}.u-sm\:inline{display:inline}.u-sm\:inline-block{display:inline-block}.u-sm\:flex{display:flex}.u-sm\:grid{display:grid}.u-sm\:hidden{display:none}.u-sm\:flex-row{flex-direction:row}.u-sm\:flex-col{flex-direction:column}.u-sm\:flex-wrap{flex-wrap:wrap}.u-sm\:justify-start{justify-content:flex-start}.u-sm\:justify-end{justify-content:flex-end}.u-sm\:justify-center{justify-content:center}.u-sm\:justify-between{justify-content:space-between}.u-sm\:items-start{align-items:flex-start}.u-sm\:items-end{align-items:flex-end}.u-sm\:items-center{align-items:center}.u-sm\:items-stretch{align-items:stretch}.u-sm\:flex-1{flex:1 1}.u-sm\:flex-auto{flex:1 1 auto}.u-sm\:flex-none{flex:none}.u-sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.u-sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.u-sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.u-sm\:gap-0{gap:0}.u-sm\:gap-1{gap:.25rem}.u-sm\:gap-2{gap:.5rem}.u-sm\:gap-3{gap:.75rem}.u-sm\:gap-4{gap:1rem}.u-sm\:gap-6{gap:1.5rem}.u-sm\:gap-8{gap:2rem}.u-sm\:m-0{margin:0}.u-sm\:m-4{margin:1rem}.u-sm\:m-8{margin:2rem}.u-sm\:mx-auto{margin-left:auto;margin-right:auto}.u-sm\:p-0{padding:0}.u-sm\:p-4{padding:1rem}.u-sm\:p-8{padding:2rem}.u-sm\:w-auto{width:auto}.u-sm\:w-full{width:100%}.u-sm\:w-1\/2{width:50%}.u-sm\:w-1\/3{width:33.333333%}.u-sm\:w-2\/3{width:66.666667%}.u-sm\:text-sm{font-size:.875rem}.u-sm\:text-base{font-size:1rem}.u-sm\:text-lg{font-size:1.125rem}.u-sm\:text-xl{font-size:1.25rem}}@media (min-width:768px){.u-md\:block{display:block}.u-md\:inline{display:inline}.u-md\:inline-block{display:inline-block}.u-md\:flex{display:flex}.u-md\:grid{display:grid}.u-md\:hidden{display:none}.u-md\:flex-row{flex-direction:row}.u-md\:flex-col{flex-direction:column}.u-md\:flex-wrap{flex-wrap:wrap}.u-md\:justify-start{justify-content:flex-start}.u-md\:justify-end{justify-content:flex-end}.u-md\:justify-center{justify-content:center}.u-md\:justify-between{justify-content:space-between}.u-md\:items-start{align-items:flex-start}.u-md\:items-end{align-items:flex-end}.u-md\:items-center{align-items:center}.u-md\:items-stretch{align-items:stretch}.u-md\:flex-1{flex:1 1}.u-md\:flex-auto{flex:1 1 auto}.u-md\:flex-none{flex:none}.u-md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.u-md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.u-md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.u-md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.u-md\:gap-0{gap:0}.u-md\:gap-1{gap:.25rem}.u-md\:gap-2{gap:.5rem}.u-md\:gap-3{gap:.75rem}.u-md\:gap-4{gap:1rem}.u-md\:gap-6{gap:1.5rem}.u-md\:gap-8{gap:2rem}.u-md\:m-0{margin:0}.u-md\:m-4{margin:1rem}.u-md\:m-8{margin:2rem}.u-md\:mx-auto{margin-left:auto;margin-right:auto}.u-md\:p-0{padding:0}.u-md\:p-4{padding:1rem}.u-md\:p-8{padding:2rem}.u-md\:w-auto{width:auto}.u-md\:w-full{width:100%}.u-md\:w-1\/2{width:50%}.u-md\:w-1\/3{width:33.333333%}.u-md\:w-2\/3{width:66.666667%}.u-md\:w-1\/4{width:25%}.u-md\:w-3\/4{width:75%}.u-md\:text-sm{font-size:.875rem}.u-md\:text-base{font-size:1rem}.u-md\:text-lg{font-size:1.125rem}.u-md\:text-xl{font-size:1.25rem}.u-md\:text-2xl{font-size:1.5rem}}@media (min-width:1024px){.u-lg\:block{display:block}.u-lg\:inline{display:inline}.u-lg\:inline-block{display:inline-block}.u-lg\:flex{display:flex}.u-lg\:grid{display:grid}.u-lg\:hidden{display:none}.u-lg\:flex-row{flex-direction:row}.u-lg\:flex-col{flex-direction:column}.u-lg\:flex-wrap{flex-wrap:wrap}.u-lg\:justify-start{justify-content:flex-start}.u-lg\:justify-end{justify-content:flex-end}.u-lg\:justify-center{justify-content:center}.u-lg\:justify-between{justify-content:space-between}.u-lg\:items-start{align-items:flex-start}.u-lg\:items-end{align-items:flex-end}.u-lg\:items-center{align-items:center}.u-lg\:items-stretch{align-items:stretch}.u-lg\:flex-1{flex:1 1}.u-lg\:flex-auto{flex:1 1 auto}.u-lg\:flex-none{flex:none}.u-lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.u-lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.u-lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.u-lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.u-lg\:gap-0{gap:0}.u-lg\:gap-1{gap:.25rem}.u-lg\:gap-2{gap:.5rem}.u-lg\:gap-3{gap:.75rem}.u-lg\:gap-4{gap:1rem}.u-lg\:gap-6{gap:1.5rem}.u-lg\:gap-8{gap:2rem}.u-lg\:m-0{margin:0}.u-lg\:m-4{margin:1rem}.u-lg\:m-8{margin:2rem}.u-lg\:mx-auto{margin-left:auto;margin-right:auto}.u-lg\:p-0{padding:0}.u-lg\:p-4{padding:1rem}.u-lg\:p-8{padding:2rem}.u-lg\:w-auto{width:auto}.u-lg\:w-full{width:100%}.u-lg\:w-1\/2{width:50%}.u-lg\:w-1\/3{width:33.333333%}.u-lg\:w-2\/3{width:66.666667%}.u-lg\:w-1\/4{width:25%}.u-lg\:w-3\/4{width:75%}.u-lg\:text-sm{font-size:.875rem}.u-lg\:text-base{font-size:1rem}.u-lg\:text-lg{font-size:1.125rem}.u-lg\:text-xl{font-size:1.25rem}.u-lg\:text-2xl{font-size:1.5rem}.u-lg\:text-3xl{font-size:1.875rem}}@media (max-width:768px){.u-mobile\:flex-col{flex-direction:column}.u-mobile\:w-full{width:100%}.u-mobile\:text-center{text-align:center}.u-mobile\:gap-4{gap:1rem}}.btn{background:var(--ui-button-bg);border:none;border:var(--ui-button-border);border-radius:4px;color:var(--ui-text);cursor:pointer;display:inline-block;font-size:14px;font-weight:500;padding:10px 20px;text-decoration:none;transition:all .2s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:var(--ui-button-primary-bg);border:var(--ui-button-primary-border);color:var(--ui-on-accent)}.btn-primary:hover:not(:disabled){opacity:.9}.btn-secondary{background:var(--ui-button-bg);border:var(--ui-button-border);color:var(--ui-text)}.btn-secondary:hover:not(:disabled){opacity:.8}.btn-success{background:var(--ui-success);color:var(--ui-on-success)}.btn-success:hover{background:var(--ui-success-hover)}.btn-danger{background:var(--ui-button-danger-bg);border:var(--ui-button-danger-border);color:var(--ui-on-danger)}.btn-danger:hover:not(:disabled){background:var(--ui-danger)}.btn-sm{font-size:12px;padding:6px 12px}.btn-lg{font-size:16px;padding:12px 24px}.btn-icon{align-items:center;background:none;border:none;border-radius:6px;color:var(--ui-text);cursor:pointer;display:inline-flex;font-size:1rem;justify-content:center;min-height:40px;min-width:40px;padding:8px 12px;transition:all .2s ease}.btn-icon:hover{background:var(--ui-input-bg);transform:translateY(-1px)}.btn-icon:active{transform:translateY(1px)}.btn-icon:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-icon:disabled:hover{background:none;transform:none}.btn-icon.btn-primary{padding:6px 12px}.btn-icon.btn-primary,.btn-icon.btn-round{background:var(--ui-button-primary-bg);color:var(--ui-on-accent)}.btn-icon.btn-round{border-radius:50%;height:40px;padding:0;width:40px}.btn-icon.btn-round:hover{background:var(--ui-button-primary-bg);filter:brightness(1.1);transform:scale(1.05)}.btn-icon.btn-round:active{transform:scale(.95)}.icon-button{align-items:center;background:none;border:none;border-radius:6px;color:var(--ui-text);cursor:pointer;display:inline-flex;font-size:1rem;justify-content:center;min-height:32px;min-width:32px;padding:6px 10px;transition:all .2s ease}.icon-button:hover{background:var(--ui-input-bg);transform:translateY(-1px)}.icon-button:active{transform:translateY(1px)}.icon-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.icon-button:disabled:hover{background:none;transform:none}.icon-button.primary{background:var(--ui-button-primary-bg);color:var(--ui-on-accent)}.icon-button.primary:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.icon-button.icon-button-round{aspect-ratio:1/1;background:var(--ui-button-primary-bg);border-radius:50%;box-sizing:border-box;color:var(--ui-on-accent);height:40px;min-height:40px;min-width:40px;padding:0;width:40px}.icon-button.icon-button-round:hover{background:var(--ui-button-primary-bg);filter:brightness(1.1);transform:scale(1.05)}.icon-button.icon-button-round:active{transform:scale(.95)}.create-list-button{background:var(--ui-accent);border:none;border-radius:8px;color:var(--ui-on-accent);cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 16px;transition:background-color .2s ease}.create-list-button:hover{background:color-mix(in srgb,var(--ui-accent) 85%,#000)}.create-first-list-button{background:var(--ui-accent);border:none;border-radius:8px;color:var(--ui-on-accent);cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;transition:background-color .2s ease}.create-first-list-button:hover{background:color-mix(in srgb,var(--ui-accent) 85%,#000)}.list-edit-btn{align-items:center;background:none;border:none;border-radius:6px;color:var(--ui-text);cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;margin-left:.75rem;min-height:44px;min-width:44px;padding:.5rem;transition:all .2s ease}.list-edit-btn:hover{background-color:var(--ui-card-bg);color:var(--ui-accent)}.list-edit-btn:active{background-color:var(--ui-input-border)}.finish-button{align-items:center;background:var(--ui-success);border:none;border-radius:4px;color:var(--ui-on-success);cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:center;margin-top:15px;padding:10px 20px;text-align:center;transition:all .2s ease;width:100%}.finish-button:hover{background:var(--ui-success-hover)}.price-btn{font-size:12px;margin-left:10px;min-width:auto;padding:4px 8px}.btn-group{display:flex;gap:8px}.btn-group .btn{flex:1 1}.btn-group-vertical{gap:8px}.btn-group-vertical,.form{display:flex;flex-direction:column}.form{gap:1rem}.form-loading{opacity:.6;pointer-events:none}.form-label{color:var(--ui-text);font-size:.9rem;font-weight:500;margin-top:.5rem}.form-required{color:var(--ui-danger);margin-left:.25rem}.form-input,.form-select,.form-textarea{background-color:var(--ui-input-bg);background:var(--ui-input-bg);border:var(--ui-input-border);border-radius:6px;color:var(--ui-text);font-size:.875rem;padding:.625rem .875rem;transition:all .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--ui-accent);box-shadow:var(--ui-focus-ring);outline:none}.form-input-error,.form-select-error,.form-textarea-error{border-color:var(--ui-danger)}.form-input-error:focus,.form-select-error:focus,.form-textarea-error:focus{border-color:var(--ui-danger);box-shadow:var(--ui-error-ring)}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background-color:var(--ui-input-disabled-bg);color:var(--ui-input-disabled-text);cursor:not-allowed}.form-textarea{min-height:80px;resize:vertical}.form-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:var(--ui-select-bg);background-image:linear-gradient(45deg,#0000 50%,var(--ui-subtle) 50%),linear-gradient(135deg,var(--ui-subtle) 50%,#0000 50%);background-position:calc(100% - 1rem) calc(50% - 1px),calc(100% - .7rem) calc(50% - 1px);background-repeat:no-repeat;background-size:.35rem .35rem,.35rem .35rem;border:var(--ui-select-border);color:var(--ui-select-text);cursor:pointer;padding-right:2.25rem;width:100%}.form-select option{background:var(--ui-select-popup-bg);color:var(--ui-select-popup-text)}.form-select-trigger,.form-select:disabled{background-image:none}.form-select-trigger{align-items:center;display:flex;gap:.5rem;justify-content:space-between;padding-right:.875rem;text-align:left}.form-select-trigger-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-select-caret{color:var(--ui-subtle);flex-shrink:0}.form-select-dropdown{margin-top:.25rem}.form-select-option{background:#0000;border:none;color:inherit;font:inherit;text-align:left;width:100%}.form-select-option-disabled{cursor:not-allowed;opacity:.55}.form-hint{color:var(--ui-subtle);font-size:.8rem}.form-error{color:var(--ui-danger);font-size:.75rem;font-weight:500;margin-top:.25rem}.autocomplete-container{position:relative;width:100%}.autocomplete-input{border:var(--ui-input-border);border-radius:4px;box-sizing:border-box;font-size:14px;outline:none;padding:8px 12px;transition:border-color .2s ease;width:100%}.autocomplete-input:focus{border-color:var(--ui-accent);box-shadow:var(--ui-focus-ring)}.autocomplete-input:disabled{background-color:var(--ui-input-disabled-bg);cursor:not-allowed}.autocomplete-dropdown{background:var(--ui-dialog-bg);border:var(--ui-card-border);border-radius:0 0 4px 4px;border-top:none;box-shadow:var(--ui-shadow-md);left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.autocomplete-item{border-bottom:var(--ui-card-border);color:var(--ui-text);cursor:pointer;padding:10px 12px;transition:background-color .2s ease}.autocomplete-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.autocomplete-name{color:var(--ui-text);font-weight:500}.autocomplete-meta{color:var(--ui-subtle);font-size:.8rem;white-space:nowrap}.autocomplete-meta,.autocomplete-recipe{align-items:center;display:inline-flex;gap:8px}.autocomplete-pill{align-items:center;background:color-mix(in srgb,var(--ui-accent) 18%,var(--ui-input-bg));border-radius:999px;color:var(--ui-text);display:inline-flex;font-size:.7rem;font-weight:600;gap:6px;letter-spacing:.02em;padding:2px 8px;text-transform:uppercase}.autocomplete-price{font-weight:600}.autocomplete-date{opacity:.85}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item.highlighted,.autocomplete-item:hover{background-color:color-mix(in srgb,var(--ui-accent) 18%,var(--ui-input-bg));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ui-accent) 35%,#0000);color:var(--ui-text)}.autocomplete-empty,.autocomplete-loading{color:var(--ui-subtle);font-style:italic;padding:20px;text-align:center}.form-actions{display:flex;gap:.75rem;margin-top:.5rem}.form-actions-left{justify-content:flex-start}.form-actions-center{justify-content:center}.form-actions-right{display:flex;gap:.75rem;justify-content:flex-end}.form-actions-space-between{justify-content:space-between}.create-list-form{border-radius:8px;margin-bottom:20px;padding:20px}.create-list-form input{background:var(--ui-input-bg);border:var(--ui-input-border);border-radius:4px;color:var(--ui-text);font-size:16px;margin-bottom:15px;padding:12px;width:100%}.add-item-form{background:var(--ui-card-bg);border:1px solid var(--ui-card-border);border-radius:8px;box-sizing:border-box;margin-bottom:20px;padding:8px;width:100%}.add-item-form .add-item-inputs,.add-item-form>div{align-items:center;display:flex;gap:8px;width:100%}.add-item-form .add-item-field{display:flex;flex-direction:column;min-width:0}.add-item-form .add-item-field--amount{flex:0 1 auto}.add-item-form .add-item-field--name{flex:1 1 220px;min-width:160px}.add-item-form .add-item-field--name>.autocomplete-container,.add-item-form .add-item-name-input{width:100%}.add-item-form .add-item-field--price{flex:0 1 auto}.add-item-form .add-item-amount-input,.add-item-form .add-item-price-input{width:100%}.add-item-form .add-item-field--amount .suffix-number-input{width:clamp(74px,11vw,92px)}.add-item-form .add-item-field--price .suffix-number-input{width:clamp(96px,14vw,116px)}.suffix-number-input{align-items:stretch;background:var(--ui-input-bg);border:var(--ui-input-border);border-radius:4px;box-sizing:border-box;display:flex;min-width:0;overflow:hidden;transition:all .2s ease;width:100%}.suffix-number-input__field{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield;background:#0000;border:none;border-radius:0;box-shadow:none;box-sizing:border-box;color:var(--ui-text);flex:1 1 auto;font-size:14px;line-height:1.2;min-width:0;padding:8px 12px}.suffix-number-input__field::-webkit-inner-spin-button,.suffix-number-input__field::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.suffix-number-input__field:focus{box-shadow:none;outline:none}.suffix-number-input:focus-within{border-color:var(--ui-accent);box-shadow:var(--ui-focus-ring)}.suffix-number-input--disabled{background:var(--ui-input-disabled-bg)}.suffix-number-input--disabled .suffix-number-input__field{color:var(--ui-input-disabled-text);cursor:not-allowed}.suffix-number-input__suffix{align-items:center;background:color-mix(in srgb,var(--ui-input-bg) 80%,var(--ui-card-bg));border-left:1px solid color-mix(in srgb,var(--ui-divider) 85%,#0000);box-sizing:border-box;color:color-mix(in srgb,var(--ui-subtle) 78%,#0000);display:inline-flex;flex:0 0 auto;font-size:.7rem;justify-content:center;line-height:1;max-width:5ch;min-width:2.75rem;overflow:hidden;padding:0 .3rem;pointer-events:none;text-overflow:clip;white-space:nowrap}.suffix-number-input__suffix--static{padding:0 .3rem}.suffix-number-input__suffix--button{background:color-mix(in srgb,var(--ui-input-bg) 80%,var(--ui-card-bg));border:none;border-radius:0;color:color-mix(in srgb,var(--ui-subtle) 78%,#0000);cursor:pointer;font-family:inherit;font-weight:inherit;line-height:1;padding:0 .3rem;pointer-events:auto}.suffix-number-input__suffix--button:focus-visible,.suffix-number-input__suffix--button:hover{background:color-mix(in srgb,var(--ui-accent) 10%,var(--ui-input-bg));color:var(--ui-subtle);outline:none}.unit-cycle-field__value{align-items:center;box-sizing:border-box;color:var(--ui-text);display:inline-flex;flex:1 1 auto;font-size:14px;line-height:1.2;min-width:0;padding:8px 12px}.price-form{border-top:1px solid var(--ui-divider);margin-top:1rem;padding-top:1rem}.form-row{display:flex;gap:10px;margin-bottom:15px}.price-input{flex:1 1}.currency-select,.price-input{background:var(--ui-input-bg);border:var(--ui-input-border);border-radius:4px;color:var(--ui-text);font-size:14px;padding:8px 12px}.form-field--error .form-input,.form-field--error .form-select,.form-field--error .form-textarea{border-color:var(--ui-danger)}.form-field--error .form-input:focus,.form-field--error .form-select:focus,.form-field--error .form-textarea:focus{border-color:var(--ui-danger);box-shadow:var(--ui-error-ring)}.form--inline{align-items:flex-end;flex-direction:row}.form--compact{gap:.5rem}.form--spacious{gap:1.5rem}.form-input--sm,.form-select--sm,.form-textarea--sm{font-size:.75rem;padding:.5rem .75rem}.form-input--lg,.form-select--lg,.form-textarea--lg{font-size:1rem;padding:.75rem 1rem}@media (max-width:720px){.form-actions{align-items:center;border-top:1px solid var(--ui-divider);display:flex;gap:1rem;justify-content:space-between;padding-top:1rem}.form-row{display:flex;gap:10px;margin-bottom:15px}.add-item-form .add-item-inputs{grid-gap:.5rem;align-items:center;display:grid;gap:.5rem;grid-template-areas:"name name name" "amount price add";grid-template-columns:1fr 1fr auto}.add-item-form .add-item-field--name{grid-area:name;min-width:0}.add-item-form .add-item-field--amount{flex:1 1 auto;grid-area:amount;min-width:0}.add-item-form .add-item-field--price{flex:1 1 auto;grid-area:price;min-width:0}.add-item-form .add-item-field--amount .suffix-number-input,.add-item-form .add-item-field--price .suffix-number-input{width:100%}.add-item-form .icon-button{align-self:center;grid-area:add;justify-self:end}}.card{background:var(--ui-card-bg);border:var(--ui-card-border);border-radius:12px;position:relative;transition:all .2s ease}.card--interactive{cursor:pointer}.card--interactive:hover{box-shadow:var(--ui-shadow-md);transform:translateY(-1px)}.card--elevated{box-shadow:var(--ui-shadow-card)}.card--elevated:hover{box-shadow:var(--ui-shadow-lg)}.card--sm{padding:.75rem}.card--md{padding:1rem}.card--lg{padding:1.5rem}.card--xl{padding:2rem}.ui-card{border:var(--ui-card-border);border-radius:12px}.list-card,.ui-card{background:var(--ui-card-bg)}.list-card{align-items:center;border:var(--ui-card-border);border-radius:8px;box-shadow:var(--ui-shadow);cursor:pointer;display:flex;justify-content:space-between;padding:1rem;transition:all .2s ease}.list-card:hover{box-shadow:var(--ui-shadow-md);transform:translateY(-1px)}.list-card-content{align-items:center;display:flex;flex:1 1;gap:.75rem;min-width:0}.list-card-name{color:var(--ui-text);flex:1 1;font-size:1rem;font-weight:500;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-card-badges{display:flex;flex-shrink:0;gap:.5rem}.list-card-badge{border-radius:12px;font-size:.75rem;font-weight:500;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.list-card-badge.shared{background:var(--ui-pill-owned-shared-bg);color:var(--ui-pill-owned-shared-text)}.list-card-badge.private{background:var(--ui-pill-owned-private-bg);color:var(--ui-pill-owned-private-text)}.list-card-badge.shared-with{background:var(--ui-pill-public-bg);color:var(--ui-pill-public-text)}.list-card.with-list-color{border-left:4px solid var(--list-color,var(--ui-accent))}.owned-shared{background:color-mix(in srgb,var(--ui-card-bg) 95%,var(--ui-pill-owned-shared-bg))}.owned-private{background:color-mix(in srgb,var(--ui-card-bg) 95%,var(--ui-pill-owned-private-bg))}.shared-with-me{background:color-mix(in srgb,var(--ui-card-bg) 95%,var(--ui-pill-public-bg))}.items-card{background:var(--ui-card-bg);border:var(--ui-card-border);border-radius:8px;box-shadow:var(--ui-shadow-card);margin-bottom:20px;padding:12px;position:relative}.items-card:before{border-radius:8px 0 0 8px;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.items-card.active-items:before{background:var(--ui-status-active)}.items-card.inactive-items:before{background:var(--ui-status-inactive)}.items-card h2{color:var(--ui-text);font-size:1.1rem;font-weight:600;margin:0 0 5px 32px}.add-item-card{background:var(--ui-card-bg);border-radius:8px;box-sizing:border-box;margin-bottom:20px;padding:10px 20px;width:100%}.price-modal-content{background:var(--ui-dialog-bg);border-radius:8px;max-height:80vh;max-width:600px;overflow-y:auto;width:90%}.card__header{align-items:center;border-bottom:1px solid var(--ui-card-border);display:flex;justify-content:space-between;padding:1rem 1.5rem}.card__title{color:var(--ui-text);font-size:1.125rem;font-weight:600;margin:0}.card__subtitle{color:var(--ui-subtle);font-size:.875rem;margin:.25rem 0 0}.card__body{padding:1.5rem}.card__body--compact{padding:1rem}.card__body--spacious{padding:2rem}.card__footer{align-items:center;border-top:1px solid var(--ui-card-border);display:flex;justify-content:space-between;padding:1rem 1.5rem}.card__section{margin-bottom:1.5rem}.card__section:last-child{margin-bottom:0}.card-grid{grid-gap:1rem;display:grid;gap:1rem}.card-grid--1{grid-template-columns:1fr}.card-grid--2{grid-template-columns:repeat(2,1fr)}.card-grid--3{grid-template-columns:repeat(3,1fr)}.card-grid--4{grid-template-columns:repeat(4,1fr)}@media (max-width:768px){.card-grid--2,.card-grid--3,.card-grid--4{grid-template-columns:1fr}.list-card{padding:.75rem}.list-card-name{font-size:.9rem}.card--lg{padding:1rem}.card--xl{padding:1.5rem}.card__body,.card__footer,.card__header{padding:1rem}}.empty-state-card{background:var(--ui-card-bg);border:var(--ui-card-border);border-radius:8px;color:var(--ui-text);padding:16px;text-align:center}.empty-state-card__title{font-weight:700;margin-bottom:6px}.empty-state-card__subtitle{opacity:.85}.empty-state-card__subtitle--with-action{margin-bottom:10px}.empty-state-card__action{margin-top:10px}.empty-state-card__button{background:var(--ui-accent);border:var(--ui-button-primary-border);border-radius:4px;color:var(--ui-on-accent);cursor:pointer;padding:8px 16px}.modal-backdrop{align-items:center;animation:fadeIn .2s ease-out;background-color:var(--ui-overlay-bg);bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-container{animation:slideUp .3s ease-out;background:var(--ui-dialog-bg);border-radius:8px;box-shadow:var(--ui-shadow-modal);display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:100%}.modal-small{max-width:400px}.modal-medium{max-width:600px}.modal-large{max-width:900px}.modal-header{align-items:center;border-bottom:1px solid var(--ui-divider);display:flex;flex-shrink:0;justify-content:space-between;padding:1.5rem}.modal-title{color:var(--ui-text);font-size:1.25rem;font-weight:600;margin:0}.modal-close{background:none;border:none;border-radius:4px;color:var(--ui-subtle);cursor:pointer;font-size:1.5rem;line-height:1;padding:.25rem;transition:all .2s ease}.modal-close:hover{background-color:var(--ui-button-bg);color:var(--ui-text)}.modal-content{flex:1 1;overflow-y:auto;padding:1.5rem}.list-modal .modal-container{background:var(--ui-dialog-bg);color:var(--ui-text);max-width:600px;width:90%}.list-modal .modal-header{border-bottom-color:var(--ui-card-border)}.list-modal .modal-title{color:var(--ui-text)}.list-modal .modal-content{background:#0000}.list-modal .list-form{display:flex;flex-direction:column;gap:1.5rem}.list-modal .form-field,.list-modal .form-group{display:flex;flex-direction:column;gap:.35rem}.list-modal .form-label{color:var(--ui-text);display:block;font-size:.9rem;font-weight:500;margin-top:0}.list-modal .form-input{background:var(--ui-input-bg);border:var(--ui-input-border);border-radius:6px;box-sizing:border-box;color:var(--ui-text);display:block;font-size:.95rem;padding:.75rem;transition:all .2s ease;width:100%}.list-modal .form-input::placeholder{color:color-mix(in srgb,var(--ui-text) 55%,#0000)}.list-modal .form-input:focus{background:var(--ui-input-bg);border-color:var(--ui-accent);box-shadow:var(--ui-focus-ring);outline:none}.list-modal .form-input:disabled{background:color-mix(in srgb,var(--ui-input-bg) 70%,var(--ui-card-bg));cursor:not-allowed;opacity:.7}.list-modal input[type=color].form-input{cursor:pointer;height:44px;padding:.25rem}.list-modal .form-hint{color:var(--ui-subtle);font-size:.8rem}.list-modal .form-error{background:color-mix(in srgb,var(--ui-danger) 15%,#0000);border:1px solid color-mix(in srgb,var(--ui-danger) 45%,#0000);border-radius:6px;color:var(--ui-danger);font-size:.9rem;padding:.75rem}.list-modal .autocomplete-container{position:relative}.list-modal .autocomplete-dropdown{background:var(--ui-dialog-bg);border:var(--ui-card-border);border-radius:6px;box-shadow:var(--ui-shadow-lg);left:0;margin-top:.25rem;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.list-modal .autocomplete-item{border-bottom:var(--ui-card-border);color:var(--ui-text);cursor:pointer;padding:.75rem;transition:background-color .2s ease}.list-modal .autocomplete-item:last-child{border-bottom:none}.list-modal .autocomplete-item:hover{background:var(--ui-input-bg);color:var(--ui-text)}.list-modal .autocomplete-empty,.list-modal .autocomplete-loading{color:var(--ui-subtle);font-style:italic;padding:.75rem;text-align:center}.list-modal .shared-users{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.list-modal .shared-user-chip{align-items:center;background:var(--ui-button-primary-bg);border-radius:16px;color:var(--ui-on-accent);display:inline-flex;font-size:.8rem;font-weight:500;gap:.5rem;padding:.25rem .5rem}.list-modal .remove-user-btn{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:20px;justify-content:center;padding:0;transition:background-color .2s ease;width:20px}.list-modal .remove-user-btn:hover{background:color-mix(in srgb,var(--ui-on-accent) 18%,#0000)}.list-modal .remove-user-btn:disabled{cursor:not-allowed;opacity:.5}.list-modal .form-actions{align-items:center;border-top:1px solid var(--ui-divider);display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem}.list-modal .btn-primary{background:var(--ui-accent);color:var(--ui-on-accent)}.list-modal .btn-primary:hover:not(:disabled){filter:brightness(.95)}.list-modal .btn-secondary{background:var(--ui-neutral);color:var(--ui-on-neutral)}.list-modal .btn-secondary:hover:not(:disabled){filter:brightness(.95)}.list-modal .btn-danger{background:var(--ui-button-danger-bg);color:var(--ui-on-danger)}.list-modal .btn-danger:hover:not(:disabled){filter:brightness(.95)}.list-modal .form-actions-right{display:flex;gap:.75rem}.list-modal .form-actions-spacer{margin-right:auto}.list-modal .alias-input-wrapper{align-items:stretch;display:flex;gap:.5rem}.list-modal .alias-input-wrapper input{flex:1 1}.settings-modal .modal-container{max-width:500px;width:90%}.settings-modal .settings-form{display:flex;flex-direction:column;gap:1.5rem}.settings-modal .settings-field{display:flex;flex-direction:column;gap:.5rem}.settings-modal .settings-field label{color:var(--ui-text);font-size:.9rem;font-weight:500}.settings-modal .settings-field input{background:var(--ui-input-bg);border:var(--ui-input-border);border-radius:6px;box-sizing:border-box;color:var(--ui-text);font-size:.95rem;padding:.75rem;transition:all .2s ease;width:100%}.settings-modal .theme-options{grid-gap:.5rem;display:grid;gap:.5rem}.settings-modal .theme-option{align-items:center;background:var(--theme-preview-bg);border:1px solid var(--ui-divider);border-radius:8px;color:var(--theme-preview-color);cursor:pointer;display:flex;gap:.5rem;padding:.625rem .75rem;text-align:left;transition:transform .2s ease,box-shadow .2s ease;width:100%}.settings-modal .theme-option:hover{box-shadow:var(--ui-shadow-md);transform:translateY(-1px)}.settings-modal .theme-option-swatch{background:var(--theme-swatch-bg);border-radius:4px;box-shadow:inset 0 0 0 1px var(--ui-divider);flex-shrink:0;height:16px;width:24px}.settings-modal .theme-option[data-theme-option=dark]{--theme-preview-bg:#0b1020;--theme-preview-color:#e2e8f0;--theme-swatch-bg:#ffffff0f}.settings-modal .theme-option[data-theme-option=night-amoled]{--theme-preview-bg:#000;--theme-preview-color:#e5e7eb;--theme-swatch-bg:#ffffff0a}.settings-modal .theme-option[data-theme-option=light]{--theme-preview-bg:#fff;--theme-preview-color:#0b1020;--theme-swatch-bg:#fff}.settings-modal .theme-option[data-theme-option=soft-slate]{--theme-preview-bg:#eef1f5;--theme-preview-color:#0f172a;--theme-swatch-bg:#fff}.settings-modal .theme-option[data-theme-option=ocean-mist]{--theme-preview-bg:linear-gradient(180deg,#e6f0f7,#d9e7ef);--theme-preview-color:#0b2533;--theme-swatch-bg:#ffffffeb}.settings-modal .theme-option[data-theme-option=solarized]{--theme-preview-bg:#fdf6e3;--theme-preview-color:#073642;--theme-swatch-bg:#fff}.settings-modal .theme-option[data-theme-option=pastel-mint]{--theme-preview-bg:#eafff5;--theme-preview-color:#1f2937;--theme-swatch-bg:#fff}.settings-modal .theme-option[data-theme-option=citrus-joy]{--theme-preview-bg:linear-gradient(180deg,#fef08a,#34d399);--theme-preview-color:#1f2937;--theme-swatch-bg:#ffffffdb}.settings-modal .theme-option[data-theme-option=bubblegum-party]{--theme-preview-bg:linear-gradient(180deg,#f472b6,#60a5fa);--theme-preview-color:#0b1020;--theme-swatch-bg:#ffffffd6}.settings-modal .theme-option[data-theme-option=colorful]{--theme-preview-bg:linear-gradient(180deg,#0ea5e9,#a855f7);--theme-preview-color:#0b1020;--theme-swatch-bg:#ffffffb8}.settings-modal .theme-option[data-theme-option=sunset-glow]{--theme-preview-bg:linear-gradient(180deg,#ff6b6b,#f8c48e);--theme-preview-color:#1f2937;--theme-swatch-bg:#fffc}.settings-modal .theme-option[data-theme-option=forest]{--theme-preview-bg:#0b2415;--theme-preview-color:#e5f4ec;--theme-swatch-bg:#ffffff0d}.settings-modal .theme-option[data-theme-option=muted-ash]{--theme-preview-bg:#6f7c75;--theme-preview-color:#e6f0ea;--theme-swatch-bg:#ffffff0f}.settings-modal .theme-option[data-theme-option=mid-sage]{--theme-preview-bg:#9aa77f;--theme-preview-color:#0b1020;--theme-swatch-bg:#0000001f}.settings-modal .theme-option[data-theme-option=mid-slate]{--theme-preview-bg:#8b9e91;--theme-preview-color:#0b1020;--theme-swatch-bg:#0000001f}.settings-modal .theme-option[data-theme-option=mid-steel]{--theme-preview-bg:#8a9cb2;--theme-preview-color:#0b1020;--theme-swatch-bg:#0000001f}.settings-modal .theme-option-label{font-weight:500}.settings-modal .theme-option-current{opacity:.7}.settings-modal .settings-field select{background:var(--ui-input-bg);border:var(--ui-input-border);border-radius:6px;box-sizing:border-box;color:var(--ui-text);font-size:.95rem;padding:.75rem;transition:all .2s ease;width:100%}.settings-modal .settings-field input:focus,.settings-modal .settings-field select:focus{background:var(--ui-input-bg);border-color:var(--ui-accent);box-shadow:var(--ui-focus-ring);outline:none}.settings-modal .settings-field small{color:var(--ui-subtle);font-size:.8rem;margin-top:.25rem}.settings-modal .settings-import-export{background:color-mix(in srgb,var(--ui-input-bg) 65%,#0000);border:1px solid var(--ui-divider);border-radius:8px;padding:.75rem}.settings-modal .settings-row-inline{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.settings-modal .settings-row-inline .form-select-container{flex:1 1;min-width:200px}.settings-modal .settings-checkline-switch label:first-child{color:var(--ui-subtle);font-size:.85rem}.settings-modal .settings-switch-row{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.settings-modal .settings-switch{align-items:center;display:inline-flex;flex-shrink:0;height:24px;position:relative;width:44px}.settings-modal .settings-switch-input{border:0;height:0;margin:0;opacity:0;padding:0;position:absolute;width:0}.settings-modal .settings-switch-slider{background:var(--ui-input-border);border:1px solid var(--ui-border-muted);border-radius:999px;height:100%;position:relative;transition:background-color .2s ease;width:100%}.settings-modal .settings-switch-slider:after{background:var(--ui-card-bg);border-radius:50%;box-shadow:var(--ui-shadow);content:"";height:18px;left:2px;position:absolute;top:2px;transition:transform .2s ease;width:18px}.settings-modal .settings-switch-input:checked+.settings-switch-slider{background:var(--ui-accent)}.settings-modal .settings-switch-input:checked+.settings-switch-slider:after{transform:translateX(20px)}.item-modal-form{display:flex;flex-direction:column;gap:.75rem}.item-modal-form .form-field{display:flex;flex-direction:column;gap:.35rem}.item-modal-form .form-hint,.item-modal-form .form-label{margin-top:0}.item-modal-unit-row{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}.item-modal-unit-row__field{min-width:0}.item-modal-optional-toggle{width:-webkit-fit-content;width:fit-content}.price-history-modal .modal-container{max-width:640px}.price-history-content{display:flex;flex-direction:column;gap:1rem}.price-history-empty{color:var(--ui-subtle);padding:1rem 0;text-align:center}.price-history-list,.price-history-table{display:flex;flex-direction:column;gap:.5rem}.price-history-header{grid-gap:.75rem;color:var(--ui-subtle);display:grid;font-size:.75rem;gap:.75rem;grid-template-columns:110px 1fr 1fr 1fr;letter-spacing:.06em;padding:0 .75rem;text-transform:uppercase}.price-history-header span:last-child{text-align:right}.price-history-row{grid-gap:.75rem;background:var(--ui-input-bg);border-radius:8px;color:var(--ui-text);display:grid;font-size:.9rem;gap:.75rem;grid-template-columns:110px 1fr 1fr 1fr;padding:.5rem .75rem}.price-history-date{color:var(--ui-subtle);font-weight:600}.price-history-value{font-weight:600}.price-history-brand-type,.price-history-store{color:var(--ui-subtle)}.price-history-value{text-align:right}.spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;width:16px}@media (max-width:768px){.modal-backdrop{padding:.5rem}.modal-container{margin:.5rem;max-width:100%}.modal-content,.modal-header{padding:1rem}.modal-title{font-size:1.125rem}.list-modal .modal-container{margin:.5rem;max-width:95vw;width:95vw}.list-modal .form-actions{align-items:stretch;flex-direction:column}.item-modal-unit-row{grid-template-columns:1fr}.list-modal .form-actions-right{justify-content:stretch}.btn{flex:1 1}.price-history-header,.price-history-row{grid-template-columns:1fr 1fr}.price-history-header span:last-child,.price-history-value{text-align:left}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.header{align-items:center;background:var(--ui-card-bg);border-bottom:1px solid var(--ui-card-border);display:flex;min-height:30px;padding:10px 20px}.header--centered{justify-content:center}.header--spaced{justify-content:space-between}.header--start{justify-content:flex-start}.header--end{justify-content:flex-end}.header__center,.header__left{align-items:center;display:flex;flex:1 1}.header__center{justify-content:center;text-align:center}.header__right{align-items:center;display:flex;flex:1 1;justify-content:flex-end}.header-left{flex:1 1}.header-center{flex:1 1;text-align:center}.header-right{display:flex;flex:1 1;justify-content:flex-end}.header-brand{color:var(--ui-text);font-family:Chewy,cursive;font-size:1.8rem;font-weight:400;margin:0}.header-brand-text{border-radius:4px;cursor:pointer;padding:5px 20px;transition:background-color .2s ease}.header-brand-text:hover{background-color:var(--ui-input-bg)}.header-nav{align-items:center;display:flex;gap:1rem}.header-nav-item{border-radius:4px;color:var(--ui-subtle);font-size:.9rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.header-nav-item:hover{background-color:var(--ui-input-bg);color:var(--ui-text)}.header-nav-item--active{background-color:color-mix(in srgb,var(--ui-accent) 10%,#0000);color:var(--ui-accent)}.header-actions{align-items:center;display:flex;gap:8px;z-index:1}.header-actions .icon-button{background:var(--ui-card-bg);border:1px solid var(--ui-border-muted)}.header-sync-button{position:relative}.header-sync-dot{background:var(--ui-neutral);border:1px solid color-mix(in srgb,var(--ui-card-bg) 55%,var(--ui-text));border-radius:50%;height:6px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:6px}.header-sync-button--online .header-sync-dot{background:var(--ui-success)}.header-sync-button--syncing .header-sync-dot{background:var(--ui-warning)}.header-sync-button--error .header-sync-dot{background:var(--ui-danger)}.header-sync-button--offline .header-sync-dot{background:var(--ui-neutral)}.header-sync-button--offline-cached .header-sync-dot{background:var(--ui-warning)}.header-sync-button--auth-expired .header-sync-dot{background:var(--ui-danger)}.header-title{color:var(--ui-text);font-weight:600;margin:0}.header-subtitle{color:var(--ui-subtle);font-size:.875rem;margin:0}.header-greeting{color:var(--ui-subtle);font-size:.9rem}.app-header{align-items:center;background:var(--ui-appbar-bg);border-bottom:1px solid var(--ui-card-border);display:flex;justify-content:space-between;min-height:30px;padding:10px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:120}.app-header.is-scrolled{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--ui-appbar-bg);opacity:1}.page-header-bar{background:var(--ui-titlebar-bg);border-bottom:var(--ui-card-border);justify-content:center;margin:0;padding:8px 0}.page-header-bar,.page-header-inner{align-items:center;display:flex;width:100%}.page-header-inner{justify-content:flex-start;margin:0 auto;min-height:32px;padding:0 24px;position:relative}.page-header-title{left:50%;pointer-events:none;position:absolute;text-align:center;transform:translateX(-50%);width:100%}.page-header-title h2{color:var(--ui-subtle);font-size:1rem;font-weight:500;margin:0}.page-header-actions{align-items:center;display:flex;gap:8px;z-index:1}.page-header-actions-group{align-items:center;display:inline-flex;gap:8px}.page-header-actions .icon-button{background:var(--ui-card-bg);border:1px solid var(--ui-border-muted)}.list-header,.page-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:30px}.list-header h1{color:var(--ui-text);margin:0}.header--page{background:var(--ui-card-bg);border-bottom:1px solid var(--ui-card-border);padding:1rem 1.5rem}.header--dark{background:var(--ui-dialog-bg);border-bottom:var(--ui-card-border)}.header--dark,.header--dark .header-title{color:var(--ui-text)}.header--dark .header-nav-item,.header--dark .header-subtitle{color:var(--ui-subtle)}.header--dark .header-nav-item:hover{background-color:var(--ui-input-bg);color:var(--ui-text)}.header--transparent{background:#0000;border-bottom:none}.header--sticky{position:-webkit-sticky;position:sticky;top:0;z-index:100}.header--sm{min-height:2.5rem;padding:.5rem 1rem}.header--md{min-height:3rem;padding:.75rem 1.5rem}.header--lg{min-height:4rem;padding:1rem 2rem}.header__search{flex:2 1;margin:0 1rem;max-width:400px}.header__search-input{background:var(--ui-input-bg);border:1px solid var(--ui-input-border);border-radius:6px;color:var(--ui-text);font-size:.875rem;padding:.5rem 1rem;width:100%}.header__search-input:focus{border-color:var(--ui-accent);box-shadow:var(--ui-focus-ring);outline:none}.header__breadcrumb{align-items:center;color:var(--ui-subtle);display:flex;font-size:.875rem;gap:.5rem}.header__breadcrumb-item{color:var(--ui-subtle);text-decoration:none}.header__breadcrumb-item:hover{color:var(--ui-text)}.header__breadcrumb-separator{color:var(--ui-subtle)}@media (max-width:768px){.header{padding:.75rem 1rem}.header__center,.header__left,.header__right{flex:1 1}.header-brand{color:var(--ui-text);font-family:Chewy,cursive;font-size:1.8rem;font-weight:400;margin:0}.header-brand-text{padding:.75rem 1rem}.list-header,.page-header{gap:10px}.list-header,.lists-header,.page-header{align-items:stretch;flex-direction:column}.lists-header{gap:12px}.header__search{margin:.5rem 0;max-width:none}.header{padding:.5rem .75rem}.header-brand-text:hover{background-color:var(--ui-input-bg)}.header-nav{gap:.5rem}.header-nav-item{font-size:.8rem;padding:.375rem .75rem}.header-actions{gap:4px}}@media (max-width:520px){.app-header{align-items:center;flex-direction:row;gap:8px;justify-content:space-between;min-height:0;padding:4px 6px}.header-left{display:none}.header-center{flex:1 1;order:1;text-align:left;width:auto}.header-right{flex:0 0 auto;justify-content:flex-end;order:2;width:auto}.header-brand-text{padding:2px 4px}.page-header-inner{align-items:center;gap:6px;justify-content:space-between;min-height:0;padding:4px 10px}.page-header-title{margin-right:auto;order:1;pointer-events:auto;position:static;text-align:left;transform:none;width:auto}.page-header-actions{flex-shrink:0;justify-content:flex-end;order:2}.page-header-bar{padding:4px 0}.page-header-title h2{font-size:.92rem;line-height:1.1}}.loading{color:var(--ui-subtle);font-size:18px}.loading,.loading-indicator{padding:40px;text-align:center}.loading-indicator{align-items:center;display:flex;flex-direction:column;justify-content:center}.loading-spinner-ring{animation:spin 1s linear infinite;border-top:3px solid var(--ui-spinner-track);border:3px solid var(--ui-spinner-track);border-radius:50%;border-top-color:var(--ui-spinner-head);height:32px;width:32px}.loading-spinner-ring--sm{border-width:2px;height:16px;width:16px}.auth-loading-overlay{align-items:center;bottom:0;display:flex;height:100vh;justify-content:center;left:0;position:fixed;right:0;top:0;width:100%;z-index:9999}.auth-loading-text{color:var(--ui-text);font-family:system-ui,-apple-system,sans-serif;font-size:1.2rem}.loading-page{align-items:center;color:var(--ui-text);display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:100vh}.spinner-circle{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top:2px solid var(--ui-accent)}.loading-inline .spinner-text{font-size:inherit;margin:0}.spinner--sm .spinner-circle{border-width:1px;height:16px;width:16px}.spinner--md .spinner-circle{border-width:2px;height:24px;width:24px}.spinner--lg .spinner-circle{border-width:3px;height:32px;width:32px}.spinner--xl .spinner-circle{border-width:4px;height:48px;width:48px}.spinner--primary .spinner-circle{border-top-color:var(--ui-accent)}.loading-inline .spinner-circle{border-width:2px;height:16px;width:16px}.spinner--success .spinner-circle{border-top-color:var(--ui-success)}.spinner--danger .spinner-circle{border-top-color:var(--ui-danger)}.spinner--white .spinner-circle{border-top-color:var(--ui-on-accent)}.loading-indicator .loading-spinner{animation:spin 1s linear infinite;border-top:3px solid var(--ui-spinner-track);border:3px solid var(--ui-spinner-track);border-radius:50%;border-top-color:var(--ui-spinner-head);height:32px;margin-bottom:16px;width:32px}.loading--overlay{align-items:center;background:var(--ui-overlay-surface);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:50}.loading--inline{align-items:center;display:inline-flex;gap:.5rem;padding:.5rem}.loading--full-screen{align-items:center;background:var(--ui-dialog-bg);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.loading-text{color:var(--ui-subtle);font-size:.875rem;margin-top:.5rem}.loading-text--sm{font-size:.75rem}.loading-text--lg{font-size:1rem}.loading-text--xl{font-size:1.125rem}.loading-progress{background:var(--ui-input-border);border-radius:2px;height:4px;margin-top:.5rem;max-width:200px;overflow:hidden;width:100%}.loading-progress-bar{animation:progress 2s ease-in-out infinite;background:var(--ui-accent);border-radius:2px;height:100%}.loading-skeleton{animation:skeleton 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--ui-input-border) 25%,var(--ui-card-bg) 50%,var(--ui-input-border) 75%);background-size:200% 100%;border-radius:4px}.loading-skeleton--text{height:1rem;margin-bottom:.5rem}.loading-skeleton--text:last-child{margin-bottom:0}.loading-skeleton--title{height:1.5rem;margin-bottom:.75rem}.loading-skeleton--avatar{border-radius:50%;height:40px;width:40px}.loading-skeleton--button{border-radius:6px;height:2.5rem;width:80px}.loading-dots{display:inline-flex;gap:.25rem}.loading-dots span{animation:bounce 1.4s ease-in-out infinite both;background:var(--ui-accent);border-radius:50%;height:8px;width:8px}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes progress{0%{width:0}50%{width:70%}to{width:100%}}@keyframes skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.btn--loading{color:#0000!important;pointer-events:none;position:relative}.btn--loading:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:initial;content:"";height:16px;left:50%;margin:-8px 0 0 -8px;position:absolute;top:50%;width:16px}.btn--loading.btn-primary:after{border-top-color:var(--ui-on-accent)}.btn--loading.btn-secondary:after{border-top-color:var(--ui-text)}.card--loading{overflow:hidden;position:relative}.card--loading:before{align-items:center;background:var(--ui-overlay-surface);bottom:0;content:"";display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.card--loading:after{animation:spin 1s linear infinite;border-top:3px solid var(--ui-spinner-track);border:3px solid var(--ui-spinner-track);border-radius:50%;border-top-color:var(--ui-spinner-head);content:"";height:32px;left:50%;margin:-16px 0 0 -16px;position:absolute;top:50%;width:32px;z-index:11}@media (max-width:768px){.loading-container{padding:40px 16px}.loading-indicator{padding:30px 20px}.loading{color:var(--ui-subtle);font-size:18px;padding:40px;text-align:center}.spinner--lg .spinner-circle{height:28px;width:28px}.spinner--xl .spinner-circle{height:40px;width:40px}}.home-page{display:flex;flex-direction:column;min-height:100vh}.home-main{flex:1 1;margin:0 auto;max-width:1200px;padding:20px;width:100%}.lists-header{align-items:center;border-bottom:1px solid var(--ui-input-border);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.lists-header h2{color:var(--ui-text);font-size:1.5rem;font-weight:600;margin:0}.empty-state{padding:60px 20px;text-align:center}.empty-state h3{color:var(--ui-text);font-size:1.3rem;font-weight:500;margin:0 0 12px}.empty-state p{color:var(--ui-subtle);font-size:1rem;margin:0 0 24px}.lists-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr}.home-lists-grid[data-columns="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.home-lists-grid[data-columns="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.home-lists-grid[data-columns="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}.loading-container{gap:16px;padding:60px 20px}.loading-container,.loading-spinner{align-items:center;display:flex;flex-direction:column;justify-content:center}.loading-spinner{gap:.5rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.home-main{padding:16px}.lists-header{align-items:stretch;flex-direction:column;gap:12px}.create-list-button{align-self:flex-start}.lists-grid{gap:.75rem;grid-template-columns:1fr}}.home-section{margin-bottom:2rem}.home-section:last-child{margin-bottom:0}.home-section-title{color:var(--ui-text);font-size:1.25rem;font-weight:600;margin:0 0 1rem}.home-section-subtitle{color:var(--ui-subtle);font-size:.875rem;margin:0 0 1.5rem}.home-quick-actions{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.quick-action-card{background:var(--ui-card-bg);border:1px solid var(--ui-card-border);border-radius:8px;cursor:pointer;padding:1.5rem;text-align:center;transition:all .2s ease}.quick-action-card:hover{box-shadow:var(--ui-shadow-lg);transform:translateY(-2px)}.quick-action-icon{color:var(--ui-accent);font-size:2rem;margin-bottom:.5rem}.quick-action-title{color:var(--ui-text);font-size:1rem;font-weight:600;margin:0 0 .5rem}.quick-action-description{color:var(--ui-subtle);font-size:.875rem;margin:0}.home-recent-activity{background:var(--ui-card-bg);border:1px solid var(--ui-card-border);border-radius:8px;padding:1.5rem}.activity-item{align-items:center;border-bottom:1px solid var(--ui-input-border);display:flex;gap:1rem;padding:.75rem 0}.activity-item:last-child{border-bottom:none}.activity-icon{align-items:center;background:var(--ui-input-bg);border-radius:50%;color:var(--ui-accent);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.activity-content{flex:1 1;min-width:0}.activity-title{color:var(--ui-text);font-size:.875rem;font-weight:500;margin:0 0 .25rem}.activity-description{margin:0}.activity-description,.activity-time{color:var(--ui-subtle);font-size:.75rem}.activity-time{white-space:nowrap}.home-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:2rem}.stat-card{background:var(--ui-card-bg);border:1px solid var(--ui-card-border);border-radius:8px;padding:1.25rem;text-align:center}.stat-value{color:var(--ui-accent);font-size:2rem;font-weight:700;margin-bottom:.25rem}.stat-label{color:var(--ui-subtle);font-size:.8rem;margin-bottom:.25rem}@media (max-width:520px){.home-main{padding:12px}.lists-header h2{font-size:1.25rem}.empty-state h3{font-size:1.125rem}.home-lists-grid[data-columns],.home-quick-actions{grid-template-columns:1fr}.home-quick-actions{gap:.75rem}.quick-action-card{padding:1rem}.home-stats{gap:.75rem;grid-template-columns:repeat(2,1fr)}.stat-card{padding:1rem}.stat-value{color:var(--ui-text);font-size:1.1rem;font-weight:700}}.content-container{padding:16px}.list-meta{color:var(--ui-subtle);display:flex;font-size:14px;justify-content:space-between}.items-list{background:#0000;border:none;border-radius:0;overflow:visible}.items-price-summary{background:var(--ui-input-bg);border:1px solid color-mix(in srgb,var(--ui-text) 16%,#0000);border-radius:8px;color:var(--ui-text);font-size:.92rem;margin-top:12px;padding:10px 12px}.item-row{align-items:center;border-bottom:none;display:flex;padding:2px 0;position:relative;transition:background-color .2s ease}.item-row.is-reorder{cursor:grab}.item-row.is-reorder:active{cursor:grabbing}.item-row:last-child{margin-bottom:0}.item-row:hover{background:#0000}.item-row input[type=checkbox]{margin-right:12px;transform:scale(1.2)}.item-check,.item-reorder-handle{align-items:center;display:inline-flex;margin-right:12px;min-width:32px}.item-reorder-handle{color:var(--ui-subtle);cursor:grab;-webkit-user-select:none;user-select:none}.item-row.is-dragging{opacity:.6}.list-view .icon-button.is-pressed{background:var(--ui-button-bg);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ui-text) 20%,#0000);color:var(--ui-text)}.item-row .item-name{color:var(--ui-text);flex:1 1;font-size:16px;font-weight:500}.item-count{background:var(--ui-input-bg);border-radius:12px;margin-left:10px}.item-brand-type,.item-count{color:var(--ui-text);font-size:12px;padding:2px 8px}.item-brand-type{background:color-mix(in srgb,var(--ui-text) 12%,#0000);border-radius:999px;font-weight:500;margin-left:8px}.item-optional-marker{color:var(--ui-subtle);font-weight:700;margin-left:6px}.item-price{color:var(--ui-text);font-size:13px;font-weight:600;margin-left:10px}.item-divider{background:color-mix(in srgb,var(--ui-text) 25%,#0000);bottom:0;height:1px;left:0;margin:0;position:absolute;right:0}.item-row.in-cart{background:#0000}.item-row.in-cart .item-name{color:var(--ui-subtle);text-decoration:line-through}.item-row.done{background:#0000;opacity:.7}.item-row.done .item-name{color:var(--ui-subtle);text-decoration:line-through}.item-row.inactive{background:#0000;opacity:.6}.item-row.inactive .item-name{color:var(--ui-subtle);text-decoration:line-through}.list-row{align-items:center;border-radius:8px;display:flex;gap:8px;padding:4px 6px;transition:background-color .15s ease;width:100%}.list-main{align-items:center;display:inline-flex;flex:1 1;gap:6px;justify-content:flex-start;min-width:0}.list-name{color:var(--ui-text);font-size:.95rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-pill{border-radius:999px;font-size:.7rem;font-weight:600;letter-spacing:.03em;padding:2px 8px;text-transform:uppercase;white-space:nowrap}.list-pill-owned-private{background:var(--ui-pill-owned-private-bg);color:var(--ui-pill-owned-private-text)}.list-pill-owned-shared{background:var(--ui-pill-owned-shared-bg);color:var(--ui-pill-owned-shared-text)}.list-pill-public{background:var(--ui-pill-public-bg);color:var(--ui-pill-public-text)}.list-pill-items{background:color-mix(in srgb,var(--ui-card-bg) 85%,var(--ui-text));color:var(--ui-text)}.list-actions{align-items:center;display:flex;flex-shrink:0;margin-left:auto}.list-actions .icon-button{margin-left:4px}.list-card:hover .list-row{background:color-mix(in srgb,var(--ui-text) 5%,#0000)}.list-view .icon-button:not(.icon-button-round){align-items:center;background:#0000;border:none;border-radius:6px;color:var(--ui-subtle);cursor:pointer;display:inline-flex;font-size:.9rem;justify-content:center;min-height:32px;min-width:32px;padding:6px 10px;transition:background-color .15s ease,color .15s ease,transform .1s ease}.list-view .icon-button.primary:not(.icon-button-round){background:var(--ui-button-primary-bg);color:var(--ui-on-accent);padding:6px 12px}.list-view .icon-button:not(.icon-button-round):hover:not(:disabled){background:var(--ui-button-bg);color:var(--ui-text);transform:translateY(-1px)}.list-view .icon-button.primary:not(.icon-button-round):hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.list-view .icon-button:not(.icon-button-round):disabled{cursor:not-allowed;opacity:.6;transform:none}.error-message{background:var(--ui-error-bg);border:1px solid var(--ui-error-border);border-radius:4px;color:var(--ui-error-text);margin-bottom:20px;padding:12px}.error{color:var(--ui-danger);font-size:18px;padding:40px;text-align:center}.not-found-content{margin:0 auto;max-width:1200px;padding:20px;text-align:center}@media (max-width:768px){.form-actions{flex-direction:column}.item-row{padding:4px}.item-row input[type=checkbox]{margin-right:8px;transform:scale(1.1)}}@media (min-width:769px){.item-row:hover{background:color-mix(in srgb,var(--ui-text) 4%,#0000);border-radius:6px}}@media (max-width:520px){.items-card,.list-view{overflow-x:auto}.items-card{margin-bottom:16px;min-width:320px;padding:16px}.items-card h2{font-size:1rem;margin-left:10px}.items-list{min-width:280px}.item-row .item-name{font-size:14px}.list-row{align-items:stretch;flex-direction:column;gap:6px}.list-main{flex-wrap:wrap;width:100%}.list-name{white-space:normal}.list-actions{justify-content:flex-end;margin-left:0}}.login-logo{display:block;height:200px;margin:12px auto 20px;width:-webkit-max-content;width:max-content}.login-title{color:var(--ui-text);font-family:Chewy,cursive;font-size:4rem;font-weight:600;line-height:2rem;margin:0 0 40px;text-align:center}.login-wrapper{align-items:center;box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;min-height:100dvh;padding:20px}.login-card{box-sizing:border-box;max-width:360px;padding:18px;width:100%}.login-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.login-label{color:var(--ui-subtle);font-size:.95rem}.login-input{background:var(--ui-input-bg);border:var(--ui-input-border);border-radius:10px;box-sizing:border-box;color:var(--ui-text);outline:none;padding:10px 12px;width:100%}.form-error{box-shadow:var(--ui-error-ring)}.login-error{background:color-mix(in srgb,var(--ui-danger) 18%,#0000);border:1px solid color-mix(in srgb,var(--ui-danger) 45%,#0000);border-radius:8px;color:var(--ui-text);font-size:.95rem;margin-bottom:8px;margin-top:6px;padding:8px 10px}.login-button{align-items:center;background:var(--ui-button-primary-bg);border:var(--ui-button-primary-border);border-radius:12px;box-shadow:var(--ui-shadow-sm);color:var(--ui-text);display:inline-flex;gap:8px;justify-content:center;margin-top:20px;padding:10px 14px;transition:background .12s ease,box-shadow .15s ease,transform 90ms ease;width:100%}.login-button:hover{box-shadow:var(--ui-shadow-lg)}.login-button:active{transform:translateY(1px)}.login-link-wrapper{margin-top:10px;text-align:center}.login-link{background:none;border:none;color:var(--ui-link);cursor:pointer;font-size:.95rem;padding:6px 8px;text-decoration:underline}.login-link:hover{opacity:.9}.login-link:active{opacity:.8}.recipes-page .content-container{display:flex;flex-direction:column;gap:1.5rem}.recipes-layout{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:minmax(280px,420px) minmax(0,1fr)}.recipe-card{background:var(--ui-card-bg);border:var(--ui-card-border);border-radius:12px;box-shadow:var(--ui-shadow-card);display:flex;flex-direction:column}.recipe-card--create{align-self:start;position:-webkit-sticky;position:sticky;top:96px}.recipe-card__header{align-items:flex-start;border-bottom:1px solid var(--ui-card-border);display:flex;gap:1rem;justify-content:space-between;padding:1rem 1.25rem}.recipe-card__header h3,.recipe-card__header h4{color:var(--ui-text);margin:0}.recipe-card__hint{color:var(--ui-subtle);font-size:.8rem;max-width:220px;text-align:right}.recipe-card__actions{display:inline-flex;gap:.5rem}.recipe-card__body{gap:1rem;padding:1rem 1.25rem 1.25rem}.recipe-card__body,.recipe-form{display:flex;flex-direction:column}.recipe-form{gap:.75rem}.recipe-editor .form-group,.recipe-form .form-group{display:flex;flex-direction:column;gap:.35rem}.recipe-editor .form-label,.recipe-form .form-label{margin-top:0}.recipe-item-inputs,.recipe-share-row{grid-gap:.5rem;align-items:center;display:grid;gap:.5rem;grid-template-columns:90px minmax(0,1fr) auto}.recipe-share-row{grid-template-columns:minmax(0,1fr) auto}.recipe-amount-input{max-width:100px}.recipe-items-section{display:flex;flex-direction:column;gap:.75rem}.recipe-items-header{color:var(--ui-text);font-weight:600}.recipe-items-list{display:flex;flex-direction:column;gap:.5rem}.recipe-item-row{grid-gap:.75rem;align-items:center;background:var(--ui-input-bg);border-radius:8px;display:grid;gap:.75rem;grid-template-columns:minmax(0,1fr) auto auto;padding:.5rem .75rem}.recipe-items-list.has-prices .recipe-item-row{grid-template-columns:minmax(0,1fr) auto auto auto}.recipe-item-name{color:var(--ui-text);font-weight:500}.recipe-item-amount{color:var(--ui-subtle);font-size:.9rem}.recipe-item-price{color:var(--ui-text);font-size:.9rem;font-weight:600}.recipe-items-empty{color:var(--ui-subtle);font-size:.9rem}.recipe-actions{display:flex;gap:.75rem}.shared-users{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.shared-user-chip{align-items:center;background:var(--ui-button-primary-bg);border-radius:16px;color:var(--ui-on-accent);display:inline-flex;font-size:.8rem;font-weight:500;gap:.5rem;padding:.25rem .5rem}.remove-user-btn{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;height:20px;justify-content:center;padding:0;transition:background-color .2s ease;width:20px}.remove-user-btn:hover{background:color-mix(in srgb,var(--ui-on-accent) 18%,#0000)}.remove-user-btn:disabled{cursor:not-allowed;opacity:.5}.recipe-list{display:flex;flex-direction:column;gap:1rem}.recipe-list-header{align-items:center;display:flex;justify-content:space-between}.recipe-count{color:var(--ui-subtle);font-size:.85rem}.recipe-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.recipe-title{display:flex;flex-direction:column;gap:.25rem}.recipe-owner{color:var(--ui-subtle);font-size:.8rem}.recipe-title-input{font-weight:600}.recipe-card--editing{border-color:var(--ui-accent);box-shadow:var(--ui-shadow-md)}.recipe-total{align-items:center;background:color-mix(in srgb,var(--ui-accent) 12%,var(--ui-input-bg));border-radius:8px;display:flex;font-weight:600;justify-content:space-between;padding:.5rem .75rem}.recipe-total-value{font-size:.95rem}.recipe-editor{gap:.5rem}.recipe-editor,.recipe-notes{display:flex;flex-direction:column}.recipe-notes{background:var(--ui-input-bg);border-radius:8px;gap:.35rem;padding:.6rem .75rem}.recipe-notes__title{color:var(--ui-subtle);font-size:.78rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.recipe-notes__content{color:var(--ui-text);font-size:.92rem;white-space:pre-wrap;word-break:break-word}@media (max-width:1024px){.recipes-layout{grid-template-columns:1fr}.recipe-card--create{position:static}}@media (max-width:640px){.recipe-item-inputs,.recipe-item-row,.recipe-share-row{grid-template-columns:1fr}.recipe-item-row{gap:.25rem;justify-items:start}.recipe-items-list.has-prices .recipe-item-row{grid-template-columns:1fr}}.canonical-items-layout,.canonical-items-page .content-container{display:flex;flex-direction:column;gap:1rem}.canonical-items-toolbar{display:flex;flex-direction:column;gap:.75rem;padding:1rem}.canonical-items-toolbar__title{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.canonical-items-toolbar__title h3{margin:0}.canonical-items-count{color:var(--ui-subtle);font-size:.85rem}.canonical-items-search{grid-gap:.5rem;align-items:center;color:var(--ui-subtle);display:grid;gap:.5rem;grid-template-columns:auto minmax(0,1fr)}.canonical-items-list-filter{background:var(--ui-input-bg);border:1px solid var(--ui-input-border);border-radius:8px;padding:.4rem .55rem}.canonical-items-list-filter summary{color:var(--ui-text);cursor:pointer;font-weight:500}.canonical-items-list-filter__options{display:flex;flex-direction:column;gap:.45rem;margin-top:.55rem}.canonical-items-list-filter__option{align-items:center;color:var(--ui-text);display:flex;font-size:.88rem;gap:.45rem}.canonical-items-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.canonical-item-card{align-items:flex-start;display:flex;gap:.75rem;justify-content:space-between;padding:.85rem 1rem}.canonical-item-card__main{display:flex;flex-direction:column;gap:.5rem;min-width:0}.canonical-item-name{color:var(--ui-text);font-weight:600}.canonical-item-meta{color:var(--ui-subtle);display:flex;flex-wrap:wrap;font-size:.85rem;gap:.5rem 1rem}.canonical-item-aliases{margin-top:0}@media (max-width:640px){.canonical-item-card{align-items:stretch;flex-direction:column}.canonical-item-card__actions{display:flex;justify-content:flex-end}}.overlay-mode-screen{align-items:flex-start;background:#0000;display:flex;justify-content:center;min-height:100vh;padding:8px}.overlay-mode-bar{grid-gap:6px;align-items:center;background:var(--ui-card-bg);border:1px solid var(--ui-card-border);border-radius:12px;box-shadow:var(--ui-shadow-md);display:grid;gap:6px;grid-template-columns:90px minmax(160px,1fr) 130px auto;max-width:760px;padding:8px;width:100%}.overlay-mode-field{min-width:0}.overlay-mode-add{min-height:34px;min-width:34px}.overlay-mode-empty{background:var(--ui-card-bg);border:1px solid var(--ui-card-border);border-radius:10px;color:var(--ui-subtle);margin-top:24px;padding:10px 12px}@media (max-width:720px){.overlay-mode-bar{gap:4px;grid-template-columns:78px minmax(120px,1fr) 110px auto;padding:6px}}
/*# sourceMappingURL=main.1d5f3335.css.map*/