@import "https://fonts.googleapis.com/css2?family=Chewy:wght@400&display=swap";html,body,#root{min-height:100vh}body{background:var(--bg-body);color:var(--ui-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji}*{scrollbar-width:thin;scrollbar-color:var(--ui-scrollbar-thumb-hover) var(--ui-scrollbar-track)}::-webkit-scrollbar{width:10px;height: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{opacity:.6;cursor:not-allowed}input,textarea,select{color:var(--ui-text);background:var(--ui-input-bg);border:var(--ui-input-border)}::placeholder{color:color-mix(in srgb, var(--ui-text) 55%, transparent);opacity:.8}select{color:var(--ui-select-text);background:var(--ui-select-bg);border:var(--ui-select-border);color-scheme:var(--ui-select-color-scheme,var(--ui-color-scheme,light));accent-color:var(--ui-accent)}: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:transparent;--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%, transparent);--ui-border-muted:color-mix(in srgb, var(--ui-text) 15%, transparent);--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%, transparent);--ui-spinner-track:color-mix(in srgb, var(--ui-text) 15%, transparent);--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%, transparent);--ui-error-text:var(--ui-danger);--ui-focus-ring:0 0 0 3px color-mix(in srgb, var(--ui-accent) 25%, transparent);--ui-error-ring:0 0 0 3px color-mix(in srgb, var(--ui-danger) 25%, transparent);--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-status-done-bg:color-mix(in srgb, var(--ui-success) 26%, var(--ui-card-bg));--ui-status-done-stroke:var(--ui-success);--ui-status-done-stroke-width:2px;--ui-status-in-progress-bg:color-mix(in srgb, var(--ui-warning) 24%, var(--ui-card-bg));--ui-status-in-progress-stroke:var(--ui-warning);--ui-status-in-progress-stroke-width:2px;--ui-status-important-bg:var(--ui-card-bg);--ui-status-important-stroke:var(--ui-danger);--ui-status-important-stroke-width:3px;--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:transparent;--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: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:transparent;--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:transparent;--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:#00000009;--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:transparent;--ui-select-bg:transparent;--ui-select-text:var(--ui-text);--ui-select-border:var(--ui-input-border)}body[data-theme=ocean-mist]{--bg-body:linear-gradient(180deg, #e6f0f7 0%, #d9e7ef 100%);--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:transparent;--ui-select-bg:transparent;--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 0%, #a855f7 100%);--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:transparent;--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 0%, #f8c48e 100%);--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 0%, #34d399 100%);--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 0%, #60a5fa 100%);--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:#00000009;--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:transparent;--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=dark],body[data-theme=night-amoled],body[data-theme=forest],body[data-theme=muted-ash]{--ui-status-done-bg:color-mix(in srgb, var(--ui-success) 34%, var(--ui-card-bg));--ui-status-in-progress-bg:color-mix(in srgb, var(--ui-warning) 30%, var(--ui-card-bg))}body[data-theme=light],body[data-theme=soft-slate],body[data-theme=ocean-mist],body[data-theme=solarized],body[data-theme=pastel-mint],body[data-theme=citrus-joy],body[data-theme=bubblegum-party],body[data-theme=colorful],body[data-theme=sunset-glow],body[data-theme=mid-slate],body[data-theme=mid-sage],body[data-theme=mid-steel]{--ui-status-done-bg:color-mix(in srgb, var(--ui-success) 18%, var(--ui-card-bg));--ui-status-in-progress-bg:color-mix(in srgb, var(--ui-warning) 18%, var(--ui-card-bg))}:root{--ui-mermaid-node-bg:var(--ui-input-bg);--ui-mermaid-node-stroke:var(--ui-border-muted);--ui-mermaid-text:var(--ui-text);--ui-mermaid-edge-stroke:color-mix(in srgb, var(--ui-text) 64%, transparent);--ui-mermaid-label-bg:var(--ui-card-bg);--ui-mermaid-cluster-bg:color-mix(in srgb, var(--ui-input-bg) 72%, transparent);--ui-mermaid-cluster-stroke:var(--ui-border-muted)}body[data-theme=dark],body[data-theme=night-amoled],body[data-theme=forest],body[data-theme=muted-ash]{--ui-mermaid-node-stroke:color-mix(in srgb, var(--ui-text) 34%, transparent);--ui-mermaid-edge-stroke:color-mix(in srgb, var(--ui-text) 72%, transparent)}body[data-theme=light],body[data-theme=soft-slate],body[data-theme=ocean-mist],body[data-theme=solarized],body[data-theme=pastel-mint],body[data-theme=citrus-joy],body[data-theme=bubblegum-party],body[data-theme=colorful],body[data-theme=sunset-glow],body[data-theme=mid-slate],body[data-theme=mid-sage],body[data-theme=mid-steel]{--ui-mermaid-node-stroke:color-mix(in srgb, var(--ui-text) 30%, transparent);--ui-mermaid-edge-stroke:color-mix(in srgb, var(--ui-text) 58%, transparent)}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);margin:0;font-weight:600}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);margin:0 0 1rem;line-height:1.5}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}.u-flex-auto{flex:auto}.u-flex-initial{flex:0 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: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-12{gap:3rem}.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:min-content}.u-w-max{width:max-content}.u-w-fit{width:fit-content}.u-h-auto{height:auto}.u-h-full{height:100%}.u-h-screen{height:100vh}.u-h-min{height:min-content}.u-h-max{height:max-content}.u-h-fit{height:fit-content}.u-min-w-0{min-width:0}.u-min-w-full{min-width:100%}.u-min-w-min{min-width:min-content}.u-min-w-max{min-width:max-content}.u-max-w-0{max-width:0}.u-max-w-full{max-width:100%}.u-max-w-min{max-width:min-content}.u-max-w-max{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:min-content}.u-min-h-max{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:min-content}.u-max-h-max{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:#0000}.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-white,.u-text-black{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-top:0;margin-bottom:0}.u-my-1{margin-top:.25rem;margin-bottom:.25rem}.u-my-2{margin-top:.5rem;margin-bottom:.5rem}.u-my-3{margin-top:.75rem;margin-bottom:.75rem}.u-my-4{margin-top:1rem;margin-bottom:1rem}.u-my-5{margin-top:1.25rem;margin-bottom:1.25rem}.u-my-6{margin-top:1.5rem;margin-bottom:1.5rem}.u-my-8{margin-top:2rem;margin-bottom:2rem}.u-my-10{margin-top:2.5rem;margin-bottom:2.5rem}.u-my-12{margin-top:3rem;margin-bottom:3rem}.u-my-16{margin-top:4rem;margin-bottom:4rem}.u-my-20{margin-top:5rem;margin-bottom:5rem}.u-my-auto{margin-top:auto;margin-bottom: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-top:0;padding-bottom:0}.u-py-1{padding-top:.25rem;padding-bottom:.25rem}.u-py-2{padding-top:.5rem;padding-bottom:.5rem}.u-py-3{padding-top:.75rem;padding-bottom:.75rem}.u-py-4{padding-top:1rem;padding-bottom:1rem}.u-py-5{padding-top:1.25rem;padding-bottom:1.25rem}.u-py-6{padding-top:1.5rem;padding-bottom:1.5rem}.u-py-8{padding-top:2rem;padding-bottom:2rem}.u-py-10{padding-top:2.5rem;padding-bottom:2.5rem}.u-py-12{padding-top:3rem;padding-bottom:3rem}.u-py-16{padding-top:4rem;padding-bottom:4rem}.u-py-20{padding-top:5rem;padding-bottom: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{width:100%;max-width:1200px;margin:0 auto}.u-container-sm{width:100%;max-width:520px;margin:0 auto}.u-container-md{width:100%;max-width:768px;margin:0 auto}.u-container-lg{width:100%;max-width:1024px;margin:0 auto}@media (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}.u-sm\:flex-auto{flex: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.3333%}.u-sm\:w-2\/3{width:66.6667%}.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 (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}.u-md\:flex-auto{flex: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.3333%}.u-md\:w-2\/3{width:66.6667%}.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 (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}.u-lg\:flex-auto{flex: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.3333%}.u-lg\:w-2\/3{width:66.6667%}.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 (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{cursor:pointer;background:var(--ui-button-bg);color:var(--ui-text);border:none;border:var(--ui-button-border);border-radius:4px;padding:10px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-block}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--ui-button-primary-bg);color:var(--ui-on-accent);border:var(--ui-button-primary-border)}.btn-primary:hover:not(:disabled){opacity:.9}.btn-secondary{background:var(--ui-button-bg);color:var(--ui-text);border:var(--ui-button-border)}.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);color:var(--ui-on-danger);border:var(--ui-button-danger-border)}.btn-danger:hover:not(:disabled){background:var(--ui-danger)}.btn-sm{padding:6px 12px;font-size:12px}.btn-lg{padding:12px 24px;font-size:16px}.btn-icon{color:var(--ui-text);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;min-width:40px;min-height:40px;padding:8px 12px;font-size:1rem;transition:all .2s;display:inline-flex}.btn-icon:hover{background:var(--ui-input-bg);transform:translateY(-1px)}.btn-icon:active{transform:translateY(1px)}.btn-icon:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-icon:disabled:hover{background:0 0;transform:none}.btn-icon.btn-primary{background:var(--ui-button-primary-bg);color:var(--ui-on-accent);padding:6px 12px}.btn-icon.btn-round{background:var(--ui-button-primary-bg);color:var(--ui-on-accent);border-radius:50%;width:40px;height:40px;padding:0}.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{color:var(--ui-text);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;min-width:32px;min-height:32px;padding:6px 10px;font-size:1rem;transition:all .2s;display:inline-flex}.icon-button:hover{background:var(--ui-input-bg);transform:translateY(-1px)}.icon-button.note-save-button:disabled{cursor:default}.icon-button.note-save-button--saved:disabled>.svg-inline--fa{color:var(--ui-success);filter:brightness(85%)}.icon-button:active{transform:translateY(1px)}.icon-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.icon-button:disabled:hover{background:0 0;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.danger{color:var(--ui-danger)}.icon-button.danger:hover:not(:disabled){background:color-mix(in srgb, var(--ui-danger) 12%, var(--ui-input-bg))}.icon-button.icon-button-round{background:var(--ui-button-primary-bg);color:var(--ui-on-accent);aspect-ratio:1;box-sizing:border-box;border-radius:50%;width:40px;min-width:40px;height:40px;min-height:40px;padding:0}.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);color:var(--ui-on-accent);cursor:pointer;border:none;border-radius:8px;padding:10px 16px;font-size:.95rem;font-weight:500;transition:background-color .2s}.create-list-button:hover{background:color-mix(in srgb, var(--ui-accent) 85%, black)}.create-first-list-button{background:var(--ui-accent);color:var(--ui-on-accent);cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:500;transition:background-color .2s}.create-first-list-button:hover{background:color-mix(in srgb, var(--ui-accent) 85%, black)}.list-edit-btn{color:var(--ui-text);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;min-width:44px;min-height:44px;margin-left:.75rem;padding:.5rem;font-size:1.2rem;transition:all .2s;display:flex}.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{background:var(--ui-success);text-align:center;width:100%;color:var(--ui-on-success);cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;margin-top:15px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.finish-button:hover{background:var(--ui-success-hover)}.price-btn{min-width:auto;margin-left:10px;padding:4px 8px;font-size:12px}.btn-group{gap:8px;display:flex}.btn-group .btn{flex:1}.btn-group-vertical{flex-direction:column;gap:8px;display:flex}.form{flex-direction:column;gap:1rem;display:flex}.form-loading{pointer-events:none;opacity:.6}.item-modal-form .form-field{gap:.35rem}.form-label{color:var(--ui-text);margin-top:.5rem;font-size:.9rem;font-weight:500}.form-required{color:var(--ui-danger);margin-left:.25rem}.form-input,.form-textarea,.form-select{border:var(--ui-input-border);background-color:var(--ui-input-bg);color:var(--ui-text);background:var(--ui-input-bg);border:var(--ui-input-border);border-radius:6px;padding:.625rem .875rem;font-size:.875rem;transition:all .2s}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--ui-accent);box-shadow:var(--ui-focus-ring);outline:none}.form-input-error,.form-textarea-error,.form-select-error{border-color:var(--ui-danger)}.form-input-error:focus,.form-textarea-error:focus,.form-select-error:focus{border-color:var(--ui-danger);box-shadow:var(--ui-error-ring)}.form-input:disabled,.form-textarea:disabled,.form-select:disabled{background-color:var(--ui-input-disabled-bg);color:var(--ui-input-disabled-text);cursor:not-allowed}.form-textarea{resize:vertical;min-height:80px}.form-select{cursor:pointer;width:100%;color:var(--ui-select-text);background-color:var(--ui-select-bg);border:var(--ui-select-border);appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--ui-subtle) 50%), linear-gradient(135deg, var(--ui-subtle) 50%, transparent 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;padding-right:2.25rem}.form-select option{background:var(--ui-select-popup-bg);color:var(--ui-select-popup-text)}.form-select:disabled{background-image:none}.segmented-control{border:var(--ui-input-border);background:var(--ui-input-bg);border-radius:8px;gap:.2rem;width:100%;padding:.2rem;display:inline-flex}.segmented-control button{min-width:0;color:var(--ui-text);cursor:pointer;font:inherit;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;border-radius:6px;flex:1 1 0;padding:.5rem .75rem;overflow:hidden}.segmented-control button.active{background:var(--ui-button-primary-bg);color:var(--ui-on-accent)}.segmented-control button:disabled{cursor:not-allowed;opacity:.6}.form-select-trigger{text-align:left;background-image:none;justify-content:space-between;align-items:center;gap:.5rem;padding-right:.875rem;display:flex}.form-select-trigger-label{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.form-select-caret{color:var(--ui-subtle);flex-shrink:0}.form-select-dropdown{margin-top:.25rem}.form-select-option{text-align:left;width:100%;color:inherit;font:inherit;background:0 0;border:none}.form-select-option-disabled{opacity:.55;cursor:not-allowed}.form-multiselect-dropdown{padding:.25rem 0}.form-multiselect-option{align-items:center;gap:.625rem;display:flex}.form-multiselect-option input{accent-color:var(--ui-accent);pointer-events:none;margin:0}.form-hint{color:var(--ui-subtle);font-size:.8rem}.form-error{color:var(--ui-danger);margin-top:.25rem;font-size:.75rem;font-weight:500}.autocomplete-container{width:100%;position:relative}.autocomplete-input{border:var(--ui-input-border);box-sizing:border-box;border-radius:4px;outline:none;width:100%;padding:8px 12px;font-size:14px;transition:border-color .2s}.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);box-shadow:var(--ui-shadow-md);z-index:1000;border-top:none;border-radius:0 0 4px 4px;max-height:200px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.autocomplete-item{cursor:pointer;border-bottom:var(--ui-card-border);color:var(--ui-text);padding:10px 12px;transition:background-color .2s}.autocomplete-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.autocomplete-name{color:var(--ui-text);font-weight:500}.autocomplete-meta{color:var(--ui-subtle);white-space:nowrap;align-items:center;gap:8px;font-size:.8rem;display:inline-flex}.autocomplete-recipe{align-items:center;gap:8px;display:inline-flex}.autocomplete-pill{background:color-mix(in srgb, var(--ui-accent) 18%, var(--ui-input-bg));color:var(--ui-text);letter-spacing:.02em;text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;padding:2px 8px;font-size:.7rem;font-weight:600;display:inline-flex}.autocomplete-price{font-weight:600}.autocomplete-date{opacity:.85}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item:hover,.autocomplete-item.highlighted{background-color:color-mix(in srgb, var(--ui-accent) 18%, var(--ui-input-bg));color:var(--ui-text);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ui-accent) 35%, transparent)}.autocomplete-loading,.autocomplete-empty{text-align:center;color:var(--ui-subtle);padding:20px;font-style:italic}.form-actions{gap:.75rem;margin-top:.5rem;display:flex}.form-actions-left{justify-content:flex-start}.form-actions-center{justify-content:center}.form-actions-right{justify-content:flex-end;gap:.75rem;display:flex}.form-actions-space-between{justify-content:space-between}.create-list-form{border-radius:8px;margin-bottom:20px;padding:20px}.create-list-form input{border:var(--ui-input-border);background:var(--ui-input-bg);width:100%;color:var(--ui-text);border-radius:4px;margin-bottom:15px;padding:12px;font-size:16px}.add-item-form{background:var(--ui-card-bg);border:1px solid var(--ui-card-border);box-sizing:border-box;border-radius:8px;width:100%;margin-bottom:20px;padding:8px}.add-item-form>div,.add-item-form .add-item-inputs{align-items:center;gap:8px;width:100%;display:flex}.add-item-form .add-item-field{flex-direction:column;min-width:0;display:flex}.add-item-form .add-item-field--amount{flex:0 auto}.add-item-form .add-item-field--name{flex: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 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{box-sizing:border-box;border:var(--ui-input-border);background:var(--ui-input-bg);border-radius:4px;align-items:stretch;width:100%;min-width:0;transition:all .2s;display:flex;overflow:hidden}.suffix-number-input__field{box-sizing:border-box;min-width:0;color:var(--ui-text);box-shadow:none;appearance:textfield;background:0 0;border:none;border-radius:0;flex:auto;padding:8px 12px;font-size:14px;line-height:1.2}.suffix-number-input__field::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.suffix-number-input__field::-webkit-inner-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{box-sizing:border-box;border-left:1px solid color-mix(in srgb, var(--ui-divider) 85%, transparent);background:color-mix(in srgb, var(--ui-input-bg) 80%, var(--ui-card-bg));min-width:2.75rem;max-width:5ch;color:color-mix(in srgb, var(--ui-subtle) 78%, transparent);white-space:nowrap;text-overflow:clip;pointer-events:none;flex:none;justify-content:center;align-items:center;padding:0 .3rem;font-size:.7rem;line-height:1;display:inline-flex;overflow:hidden}.suffix-number-input__suffix--static{padding:0 .3rem}.suffix-number-input__suffix--button{pointer-events:auto;background:color-mix(in srgb, var(--ui-input-bg) 80%, var(--ui-card-bg));color:color-mix(in srgb, var(--ui-subtle) 78%, transparent);cursor:pointer;font-family:inherit;font-weight:inherit;border:none;border-radius:0;padding:0 .3rem;line-height:1}.suffix-number-input__suffix--button:hover,.suffix-number-input__suffix--button:focus-visible{color:var(--ui-subtle);background:color-mix(in srgb, var(--ui-accent) 10%, var(--ui-input-bg));outline:none}.unit-cycle-field__value{box-sizing:border-box;min-width:0;color:var(--ui-text);flex:auto;align-items:center;padding:8px 12px;font-size:14px;line-height:1.2;display:inline-flex}.price-form{border-top:1px solid var(--ui-divider);margin-top:1rem;padding-top:1rem}.form-row{gap:10px;margin-bottom:15px;display:flex}.price-input{border:var(--ui-input-border);background:var(--ui-input-bg);color:var(--ui-text);border-radius:4px;flex:1;padding:8px 12px;font-size:14px}.currency-select{border:var(--ui-input-border);background:var(--ui-input-bg);color:var(--ui-text);border-radius:4px;padding:8px 12px;font-size:14px}.form-field--error .form-input,.form-field--error .form-textarea,.form-field--error .form-select{border-color:var(--ui-danger)}.form-field--error .form-input:focus,.form-field--error .form-textarea:focus,.form-field--error .form-select:focus{border-color:var(--ui-danger);box-shadow:var(--ui-error-ring)}.form--inline{flex-direction:row;align-items:flex-end}.form--compact{gap:.5rem}.form--spacious{gap:1.5rem}.form-input--sm,.form-textarea--sm,.form-select--sm{padding:.5rem .75rem;font-size:.75rem}.form-input--lg,.form-textarea--lg,.form-select--lg{padding:.75rem 1rem;font-size:1rem}@media (width<=720px){.form-actions{border-top:1px solid var(--ui-divider);justify-content:space-between;align-items:center;gap:1rem;padding-top:1rem;display:flex}.form-row{gap:10px;margin-bottom:15px;display:flex}.add-item-form .add-item-inputs{grid-template-columns:1fr 1fr auto;grid-template-areas:"name name name""amount price add";align-items:center;gap:.5rem;display:grid}.add-item-form .add-item-field--name{grid-area:name;min-width:0}.add-item-form .add-item-field--amount{flex:auto;grid-area:amount;min-width:0}.add-item-form .add-item-field--price{flex: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{grid-area:add;place-self:center end}}.card{background:var(--ui-card-bg);border:var(--ui-card-border);border-radius:12px;transition:all .2s;position:relative}.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{background:var(--ui-card-bg);border:var(--ui-card-border);border-radius:12px}.list-card{background:var(--ui-card-bg);cursor:pointer;box-shadow:var(--ui-shadow);border-radius:8px;justify-content:space-between;align-items:center;padding:1rem;transition:all .2s;display:flex}.list-card:hover{box-shadow:var(--ui-shadow-md);transform:translateY(-1px)}.list-card-content{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.list-card-name{color:var(--ui-text);white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;font-size:1rem;font-weight:500;overflow:hidden}.list-card-badges{flex-shrink:0;gap:.5rem;display:flex}.list-card-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:12px;padding:4px 8px;font-size:.75rem;font-weight:500}.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{box-shadow:inset 4px 0 0 var(--list-color,var(--ui-accent)), var(--ui-shadow)}.list-card.with-list-color:hover{box-shadow:inset 4px 0 0 var(--list-color,var(--ui-accent)), var(--ui-shadow-md)}.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);box-shadow:var(--ui-shadow-card);border-radius:8px;margin-bottom:20px;padding:12px;position:relative}.items-card:before{content:"";border-radius:8px 0 0 8px;width:4px;position:absolute;top:0;bottom:0;left:0}.items-card.active-items:before{background:var(--ui-status-active)}.items-card.secondary-items:before{background:var(--ui-subtle)}.items-card.inactive-items:before{background:var(--ui-status-inactive)}.items-card h2{color:var(--ui-text);margin:0 0 5px 32px;font-size:1.1rem;font-weight:600}.add-item-card{background:var(--ui-card-bg);box-sizing:border-box;border-radius:8px;width:100%;margin-bottom:20px;padding:10px 20px}.price-modal-content{background:var(--ui-dialog-bg);border-radius:8px;width:90%;max-width:600px;max-height:80vh;overflow-y:auto}.card__header{border-bottom:1px solid var(--ui-card-border);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.card__title{color:var(--ui-text);margin:0;font-size:1.125rem;font-weight:600}.card__subtitle{color:var(--ui-subtle);margin:.25rem 0 0;font-size:.875rem}.card__body{padding:1.5rem}.card__body--compact{padding:1rem}.card__body--spacious{padding:2rem}.card__footer{border-top:1px solid var(--ui-card-border);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.card__section{margin-bottom:1.5rem}.card__section:last-child{margin-bottom:0}.card-grid{gap:1rem;display:grid}.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 (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__header,.card__body,.card__footer{padding:1rem}}.empty-state-card{text-align:center;border:var(--ui-card-border);background:var(--ui-card-bg);color:var(--ui-text);border-radius:8px;padding:16px}.empty-state-card__title{margin-bottom:6px;font-weight:700}.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);color:var(--ui-on-accent);border:var(--ui-button-primary-border);cursor:pointer;border-radius:4px;padding:8px 16px}.modal-backdrop{background-color:var(--ui-overlay-bg);z-index:1000;justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-container{background:var(--ui-dialog-bg);box-shadow:var(--ui-shadow-modal);border-radius:8px;flex-direction:column;width:100%;max-height:90vh;animation:.3s ease-out slideUp;display:flex;overflow:hidden}.modal-small{max-width:400px}.modal-medium{max-width:600px}.modal-large{max-width:900px}.modal-header{border-bottom:1px solid var(--ui-divider);flex-shrink:0;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modal-title{color:var(--ui-text);margin:0;font-size:1.25rem;font-weight:600}.modal-close{cursor:pointer;color:var(--ui-subtle);background:0 0;border:none;border-radius:4px;padding:.25rem;font-size:1.5rem;line-height:1;transition:all .2s}.modal-close:hover{background-color:var(--ui-button-bg);color:var(--ui-text)}.modal-content{flex:1;padding:1.5rem;overflow-y:auto}.list-modal .modal-container{background:var(--ui-dialog-bg);width:90%;max-width:600px;color:var(--ui-text)}.list-modal .modal-header{border-bottom-color:var(--ui-card-border)}.list-modal .modal-title{color:var(--ui-text)}.list-modal .modal-content{background:0 0}.list-modal .list-form{flex-direction:column;gap:1.5rem;display:flex}.list-modal .form-field,.list-modal .form-group{flex-direction:column;gap:.35rem;display:flex}.list-modal .form-label{color:var(--ui-text);margin-top:0;font-size:.9rem;font-weight:500;display:block}.list-modal .form-input{border:var(--ui-input-border);background:var(--ui-input-bg);color:var(--ui-text);box-sizing:border-box;border-radius:6px;width:100%;padding:.75rem;font-size:.95rem;transition:all .2s;display:block}.list-modal .form-input::placeholder{color:color-mix(in srgb, var(--ui-text) 55%, transparent)}.list-modal .form-input:focus{border-color:var(--ui-accent);box-shadow:var(--ui-focus-ring);background:var(--ui-input-bg);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%, transparent);border:1px solid color-mix(in srgb, var(--ui-danger) 45%, transparent);color:var(--ui-danger);border-radius:6px;padding:.75rem;font-size:.9rem}.list-modal .autocomplete-container{position:relative}.list-modal .autocomplete-dropdown{background:var(--ui-dialog-bg);border:var(--ui-card-border);box-shadow:var(--ui-shadow-lg);z-index:1000;border-radius:6px;max-height:200px;margin-top:.25rem;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.list-modal .autocomplete-item{cursor:pointer;border-bottom:var(--ui-card-border);color:var(--ui-text);padding:.75rem;transition:background-color .2s}.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-loading,.list-modal .autocomplete-empty{color:var(--ui-subtle);text-align:center;padding:.75rem;font-style:italic}.list-modal .shared-users{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.list-modal .shared-user-chip{background:var(--ui-button-primary-bg);color:var(--ui-on-accent);border-radius:16px;align-items:center;gap:.5rem;padding:.25rem .5rem;font-size:.8rem;font-weight:500;display:inline-flex}.list-modal .remove-user-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:1.2rem;transition:background-color .2s;display:flex}.list-modal .remove-user-btn:hover{background:color-mix(in srgb, var(--ui-on-accent) 18%, transparent)}.list-modal .remove-user-btn:disabled{opacity:.5;cursor:not-allowed}.list-modal .form-actions{border-top:1px solid var(--ui-divider);justify-content:flex-end;align-items:center;gap:1rem;padding-top:1rem;display:flex}.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{gap:.75rem;display:flex}.list-modal .form-actions-spacer{margin-right:auto}.list-modal .alias-input-wrapper{align-items:stretch;gap:.5rem;display:flex}.list-modal .alias-input-wrapper input{flex:1}.settings-modal .modal-container{width:90%;max-width:500px}.settings-modal .settings-form{flex-direction:column;gap:1.5rem;display:flex}.settings-modal .settings-field{flex-direction:column;gap:.5rem;display:flex}.settings-modal .settings-field label{color:var(--ui-text);font-size:.9rem;font-weight:500}.settings-modal .settings-field input{border:var(--ui-input-border);background:var(--ui-input-bg);color:var(--ui-text);box-sizing:border-box;border-radius:6px;width:100%;padding:.75rem;font-size:.95rem;transition:all .2s}.settings-modal .settings-diagnostics-textarea{resize:vertical;min-height:96px}.settings-modal .theme-options{gap:.5rem;display:grid}.settings-modal .theme-option{border:1px solid var(--ui-divider);cursor:pointer;text-align:left;background:var(--theme-preview-bg);width:100%;color:var(--theme-preview-color);border-radius:8px;align-items:center;gap:.5rem;padding:.625rem .75rem;transition:transform .2s,box-shadow .2s;display:flex}.settings-modal .theme-option:hover{box-shadow:var(--ui-shadow-md);transform:translateY(-1px)}.settings-modal .theme-option-swatch{width:24px;height:16px;box-shadow:inset 0 0 0 1px var(--ui-divider);background:var(--theme-swatch-bg);border-radius:4px;flex-shrink:0}.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 0%, #d9e7ef 100%);--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 0%, #34d399 100%);--theme-preview-color:#1f2937;--theme-swatch-bg:#ffffffdb}.settings-modal .theme-option[data-theme-option=bubblegum-party]{--theme-preview-bg:linear-gradient(180deg, #f472b6 0%, #60a5fa 100%);--theme-preview-color:#0b1020;--theme-swatch-bg:#ffffffd6}.settings-modal .theme-option[data-theme-option=colorful]{--theme-preview-bg:linear-gradient(180deg, #0ea5e9 0%, #a855f7 100%);--theme-preview-color:#0b1020;--theme-swatch-bg:#ffffffb8}.settings-modal .theme-option[data-theme-option=sunset-glow]{--theme-preview-bg:linear-gradient(180deg, #ff6b6b 0%, #f8c48e 100%);--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{border:var(--ui-input-border);background:var(--ui-input-bg);color:var(--ui-text);box-sizing:border-box;border-radius:6px;width:100%;padding:.75rem;font-size:.95rem;transition:all .2s}.settings-modal .settings-field input:focus,.settings-modal .settings-field select:focus{border-color:var(--ui-accent);box-shadow:var(--ui-focus-ring);background:var(--ui-input-bg);outline:none}.settings-modal .settings-field small{color:var(--ui-subtle);margin-top:.25rem;font-size:.8rem}.settings-modal .settings-import-export{border:1px solid var(--ui-divider);background:color-mix(in srgb, var(--ui-input-bg) 65%, transparent);border-radius:8px;padding:.75rem}.settings-modal .settings-row-inline{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.settings-modal .settings-row-inline .form-select-container{flex:1;min-width:200px}.settings-modal .settings-diagnostics-admin{gap:.5rem;margin-top:.5rem;display:grid}.settings-modal .settings-diagnostics-list{gap:.5rem;display:grid}.settings-modal .settings-diagnostics-row{border:1px solid var(--ui-divider);background:var(--ui-input-bg);border-radius:8px;gap:.5rem;padding:.625rem;display:grid}.settings-modal .settings-diagnostics-row-main{gap:.2rem;min-width:0;display:grid}.settings-modal .settings-checkline-switch label:first-child{color:var(--ui-subtle);font-size:.85rem}.settings-modal .settings-switch-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.settings-modal .settings-switch{flex-shrink:0;align-items:center;width:44px;height:24px;display:inline-flex;position:relative}.settings-modal .settings-switch-input{opacity:0;border:0;width:0;height:0;margin:0;padding:0;position:absolute}.settings-modal .settings-switch-slider{background:var(--ui-input-border);border:1px solid var(--ui-border-muted);border-radius:999px;width:100%;height:100%;transition:background-color .2s;position:relative}.settings-modal .settings-switch-slider:after{content:"";background:var(--ui-card-bg);width:18px;height:18px;box-shadow:var(--ui-shadow);border-radius:50%;transition:transform .2s;position:absolute;top:2px;left:2px}.settings-modal .settings-switch-input:checked+.settings-switch-slider{background:var(--ui-accent)}.settings-modal .settings-switch-input:checked+.settings-switch-slider:after{transform:translate(20px)}.item-modal-form{flex-direction:column;gap:.75rem;display:flex}.item-modal-form .form-field{flex-direction:column;gap:.35rem;display:flex}.item-modal-form .form-label,.item-modal-form .form-hint{margin-top:0}.item-modal-unit-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.item-modal-unit-row__field{min-width:0}.item-modal-optional-toggle{width:fit-content}.price-history-modal .modal-container{max-width:640px}.price-history-content{flex-direction:column;gap:1rem;display:flex}.price-history-empty{color:var(--ui-subtle);text-align:center;padding:1rem 0}.price-history-list,.price-history-table{flex-direction:column;gap:.5rem;display:flex}.price-history-header{text-transform:uppercase;letter-spacing:.06em;color:var(--ui-subtle);grid-template-columns:110px 1fr 1fr 1fr;gap:.75rem;padding:0 .75rem;font-size:.75rem;display:grid}.price-history-header span:last-child{text-align:right}.price-history-row{background:var(--ui-input-bg);color:var(--ui-text);border-radius:8px;grid-template-columns:110px 1fr 1fr 1fr;gap:.75rem;padding:.5rem .75rem;font-size:.9rem;display:grid}.price-history-date{color:var(--ui-subtle);font-weight:600}.price-history-value{font-weight:600}.price-history-store,.price-history-brand-type{color:var(--ui-subtle)}.price-history-value{text-align:right}.spinner{border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=768px){.modal-backdrop{padding:.5rem}.modal-container{max-width:100%;margin:.5rem}.modal-header,.modal-content{padding:1rem}.modal-title{font-size:1.125rem}.list-modal .modal-container{width:95vw;max-width:95vw;margin:.5rem}.list-modal .form-actions{flex-direction:column;align-items:stretch}.item-modal-unit-row{grid-template-columns:1fr}.list-modal .form-actions-right{justify-content:stretch}.btn{flex: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{background:var(--ui-card-bg);border-bottom:1px solid var(--ui-card-border);align-items:center;min-height:30px;padding:10px 20px;display:flex}.header--centered{justify-content:center}.header--spaced{justify-content:space-between}.header--start{justify-content:flex-start}.header--end{justify-content:flex-end}.header__left{flex:1;align-items:center;display:flex}.header__center{text-align:center;flex:1;justify-content:center;align-items:center;display:flex}.header__right{flex:1;justify-content:flex-end;align-items:center;display:flex}.header-left{flex:1}.header-center{text-align:center;flex:1}.header-right{flex:1;justify-content:flex-end;align-items:center;gap:8px;display:flex}.header-brand{color:var(--ui-text);margin:0;font-family:Chewy,cursive;font-size:1.8rem;font-weight:400}.header-brand-text{cursor:pointer;border-radius:4px;padding:5px 20px;transition:background-color .2s}.header-brand-text:hover{background-color:var(--ui-input-bg)}.header-nav{align-items:center;gap:1rem;display:flex}.header-nav-item{color:var(--ui-subtle);border-radius:4px;padding:.5rem 1rem;font-size:.9rem;text-decoration:none;transition:all .2s}.header-nav-item:hover{background-color:var(--ui-input-bg);color:var(--ui-text)}.header-nav-item--active{color:var(--ui-accent);background-color:color-mix(in srgb, var(--ui-accent) 10%, transparent)}.header-actions{z-index:1;align-items:center;gap:8px;display:flex}.header-actions .icon-button{border:1px solid var(--ui-border-muted);background:var(--ui-card-bg)}.header-sync-button{position:relative}.header-sync-alert{border:1px solid var(--ui-border-muted);max-width:160px;color:var(--ui-text);background:var(--ui-input-bg);white-space:nowrap;text-overflow:ellipsis;border-radius:6px;padding:4px 8px;font-size:.78rem;font-weight:600;line-height:1.1;overflow:hidden}.header-sync-alert--error,.header-sync-alert--auth-expired{border-color:color-mix(in srgb, var(--ui-danger) 45%, var(--ui-border-muted));background:color-mix(in srgb, var(--ui-danger) 16%, var(--ui-card-bg))}.header-sync-alert--offline,.header-sync-alert--offline-cached{border-color:color-mix(in srgb, var(--ui-warning) 45%, var(--ui-border-muted));background:color-mix(in srgb, var(--ui-warning) 16%, var(--ui-card-bg))}.header-sync-dot{pointer-events:none;border:1px solid color-mix(in srgb, var(--ui-card-bg) 55%, var(--ui-text));background:var(--ui-neutral);border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.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);margin:0;font-weight:600}.header-subtitle{color:var(--ui-subtle);margin:0;font-size:.875rem}.header-greeting{color:var(--ui-subtle);font-size:.9rem}.app-header{background:var(--ui-appbar-bg);border-bottom:1px solid var(--ui-card-border);z-index:120;justify-content:space-between;align-items:center;min-height:30px;padding:10px 20px;display:flex;position:sticky;top:0}.app-header.is-scrolled{background:var(--ui-appbar-bg);-webkit-backdrop-filter:none;opacity:1}.page-header-bar{background:var(--ui-titlebar-bg);border-bottom:var(--ui-card-border);justify-content:center;align-items:center;width:100%;margin:0;padding:8px 0;display:flex}.page-header-inner{justify-content:flex-start;align-items:center;width:100%;min-height:32px;margin:0 auto;padding:0 24px;display:flex;position:relative}.page-header-title{text-align:center;pointer-events:none;width:100%;position:absolute;left:50%;transform:translate(-50%)}.page-header-title h2{color:var(--ui-subtle);margin:0;font-size:1rem;font-weight:500}.page-header-actions{z-index:1;align-items:center;gap:8px;display:flex}.page-header-actions-group{align-items:center;gap:8px;display:inline-flex}.page-header-actions .icon-button{border:1px solid var(--ui-border-muted);background:var(--ui-card-bg)}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:30px;display:flex}.list-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:30px;display:flex}.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);color:var(--ui-text)}.header--dark .header-title{color:var(--ui-text)}.header--dark .header-subtitle,.header--dark .header-nav-item{color:var(--ui-subtle)}.header--dark .header-nav-item:hover{background-color:var(--ui-input-bg);color:var(--ui-text)}.header--transparent{background:0 0;border-bottom:none}.header--sticky{z-index:100;position:sticky;top:0}.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;max-width:400px;margin:0 1rem}.header__search-input{border:1px solid var(--ui-input-border);background:var(--ui-input-bg);width:100%;color:var(--ui-text);border-radius:6px;padding:.5rem 1rem;font-size:.875rem}.header__search-input:focus{border-color:var(--ui-accent);box-shadow:var(--ui-focus-ring);outline:none}.header__breadcrumb{color:var(--ui-subtle);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.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 (width<=768px){.header__left,.header__center,.header__right{flex:1}.header-brand{color:var(--ui-text);margin:0;font-family:Chewy,cursive;font-size:1.8rem;font-weight:400}.header-brand-text{padding:.75rem 1rem}.page-header,.list-header{flex-direction:column;align-items:stretch;gap:10px}.lists-header{flex-direction:column;align-items:stretch;gap:12px}.header__search{max-width:none;margin:.5rem 0}.header{padding:.5rem .75rem}.header-brand-text:hover{background-color:var(--ui-input-bg)}.header-nav{gap:.5rem}.header-nav-item{padding:.375rem .75rem;font-size:.8rem}.header-actions{gap:4px}}@media (width<=520px){.app-header{flex-direction:row;justify-content:space-between;align-items:center;gap:8px;min-height:0;padding:4px 6px}.header-left{display:none}.header-center{text-align:left;flex:1;order:1;width:auto}.header-right{flex:none;order:2;justify-content:flex-end;gap:4px;width:auto}.header-sync-alert{max-width:92px;padding:3px 5px;font-size:.68rem}.header-brand-text{padding:2px 4px}.page-header-inner{justify-content:space-between;align-items:center;gap:6px;min-height:0;padding:4px 10px}.page-header-title{text-align:left;pointer-events:auto;order:1;width:auto;margin-right:auto;position:static;transform:none}.page-header-actions{flex-shrink:0;order:2;justify-content:flex-end}.page-header-bar{padding:4px 0}.page-header-title h2{font-size:.92rem;line-height:1.1}}.loading{text-align:center;color:var(--ui-subtle);padding:40px;font-size:18px}.loading-indicator{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}.loading-spinner-ring{border:3px solid var(--ui-spinner-track);border-top:3px solid var(--ui-spinner-head);border-radius:50%;width:32px;height:32px;animation:1s linear infinite spin}.loading-spinner-ring--sm{border-width:2px;width:16px;height:16px}.auth-loading-overlay{z-index:9999;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:fixed;inset:0}.auth-loading-text{color:var(--ui-text);font-family:system-ui,-apple-system,sans-serif;font-size:1.2rem}.loading-page{min-height:100vh;color:var(--ui-text);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.spinner-circle{border:2px solid #0000;border-top-color:var(--ui-accent);border-radius:50%;animation:1s linear infinite spin}.loading-inline .spinner-text{font-size:inherit;margin:0}.spinner--sm .spinner-circle{border-width:1px;width:16px;height:16px}.spinner--md .spinner-circle{border-width:2px;width:24px;height:24px}.spinner--lg .spinner-circle{border-width:3px;width:32px;height:32px}.spinner--xl .spinner-circle{border-width:4px;width:48px;height:48px}.spinner--primary .spinner-circle{border-top-color:var(--ui-accent)}.loading-inline .spinner-circle{border-width:2px;width:16px;height: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{border:3px solid var(--ui-spinner-track);border-top:3px solid var(--ui-spinner-head);border-radius:50%;width:32px;height:32px;margin-bottom:16px;animation:1s linear infinite spin}.loading--overlay{background:var(--ui-overlay-surface);z-index:50;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.loading--inline{align-items:center;gap:.5rem;padding:.5rem;display:inline-flex}.loading--full-screen{background:var(--ui-dialog-bg);z-index:9999;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-text{color:var(--ui-subtle);margin-top:.5rem;font-size:.875rem}.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;width:100%;max-width:200px;height:4px;margin-top:.5rem;overflow:hidden}.loading-progress-bar{background:var(--ui-accent);border-radius:2px;height:100%;animation:2s ease-in-out infinite progress}.loading-skeleton{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;animation:1.5s ease-in-out infinite skeleton}.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%;width:40px;height:40px}.loading-skeleton--button{border-radius:6px;width:80px;height:2.5rem}.loading-dots{gap:.25rem;display:inline-flex}.loading-dots span{background:var(--ui-accent);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite both bounce}.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{pointer-events:none;position:relative;color:#0000!important}.btn--loading:after{content:"";border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:16px;height:16px;margin:-8px 0 0 -8px;animation:1s linear infinite spin;position:absolute;top:50%;left:50%}.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{position:relative;overflow:hidden}.card--loading:before{content:"";background:var(--ui-overlay-surface);z-index:10;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.card--loading:after{content:"";border:3px solid var(--ui-spinner-track);border-top:3px solid var(--ui-spinner-head);z-index:11;border-radius:50%;width:32px;height:32px;margin:-16px 0 0 -16px;animation:1s linear infinite spin;position:absolute;top:50%;left:50%}@media (width<=768px){.loading-container{padding:40px 16px}.loading-indicator{padding:30px 20px}.loading{text-align:center;color:var(--ui-subtle);padding:40px;font-size:18px}.spinner--lg .spinner-circle{width:28px;height:28px}.spinner--xl .spinner-circle{width:40px;height:40px}}.home-page{flex-direction:column;min-height:100vh;display:flex}.home-main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:20px}.lists-header{border-bottom:1px solid var(--ui-input-border);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.lists-header h2{color:var(--ui-text);margin:0;font-size:1.5rem;font-weight:600}.empty-state{text-align:center;padding:60px 20px}.empty-state h3{color:var(--ui-text);margin:0 0 12px;font-size:1.3rem;font-weight:500}.empty-state p{color:var(--ui-subtle);margin:0 0 24px;font-size:1rem}.lists-grid{grid-template-columns:1fr;gap:.75rem;display:grid}.list-name-icon{color:var(--ui-subtle);flex:none;font-size:.95em;line-height:1}.home-page .list-card{padding:.55rem .7rem;position:relative;overflow:hidden}.home-page .list-card.owned-private,.home-page .list-card.owned-shared,.home-page .list-card.public{background:var(--ui-card-bg)}.home-page .list-card.is-reorder{cursor:grab}.home-page .list-card.is-reorder:active{cursor:grabbing}.home-page .list-card.is-dragging{opacity:.65}.home-page .icon-button.is-pressed{background:var(--ui-button-bg);color:var(--ui-text);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ui-text) 20%, transparent)}.home-page .list-row{padding:2px 4px}.home-page .list-main{align-items:center;gap:.45rem;min-height:2rem}.home-page .list-name{flex:0 auto;align-items:center;gap:.45rem;min-width:0;font-size:1rem;line-height:1.2;display:inline-flex}.home-page .list-name-text{text-overflow:ellipsis;min-width:0;overflow:hidden}.home-page .list-pill-items{box-sizing:border-box;letter-spacing:0;text-transform:none;font-variant-numeric:tabular-nums;flex:none;justify-content:center;align-items:center;min-width:3.4ch;height:1.25rem;padding:0 .45rem;font-size:.72rem;line-height:1;display:inline-flex}.home-page .list-pill-count{display:block}.list-status-corner{background:var(--ui-subtle);clip-path:polygon(100% 0,100% 100%,0 100%);pointer-events:auto;width:20px;height:20px;position:absolute;bottom:0;right:0}.list-status-corner-owned-private{background:var(--ui-pill-owned-private-text)}.list-status-corner-owned-shared{background:var(--ui-pill-owned-shared-text)}.list-status-corner-public{background:var(--ui-pill-public-text)}.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{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 20px;display:flex}.loading-spinner{flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex}@media (width<=768px){.home-main{padding:16px}.lists-header{flex-direction:column;align-items:stretch;gap:12px}.create-list-button{align-self:flex-start}.lists-grid{grid-template-columns:1fr;gap:.75rem}}.home-section{margin-bottom:2rem}.home-section:last-child{margin-bottom:0}.home-section-title{color:var(--ui-text);margin:0 0 1rem;font-size:1.25rem;font-weight:600}.home-section-subtitle{color:var(--ui-subtle);margin:0 0 1.5rem;font-size:.875rem}.home-quick-actions{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.quick-action-card{background:var(--ui-card-bg);border:1px solid var(--ui-card-border);text-align:center;cursor:pointer;border-radius:8px;padding:1.5rem;transition:all .2s}.quick-action-card:hover{box-shadow:var(--ui-shadow-lg);transform:translateY(-2px)}.quick-action-icon{color:var(--ui-accent);margin-bottom:.5rem;font-size:2rem}.quick-action-title{color:var(--ui-text);margin:0 0 .5rem;font-size:1rem;font-weight:600}.quick-action-description{color:var(--ui-subtle);margin:0;font-size:.875rem}.home-recent-activity{background:var(--ui-card-bg);border:1px solid var(--ui-card-border);border-radius:8px;padding:1.5rem}.activity-item{border-bottom:1px solid var(--ui-input-border);align-items:center;gap:1rem;padding:.75rem 0;display:flex}.activity-item:last-child{border-bottom:none}.activity-icon{background:var(--ui-input-bg);width:40px;height:40px;color:var(--ui-accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.activity-content{flex:1;min-width:0}.activity-title{color:var(--ui-text);margin:0 0 .25rem;font-size:.875rem;font-weight:500}.activity-description{color:var(--ui-subtle);margin:0;font-size:.75rem}.activity-time{color:var(--ui-subtle);white-space:nowrap;font-size:.75rem}.home-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.stat-card{background:var(--ui-card-bg);border:1px solid var(--ui-card-border);text-align:center;border-radius:8px;padding:1.25rem}.stat-value{color:var(--ui-accent);margin-bottom:.25rem;font-size:2rem;font-weight:700}.stat-label{color:var(--ui-subtle);margin-bottom:.25rem;font-size:.8rem}@media (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]{grid-template-columns:1fr}.home-page .home-lists-grid .list-row{flex-direction:row;align-items:center;gap:.5rem}.home-page .home-lists-grid .list-main{flex-wrap:nowrap;flex:auto;align-items:center;width:auto}.home-page .home-lists-grid .list-name{white-space:nowrap}.home-page .home-lists-grid .list-actions{justify-content:center;align-self:center;margin-left:auto}.home-quick-actions{grid-template-columns:1fr;gap:.75rem}.quick-action-card{padding:1rem}.home-stats{grid-template-columns:repeat(2,1fr);gap:.75rem}.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);justify-content:space-between;font-size:14px;display:flex}.items-list{background:0 0;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%, transparent);color:var(--ui-text);border-radius:8px;margin-top:12px;padding:10px 12px;font-size:.92rem}.secondary-items-list{color:var(--ui-text);margin:0 0 0 2rem;padding-left:1rem}.secondary-items-list li{padding:.125rem 0}.secondary-item-source-link{color:var(--ui-text);font-size:.8em;font-weight:700;text-decoration:none}.secondary-item-source-link:hover,.secondary-item-source-link:focus-visible{color:var(--ui-text);text-decoration:none}.item-row{border-bottom:none;align-items:center;padding:2px 0;transition:background-color .2s;display:flex;position:relative}.item-row.is-reorder{cursor:grab}.item-row.is-reorder:active{cursor:grabbing}.item-row:last-child{margin-bottom:0}.item-row:hover{background:0 0}.item-row input[type=checkbox]{margin-right:12px;transform:scale(1.2)}.item-check{align-items:center;min-width:32px;margin-right:12px;display:inline-flex}.item-reorder-handle{min-width:32px;color:var(--ui-subtle);cursor:grab;-webkit-user-select:none;user-select:none;align-items:center;margin-right:12px;display:inline-flex}.item-row.is-dragging{opacity:.6}.list-view .icon-button.is-pressed{background:var(--ui-button-bg);color:var(--ui-text);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ui-text) 20%, transparent)}.item-row .item-name{color:var(--ui-text);flex:1;font-size:16px;font-weight:500}.item-count{background:var(--ui-input-bg);color:var(--ui-text);border-radius:12px;margin-left:10px;padding:2px 8px;font-size:12px}.item-brand-type{color:var(--ui-text);background:color-mix(in srgb, var(--ui-text) 12%, transparent);border-radius:999px;margin-left:8px;padding:2px 8px;font-size:12px;font-weight:500}.item-optional-marker{color:var(--ui-subtle);margin-left:6px;font-weight:700}.item-price{color:var(--ui-text);margin-left:10px;font-size:13px;font-weight:600}.item-divider{background:color-mix(in srgb, var(--ui-text) 25%, transparent);height:1px;margin:0;position:absolute;bottom:0;left:0;right:0}.item-row.in-cart{background:0 0}.item-row.in-cart .item-name{color:var(--ui-subtle);text-decoration:line-through}.item-row.done{opacity:.7;background:0 0}.item-row.done .item-name{color:var(--ui-subtle);text-decoration:line-through}.item-row.inactive{opacity:.6;background:0 0}.item-row.inactive .item-name{color:var(--ui-subtle);text-decoration:line-through}.list-row{border-radius:8px;align-items:center;gap:8px;width:100%;padding:4px 6px;transition:background-color .15s;display:flex}.list-main{flex:1;justify-content:flex-start;align-items:center;gap:6px;min-width:0;display:inline-flex}.list-name{color:var(--ui-text);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:500;overflow:hidden}.list-pill{text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:.7rem;font-weight:600}.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{flex-shrink:0;align-items:center;margin-left:auto;display:flex}.list-actions .icon-button{margin-left:4px}.list-card:hover .list-row{background:color-mix(in srgb, var(--ui-text) 5%, transparent)}.list-view .icon-button:not(.icon-button-round){min-width:32px;min-height:32px;color:var(--ui-subtle);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px 10px;font-size:.9rem;transition:background-color .15s,color .15s,transform .1s;display:inline-flex}.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{opacity:.6;cursor:not-allowed;transform:none}.error-message{background:var(--ui-error-bg);color:var(--ui-error-text);border:1px solid var(--ui-error-border);border-radius:4px;margin-bottom:20px;padding:12px}.error{text-align:center;color:var(--ui-danger);padding:40px;font-size:18px}.not-found-content{text-align:center;max-width:1200px;margin:0 auto;padding:20px}@media (width<=768px){.form-actions{flex-direction:column}.item-row{padding:4px}.item-row input[type=checkbox]{margin-right:8px;transform:scale(1.1)}}@media (width>=769px){.item-row:hover{background:color-mix(in srgb, var(--ui-text) 4%, transparent);border-radius:6px}}@media (width<=520px){.list-view{overflow-x:auto}.items-card{min-width:320px;margin-bottom:16px;padding:16px;overflow-x:auto}.items-card h2{margin-left:10px;font-size:1rem}.items-list{min-width:280px}.item-row .item-name{font-size:14px}.list-row{flex-direction:column;align-items:stretch;gap:6px}.list-main{flex-wrap:wrap;width:100%}.list-name{white-space:normal}.list-actions{justify-content:flex-end;margin-left:0}}.notebook-page,.note-editor-page{min-height:100vh}.note-create-form{box-sizing:border-box;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.5rem;width:100%;margin-bottom:1rem;display:grid}.note-create-form .form-input{box-sizing:border-box;width:100%}.notebook-error{margin-bottom:1rem}.notes-list{flex-direction:column;gap:.5rem;display:flex}.note-row{border:var(--ui-card-border);background:var(--ui-card-bg);min-height:3.25rem;box-shadow:var(--ui-shadow);cursor:pointer;box-sizing:border-box;border-radius:8px;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.note-row:hover{box-shadow:var(--ui-shadow-md)}.note-row-main{flex-direction:column;gap:.2rem;min-width:0;display:flex}.note-row-title{color:var(--ui-text);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.note-row-date{color:var(--ui-subtle);font-size:.8rem}.note-row-actions{flex:none;align-items:center;gap:.25rem;display:inline-flex}.note-editor{box-sizing:border-box;flex-direction:column;gap:1rem;width:100%;display:flex}.note-editor .form-field{flex-direction:column;gap:.4rem;display:flex}.note-editor .form-label{margin-top:0;margin-bottom:.15rem;display:block}.note-editor .form-input,.note-editor .form-textarea,.note-editor .form-select-container{box-sizing:border-box;width:100%}.note-body-textarea{box-sizing:border-box;border-color:color-mix(in srgb, var(--ui-text) 18%, transparent);width:100%;max-width:100%;min-height:min(54vh,34rem);box-shadow:none;line-height:1.5}.note-body-textarea.note-body-textarea--pending{border-color:color-mix(in srgb, var(--ui-warning,#f59e0b) 85%, var(--ui-input-bg));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ui-warning,#f59e0b) 35%, transparent)}.note-body-textarea.note-body-textarea--pending:focus{border-color:var(--ui-warning,#f59e0b);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ui-warning,#f59e0b) 65%, transparent), 0 0 0 3px color-mix(in srgb, var(--ui-warning,#f59e0b) 18%, transparent)}.note-body-textarea.note-body-textarea--saved{border-color:color-mix(in srgb, var(--ui-success,#22c55e) 85%, var(--ui-input-bg));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ui-success,#22c55e) 42%, transparent)}.note-body-textarea.note-body-textarea--saved:focus{border-color:var(--ui-success,#22c55e);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ui-success,#22c55e) 65%, transparent), 0 0 0 3px color-mix(in srgb, var(--ui-success,#22c55e) 18%, transparent)}.note-markdown-preview{box-sizing:border-box;border:var(--ui-input-border);background:var(--ui-input-bg);width:100%;max-width:100%;min-height:min(54vh,34rem);color:var(--ui-text);border-radius:8px;padding:1rem;line-height:1.6;overflow-x:auto}.note-markdown-preview--pending{border-color:color-mix(in srgb, var(--ui-warning,#f59e0b) 85%, var(--ui-input-bg));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ui-warning,#f59e0b) 35%, transparent)}.note-markdown-preview--saved{border-color:color-mix(in srgb, var(--ui-success,#22c55e) 85%, var(--ui-input-bg));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ui-success,#22c55e) 42%, transparent)}.note-markdown-preview--empty{color:var(--ui-subtle);justify-content:center;align-items:center;display:flex}.note-markdown-preview>:first-child{margin-top:0}.note-markdown-preview>:last-child{margin-bottom:0}.note-markdown-preview h1,.note-markdown-preview h2,.note-markdown-preview h3,.note-markdown-preview h4,.note-markdown-preview h5,.note-markdown-preview h6{color:var(--ui-text);margin:1.25rem 0 .65rem;line-height:1.25}.note-markdown-preview h1{font-size:1.75rem}.note-markdown-preview h2{border-bottom:1px solid var(--ui-border-muted);padding-bottom:.25rem;font-size:1.35rem}.note-markdown-preview h3{font-size:1.1rem}.note-markdown-preview p,.note-markdown-preview ul,.note-markdown-preview ol,.note-markdown-preview blockquote,.note-markdown-preview pre,.note-markdown-preview table{margin:0 0 .85rem}.note-markdown-preview p{white-space:pre-wrap}.note-markdown-preview ul,.note-markdown-preview ol{padding-left:1.4rem}.note-markdown-preview li+li{margin-top:.2rem}.note-markdown-preview a{color:var(--ui-accent)}.note-markdown-preview blockquote{border-left:3px solid var(--ui-border-muted);color:var(--ui-subtle);padding-left:.85rem}.note-markdown-preview code{border:1px solid var(--ui-border-muted);background:var(--ui-card-bg);color:var(--ui-text);border-radius:4px;padding:.1rem .25rem;font-size:.9em}.note-markdown-preview pre{border:1px solid var(--ui-border-muted);background:var(--ui-card-bg);border-radius:8px;padding:.85rem;overflow-x:auto}.note-markdown-preview pre code{background:0 0;border:none;padding:0}.note-markdown-preview table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}.note-markdown-preview th,.note-markdown-preview td{border:1px solid var(--ui-border-muted);text-align:left;padding:.45rem .55rem}.note-markdown-preview th{background:var(--ui-card-bg);font-weight:600}.note-markdown-preview .contains-task-list{padding-left:0;list-style:none}.note-markdown-preview .task-list-item{margin-left:0}.note-markdown-preview li .contains-task-list{margin-top:.2rem;padding-left:1.45rem}.note-markdown-preview input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--ui-accent);cursor:pointer;vertical-align:-.12rem;margin:0 .45rem 0 0}.note-markdown-preview input[type=checkbox]:disabled{cursor:not-allowed}.note-task-ready-marker{width:.1rem;height:1rem;color:var(--ui-status-in-progress-stroke);justify-content:center;align-items:center;font-size:.7rem;display:inline-flex}.note-mermaid-block{margin:1rem 0;overflow-x:auto}.note-mermaid-diagram{border:1px solid var(--ui-border-muted);background:var(--ui-card-bg);min-height:4rem;color:var(--ui-subtle);border-radius:8px;justify-content:center;align-items:center;padding:.85rem;display:flex;overflow-x:auto}.note-mermaid-diagram svg{max-width:100%;height:auto}.note-mermaid-diagram--error{display:block}.note-mermaid-error{color:var(--ui-danger);margin-bottom:.65rem;font-size:.9rem;font-weight:600}.note-save-status{min-height:1rem;color:var(--ui-subtle);text-align:right;font-size:.8rem}@media (width<=520px){.note-row{padding:.7rem .75rem}.note-markdown-preview{padding:.85rem}}.login-logo{width:max-content;height:200px;margin:12px auto 20px;display:block}.login-title{text-align:center;color:var(--ui-text);margin:0 0 40px;font-family:Chewy,cursive;font-size:4rem;font-weight:600;line-height:2rem}.login-wrapper{box-sizing:border-box;justify-content:center;align-items:center;min-height:100dvh;padding:20px;display:flex}.login-card{box-sizing:border-box;width:100%;max-width:360px;padding:18px}.login-field{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.login-label{color:var(--ui-subtle);font-size:.95rem}.login-input{background:var(--ui-input-bg);border:var(--ui-input-border);width:100%;color:var(--ui-text);box-sizing:border-box;border-radius:10px;outline:none;padding:10px 12px}.form-error{box-shadow:var(--ui-error-ring)}.login-error{background:color-mix(in srgb, var(--ui-danger) 18%, transparent);color:var(--ui-text);border:1px solid color-mix(in srgb, var(--ui-danger) 45%, transparent);border-radius:8px;margin-top:6px;margin-bottom:8px;padding:8px 10px;font-size:.95rem}.login-button{border:var(--ui-button-primary-border);width:100%;color:var(--ui-text);background:var(--ui-button-primary-bg);box-shadow:var(--ui-shadow-sm);border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:20px;padding:10px 14px;transition:background .12s,box-shadow .15s,transform 90ms;display:inline-flex}.login-button:hover{box-shadow:var(--ui-shadow-lg)}.login-button:active{transform:translateY(1px)}.login-link-wrapper{text-align:center;margin-top:10px}.login-link{color:var(--ui-link);cursor:pointer;background:0 0;border:none;padding:6px 8px;font-size:.95rem;text-decoration:underline}.login-link:hover{opacity:.9}.login-link:active{opacity:.8}.recipes-page .content-container{flex-direction:column;gap:1.5rem;display:flex}.recipes-layout{grid-template-columns:minmax(280px,420px) minmax(0,1fr);gap:1.5rem;display:grid}.recipe-card{background:var(--ui-card-bg);border:var(--ui-card-border);box-shadow:var(--ui-shadow-card);border-radius:12px;flex-direction:column;display:flex}.recipe-card--create{align-self:start;position:sticky;top:96px}.recipe-card__header{border-bottom:1px solid var(--ui-card-border);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;display:flex}.recipe-card__header h3,.recipe-card__header h4{color:var(--ui-text);margin:0}.recipe-card__hint{color:var(--ui-subtle);text-align:right;max-width:220px;font-size:.8rem}.recipe-card__actions{gap:.5rem;display:inline-flex}.recipe-card__body{flex-direction:column;gap:1rem;padding:1rem 1.25rem 1.25rem;display:flex}.recipe-form{flex-direction:column;gap:.75rem;display:flex}.recipe-form .form-group,.recipe-editor .form-group{flex-direction:column;gap:.35rem;display:flex}.recipe-form .form-label,.recipe-editor .form-label{margin-top:0}.recipe-share-row,.recipe-item-inputs{grid-template-columns:90px minmax(0,1fr) auto;align-items:center;gap:.5rem;display:grid}.recipe-share-row{grid-template-columns:minmax(0,1fr) auto}.recipe-amount-input{max-width:100px}.recipe-items-section{flex-direction:column;gap:.75rem;display:flex}.recipe-items-header{color:var(--ui-text);font-weight:600}.recipe-items-list{flex-direction:column;gap:.5rem;display:flex}.recipe-item-row{background:var(--ui-input-bg);border-radius:8px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.75rem;padding:.5rem .75rem;display:grid}.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{gap:.75rem;display:flex}.shared-users{flex-wrap:wrap;gap:.5rem;margin-top:.25rem;display:flex}.shared-user-chip{background:var(--ui-button-primary-bg);color:var(--ui-on-accent);border-radius:16px;align-items:center;gap:.5rem;padding:.25rem .5rem;font-size:.8rem;font-weight:500;display:inline-flex}.remove-user-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:1.1rem;transition:background-color .2s;display:flex}.remove-user-btn:hover{background:color-mix(in srgb, var(--ui-on-accent) 18%, transparent)}.remove-user-btn:disabled{opacity:.5;cursor:not-allowed}.recipe-list{flex-direction:column;gap:1rem;display:flex}.recipe-list-header{justify-content:space-between;align-items:center;display:flex}.recipe-count{color:var(--ui-subtle);font-size:.85rem}.recipe-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;display:grid}.recipe-title{flex-direction:column;gap:.25rem;display:flex}.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{background:color-mix(in srgb, var(--ui-accent) 12%, var(--ui-input-bg));border-radius:8px;justify-content:space-between;align-items:center;padding:.5rem .75rem;font-weight:600;display:flex}.recipe-total-value{font-size:.95rem}.recipe-editor{flex-direction:column;gap:.5rem;display:flex}.recipe-notes{background:var(--ui-input-bg);border-radius:8px;flex-direction:column;gap:.35rem;padding:.6rem .75rem;display:flex}.recipe-notes__title{color:var(--ui-subtle);text-transform:uppercase;letter-spacing:.03em;font-size:.78rem;font-weight:600}.recipe-notes__content{color:var(--ui-text);white-space:pre-wrap;word-break:break-word;font-size:.92rem}@media (width<=1024px){.recipes-layout{grid-template-columns:1fr}.recipe-card--create{position:static}}@media (width<=640px){.recipe-share-row,.recipe-item-inputs{grid-template-columns:1fr}.recipe-item-row{grid-template-columns:1fr;justify-items:start;gap:.25rem}.recipe-items-list.has-prices .recipe-item-row{grid-template-columns:1fr}}.canonical-items-page .content-container,.canonical-items-layout{flex-direction:column;gap:1rem;display:flex}.canonical-items-toolbar{flex-direction:column;gap:.75rem;padding:1rem;display:flex}.canonical-items-toolbar__title{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.canonical-items-toolbar__title h3{margin:0}.canonical-items-count{color:var(--ui-subtle);font-size:.85rem}.canonical-items-search{color:var(--ui-subtle);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.5rem;display:grid}.canonical-items-list-filter{border:1px solid var(--ui-input-border);background:var(--ui-input-bg);border-radius:8px;padding:.4rem .55rem}.canonical-items-list-filter summary{cursor:pointer;color:var(--ui-text);font-weight:500}.canonical-items-list-filter__options{flex-direction:column;gap:.45rem;margin-top:.55rem;display:flex}.canonical-items-list-filter__option{color:var(--ui-text);align-items:center;gap:.45rem;font-size:.88rem;display:flex}.canonical-items-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.75rem;display:grid}.canonical-item-card{justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;display:flex}.canonical-item-card__main{flex-direction:column;gap:.5rem;min-width:0;display:flex}.canonical-item-name{color:var(--ui-text);font-weight:600}.canonical-item-meta{color:var(--ui-subtle);flex-wrap:wrap;gap:.5rem 1rem;font-size:.85rem;display:flex}.canonical-item-aliases{margin-top:0}@media (width<=640px){.canonical-item-card{flex-direction:column;align-items:stretch}.canonical-item-card__actions{justify-content:flex-end;display:flex}}.overlay-mode-screen{background:0 0;justify-content:center;align-items:flex-start;min-height:100vh;padding:8px;display:flex}.overlay-mode-bar{background:var(--ui-card-bg);border:1px solid var(--ui-card-border);width:100%;max-width:760px;box-shadow:var(--ui-shadow-md);border-radius:12px;grid-template-columns:90px minmax(160px,1fr) 130px auto;align-items:center;gap:6px;padding:8px;display:grid}.overlay-mode-field{min-width:0}.overlay-mode-add{min-width:34px;min-height:34px}.overlay-mode-empty{color:var(--ui-subtle);background:var(--ui-card-bg);border:1px solid var(--ui-card-border);border-radius:10px;margin-top:24px;padding:10px 12px}@media (width<=720px){.overlay-mode-bar{grid-template-columns:78px minmax(120px,1fr) 110px auto;gap:4px;padding:6px}}