*{box-sizing:border-box}:root{--color-bg:#f6f8fb;--color-surface:#fff;--color-surface-elevated:#fff;--color-border:#e2e8f0;--color-border-subtle:#eef2f6;--color-text:#0f172a;--color-text-secondary:#475569;--color-text-muted:#64748b;--color-primary:#6366f1;--color-primary-hover:#4f46e5;--color-primary-subtle:#eef2ff;--color-primary-ghost:#6366f10f;--color-accent:#06b6d4;--color-accent-subtle:#ecfeff;--color-danger:#ef4444;--color-danger-subtle:#fef2f2;--color-success:#10b981;--color-success-subtle:#ecfdf5;--color-warning:#f59e0b;--color-warning-subtle:#fffbeb;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--shadow-sm:0 1px 3px #0000000a, 0 1px 2px #00000005;--shadow-md:0 4px 16px #0000000f, 0 2px 4px #00000008;--shadow-lg:0 12px 48px #00000014, 0 4px 12px #0000000a;--shadow-xl:0 24px 64px #0000001a, 0 8px 24px #0000000f;--shadow-glow:0 0 24px #6366f126;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-spring:.35s cubic-bezier(.34, 1.56, .64, 1);color:var(--color-text);background:var(--color-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.011em;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}[data-theme=dark]{--color-bg:#0f1219;--color-surface:#1a1f2e;--color-surface-elevated:#222838;--color-border:#2d3548;--color-border-subtle:#232a3a;--color-text:#e8ecf4;--color-text-secondary:#94a3b8;--color-text-muted:#8b9bb0;--color-primary:#818cf8;--color-primary-hover:#6366f1;--color-primary-subtle:#818cf81f;--color-primary-ghost:#818cf814;--color-accent:#22d3ee;--color-accent-subtle:#22d3ee1a;--color-danger:#f87171;--color-danger-subtle:#f871711a;--color-success:#34d399;--color-success-subtle:#34d3991a;--color-warning:#fbbf24;--color-warning-subtle:#fbbf241a;--shadow-sm:0 1px 3px #0003, 0 1px 2px #00000026;--shadow-md:0 4px 16px #00000040, 0 2px 4px #0003;--shadow-lg:0 12px 48px #00000059, 0 4px 12px #00000040;--shadow-xl:0 24px 64px #0006, 0 8px 24px #0000004d}[data-theme=dark] body{background:radial-gradient(ellipse at 20% -5%, #818cf80f 0%, transparent 50%), radial-gradient(ellipse at 80% 0%, #22d3ee0a 0%, transparent 40%), var(--color-bg)}[data-theme=dark] .app{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .app-header{border-bottom-color:var(--color-border);background:#1a1f2ee6}[data-theme=dark] button{background:linear-gradient(135deg, var(--color-primary) 0%, #6366f1 100%)}[data-theme=dark] button:hover:not(:disabled){background:linear-gradient(135deg, var(--color-primary-hover) 0%, var(--color-primary) 100%)}[data-theme=dark] button:disabled,[data-theme=dark] .secondary-btn:disabled,[data-theme=dark] .danger-secondary-btn:disabled{color:#8b9bb0;opacity:1;box-shadow:none;background:#1e293b;border-color:#2d3548;transform:none}[data-theme=dark] .secondary-btn{background:var(--color-surface-elevated);color:var(--color-text-secondary);border-color:var(--color-border)}[data-theme=dark] .secondary-btn:hover:not(:disabled){color:var(--color-text);background:#2d3548;border-color:#4a5568}[data-theme=dark] .icon-btn{color:var(--color-text-secondary);border-color:var(--color-border);background:0 0}[data-theme=dark] .icon-btn:disabled{color:var(--color-text-muted);opacity:.5;background:0 0}[data-theme=dark] .icon-btn:hover:not(:disabled){background:var(--color-primary-ghost);color:var(--color-primary);border-color:#818cf833}[data-theme=dark] .danger-secondary-btn{color:#f87171;background:#f8717114;border-color:#f871714d}[data-theme=dark] .danger-secondary-btn:hover:not(:disabled){color:#fff;background:var(--color-danger);border-color:var(--color-danger)}[data-theme=dark] .remove-btn{color:var(--color-danger);background:0 0;border-color:#f871714d}[data-theme=dark] .status.error{border-color:#f871714d}[data-theme=dark] .segmented-control button{color:var(--color-text-secondary);background:0 0}[data-theme=dark] .segmented-control button:disabled{color:var(--color-text-muted);opacity:.6;background:0 0}[data-theme=dark] .segmented-control button:hover:not(:disabled){background:var(--color-surface);color:var(--color-text)}[data-theme=dark] .segmented-control button.active{color:#fff;background:linear-gradient(135deg, var(--color-primary) 0%, #818cf8 100%)}[data-theme=dark] .quantity-stepper button{color:var(--color-text-secondary);background:0 0}[data-theme=dark] .quantity-stepper button:disabled{color:var(--color-text-muted);opacity:.5;background:0 0}[data-theme=dark] .quantity-stepper button:hover:not(:disabled){background:var(--color-border);color:var(--color-text)}[data-theme=dark] .theme-toggle-row{background:var(--color-bg);border-color:var(--color-border)}[data-theme=dark] .toggle-switch{background:#4a5568}[data-theme=dark] .toggle-switch[aria-checked=true]{background:var(--color-primary)}[data-theme=dark] input,[data-theme=dark] select{background:var(--color-surface-elevated);border-color:var(--color-border);color:var(--color-text)}[data-theme=dark] input::placeholder{color:#8b9bb0}[data-theme=dark] input:hover,[data-theme=dark] select:hover{background:#262d3f;border-color:#4a5568}[data-theme=dark] .list-picker{background:linear-gradient(170deg, var(--color-surface) 0%, var(--color-surface-elevated) 100%)}[data-theme=dark] .workspace-intro{background:radial-gradient(circle at 100% 0,#22d3ee1f,#0000 34%),linear-gradient(145deg,#818cf824 0%,#1a1f2ef0 58%);border-color:#818cf833}[data-theme=dark] .workspace-status-chip{color:#c7d2fe;background:#0f121973;border-color:#818cf838}[data-theme=dark] .workspace-status-chip.empty{color:#67e8f9;background:#0f172a8c;border-color:#22d3ee38}[data-theme=dark] .enhanced-add-form{background:var(--color-surface)}[data-theme=dark] .list-toolbar{background:var(--color-surface-elevated)}[data-theme=dark] .segmented-control{background:var(--color-surface-elevated);border-color:var(--color-border)}[data-theme=dark] .item-list li:hover{background:#818cf80a}[data-theme=dark] .no-items{background:linear-gradient(170deg,#818cf80a 0%,#22d3ee08 100%);border-color:#4a5568}[data-theme=dark] .category-badge{background:#818cf81f;border-color:#818cf833}[data-theme=dark] .category-badge[data-category=produce]{color:#34d399;background:#34d3991a;border-color:#34d39933}[data-theme=dark] .category-badge[data-category=dairy]{color:#38bdf8;background:#38bdf81a;border-color:#38bdf833}[data-theme=dark] .category-badge[data-category=bakery]{color:#fbbf24;background:#fbbf241a;border-color:#fbbf2433}[data-theme=dark] .category-badge[data-category=pantry]{color:#a78bfa;background:#a78bfa1a;border-color:#a78bfa33}[data-theme=dark] .category-badge[data-category=frozen]{color:#22d3ee;background:#22d3ee1a;border-color:#22d3ee33}[data-theme=dark] .category-badge[data-category=household]{color:#f472b6;background:#f472b61a;border-color:#f472b633}[data-theme=dark] .category-badge[data-category=other]{color:#b0bec5;background:#b0bec514;border-color:#b0bec526}[data-theme=dark] .sign-in-panel{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .sign-in-features li{background:var(--color-surface-elevated);border-color:var(--color-border)}[data-theme=dark] .modal{background:var(--color-surface);border-color:var(--color-border)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#94a3b880}::selection{color:var(--color-text);background:#6366f126}body{background:radial-gradient(ellipse at 20% -5%, #6366f114 0%, transparent 50%), radial-gradient(ellipse at 80% 0%, #06b6d40f 0%, transparent 40%), radial-gradient(ellipse at 50% 100%, #f43f5e08 0%, transparent 40%), var(--color-bg);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}select{padding-right:40px}button{border-radius:var(--radius-sm);color:#fff;background:linear-gradient(135deg, var(--color-primary) 0%, #818cf8 100%);cursor:pointer;letter-spacing:-.01em;min-height:42px;transition:background var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast), filter var(--transition-fast);border:0;padding:0 20px;font-weight:600}button:hover:not(:disabled){background:linear-gradient(135deg, var(--color-primary-hover) 0%, var(--color-primary) 100%);transform:none;box-shadow:0 4px 16px #6366f159}button:active:not(:disabled){transform:translateY(0)scale(.97);box-shadow:0 2px 8px #6366f133}button:disabled,.secondary-btn:disabled,.danger-secondary-btn:disabled{cursor:not-allowed;color:#475569;box-shadow:none;opacity:1;background:#e2e8f0;border:1px solid #e2e8f0;transform:none}input,select{border:1.5px solid var(--color-border);border-radius:var(--radius-sm);width:100%;min-width:0;min-height:44px;color:var(--color-text);background:var(--color-surface);text-overflow:ellipsis;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);padding:10px 16px}input:hover,select:hover{background:#fafbff;border-color:#c7d2fe}input:focus,select:focus,button:focus-visible{border-color:var(--color-primary);background:var(--color-surface);outline:none;box-shadow:0 0 0 3px #6366f11f,0 0 0 1px #6366f14d,0 1px 3px #0000000a}input::placeholder{color:#64748b}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.app{border-radius:var(--radius-xl);background:#fff;border:1px solid #6366f114;width:min(100%,1200px);min-height:min(600px,100vh - 64px);margin:32px auto;padding:36px;animation:.5s cubic-bezier(.4,0,.2,1) fadeInUp;box-shadow:inset 0 0 0 1px #fffc,0 1px 3px #0000000a,0 8px 32px #6366f10f;container-type:inline-size}.app-header{border-bottom:1px solid var(--color-border-subtle);border-radius:var(--radius-xl) var(--radius-xl) 0 0;-webkit-backdrop-filter:blur(12px);z-index:10;background:#ffffffd9;justify-content:space-between;align-items:center;gap:16px;margin:-36px -36px 28px;padding:20px 28px;display:flex;position:sticky;top:0}.app-header:after{content:"";background:linear-gradient(90deg, var(--color-primary), var(--color-accent), transparent);border-radius:999px;width:60px;height:3px;position:absolute;bottom:0;left:28px}h1{letter-spacing:-.04em;background:linear-gradient(135deg, var(--color-primary) 0%, #818cf8 50%, var(--color-accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(1.5rem,3vw,2.1rem);font-weight:800;line-height:1.1}.header-subtitle{color:var(--color-text-secondary);margin:4px 0 0;font-size:.88rem}.header-actions{align-items:center;gap:6px;display:flex}.signed-in-user{max-width:200px;color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;background:linear-gradient(135deg, var(--color-primary-subtle) 0%, var(--color-accent-subtle) 100%);border:1px solid #6366f126;border-radius:999px;padding:7px 14px;font-size:.82rem;font-weight:600;overflow:hidden}.sign-in-panel{text-align:center;border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);max-width:440px;box-shadow:var(--shadow-lg);transition:box-shadow var(--transition-normal), transform var(--transition-normal);justify-items:center;gap:16px;margin:40px auto;padding:48px 40px;display:grid;position:relative;overflow:hidden}.sign-in-panel:hover{box-shadow:var(--shadow-xl), 0 0 60px #6366f114;transform:translateY(-2px)}.sign-in-panel:before{content:"";background:linear-gradient(90deg, var(--color-primary), var(--color-accent), #f472b6);border-radius:var(--radius-xl) var(--radius-xl) 0 0;height:4px;position:absolute;top:0;left:0;right:0}.sign-in-panel:after{content:"";pointer-events:none;background:radial-gradient(circle,#06b6d40f 0%,#0000 70%);border-radius:50%;width:280px;height:280px;position:absolute;bottom:-120px;right:-120px}.sign-in-panel h2,.sign-in-panel p{margin:0;position:relative}.sign-in-panel h2{color:var(--color-text);letter-spacing:-.035em;margin-top:8px;font-size:1.5rem;font-weight:800;line-height:1.2}.sign-in-panel p{color:var(--color-text-secondary);max-width:320px;font-size:.9rem;line-height:1.6}.sign-in-buttons{flex-direction:column;gap:4px;width:100%;display:flex}.sign-in-panel button{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--color-primary) 0%, #818cf8 100%);width:100%;min-height:50px;transition:background var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);margin-top:8px;padding:0 32px;font-size:.95rem;position:relative;box-shadow:0 4px 14px #6366f140}.sign-in-panel button:hover:not(:disabled){background:linear-gradient(135deg, var(--color-primary-hover) 0%, var(--color-primary) 100%);transform:translateY(-3px);box-shadow:0 8px 32px #6366f166}.sign-in-panel button:active:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #6366f14d}.item-count{min-height:32px;color:var(--color-primary);background:var(--color-primary-ghost);white-space:nowrap;border:1px solid #6366f11f;border-radius:999px;align-items:center;padding:0 12px;font-size:.85rem;font-weight:600;display:inline-flex}.status{border-radius:var(--radius-md);color:var(--color-text-secondary);background:var(--color-bg);text-align:center;border:1px solid var(--color-border-subtle);margin:0;padding:24px;font-size:.92rem}.status.error{color:var(--color-danger);background:var(--color-danger-subtle);border-color:#fecaca}.user-id-banner{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px;padding:10px 14px;font-size:.82rem;display:flex}.user-id-banner code{overflow-wrap:anywhere;background:var(--color-surface);border:1px solid var(--color-border);max-width:100%;color:var(--color-text-secondary);border-radius:5px;padding:3px 7px;font-family:SF Mono,ui-monospace,monospace;font-size:.75rem}.copy-btn{border-radius:6px;min-height:28px;padding:0 10px;font-size:.75rem}.app-shell{grid-template-columns:minmax(260px,300px) minmax(0,1fr);align-items:start;gap:24px;display:grid}.list-sidebar{min-width:0;position:sticky;top:24px}.list-workspace{min-width:0}.workspace-intro{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:radial-gradient(circle at 100% 0,#06b6d41f,#0000 34%),linear-gradient(135deg,#6366f114 0%,#ffffffe6 60%);border:1px solid #6366f11f;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:12px;padding:14px 18px 14px 22px;display:grid;position:relative;overflow:hidden}.workspace-intro:before{content:"";border-radius:var(--radius-lg) 0 0 var(--radius-lg);background:linear-gradient(180deg, var(--color-primary), var(--color-accent));width:4px;position:absolute;inset:0 auto 0 0}.workspace-intro.is-empty{border-color:#06b6d42e}.workspace-copy{gap:4px;min-width:0;display:grid}.workspace-eyebrow{color:var(--color-primary);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:700}.workspace-title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.workspace-title-row h2{overflow-wrap:anywhere;color:var(--color-text);letter-spacing:-.04em;margin:0;font-size:clamp(1.1rem,1.8vw,1.4rem);font-weight:800}.workspace-status-chip{min-height:28px;color:var(--color-primary);white-space:nowrap;background:#fffc;border:1px solid #6366f124;border-radius:999px;align-items:center;padding:0 12px;font-size:.78rem;font-weight:700;display:inline-flex}.workspace-status-chip.empty{color:#0f766e;background:#ecfeffcc;border-color:#06b6d42e}.workspace-copy p{max-width:52ch;color:var(--color-text-secondary);margin:0;font-size:.85rem}.workspace-actions{justify-content:flex-end;align-items:center;display:flex}.workspace-focus-btn,.empty-action-btn{min-height:40px;padding:0 14px;font-weight:600}.sidebar-backdrop,.sidebar-mobile-header,.sidebar-toggle,.mobile-list-bar{display:none}.list-picker{border:1px solid var(--color-border);border-radius:var(--radius-md);background:linear-gradient(170deg, var(--color-surface) 0%, #f8faff 100%);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal), border-color var(--transition-normal);gap:12px;margin-bottom:0;padding:18px;display:grid}.list-picker:hover{box-shadow:var(--shadow-md);border-color:#6366f133}.list-picker-heading,.list-select-row{gap:6px;display:grid}.list-picker-heading{grid-template-columns:minmax(0,1fr);align-items:start}.list-picker-heading span,.list-select-row label{color:var(--color-text);font-weight:600}.list-picker-heading span:first-child,.list-select-row label{color:var(--color-primary);text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;font-weight:700}.list-picker-heading strong{overflow-wrap:anywhere;letter-spacing:-.025em;color:var(--color-text);margin-top:2px;font-size:1.15rem;font-weight:700;display:block}.list-count-pill{min-height:24px;color:var(--color-primary);background:var(--color-primary-ghost);white-space:nowrap;border:1px solid #6366f11a;border-radius:999px;justify-self:start;align-items:center;padding:0 10px;font-size:.75rem;font-weight:600;display:inline-flex}.create-list-form,.add-item-form,.list-manage-form{grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-bottom:14px;display:grid}.list-manage-form input{min-height:38px;font-size:.88rem}.list-manage-form .secondary-btn,.list-manage-form .danger-secondary-btn{min-height:38px;font-size:.82rem}.share-panel{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal), border-color var(--transition-normal);gap:12px;margin-bottom:16px;padding:20px;display:grid;position:relative}.share-panel:before{content:"";border-radius:var(--radius-md) var(--radius-md) 0 0;background:linear-gradient(90deg, var(--color-primary), var(--color-accent));height:3px;position:absolute;top:0;left:0;right:0}.share-panel:hover{box-shadow:var(--shadow-md);border-color:#6366f126}.share-panel-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.share-panel-header div{gap:4px;display:grid}.share-panel-header span:first-child{color:var(--color-primary);text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;font-weight:700}.share-panel-header strong{color:var(--color-text);letter-spacing:-.02em;font-size:1rem;font-weight:700}.friend-form{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr) auto;align-items:start;gap:8px;display:grid}.friend-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.friend-list li{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 16px;display:grid}.friend-list li:hover{border-color:#6366f14d;transform:translateY(-1px);box-shadow:0 3px 12px #6366f114}.friend-avatar{background:linear-gradient(135deg, var(--color-primary-subtle), var(--color-accent-subtle));width:36px;height:36px;color:var(--color-primary);border:1.5px solid #6366f126;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.82rem;font-weight:700;display:flex}.friend-copy{gap:4px;min-width:0;display:grid}.friend-copy strong{color:var(--color-text);font-size:.92rem;font-weight:600}.friend-copy code{overflow-wrap:anywhere;width:fit-content;max-width:100%;color:var(--color-primary);background:var(--color-primary-ghost);border:1px solid #6366f114;border-radius:6px;padding:3px 8px;font-size:.75rem}.friend-actions{align-items:center;gap:8px;display:flex}.list-picker .create-list-form,.list-picker .list-manage-form{margin-bottom:0}.list-manage-form{grid-template-columns:minmax(0,1fr)}.list-picker .secondary-btn,.list-picker .danger-secondary-btn{width:100%}.list-cards{gap:6px;max-height:180px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.list-card{border:1.5px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);align-items:center;gap:10px;padding:10px 14px;display:flex}.list-card:hover{background:var(--color-primary-ghost);border-color:#6366f140;transform:translate(3px)}.list-card.active{border-color:var(--color-primary);background:linear-gradient(135deg,#6366f114 0%,#06b6d40a 100%);box-shadow:0 2px 8px #6366f11f}.list-card.empty{cursor:default;opacity:.6}.list-card-icon{flex-shrink:0;font-size:1.1rem}.list-card-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--color-text);flex:1;font-size:.88rem;font-weight:600;overflow:hidden}.list-card-check{background:var(--color-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:.65rem;font-weight:700;display:flex}.manage-toggle-btn{width:100%;font-size:.82rem}[data-theme=dark] .list-card{background:var(--color-surface-elevated);border-color:var(--color-border)}[data-theme=dark] .list-card:hover{background:#818cf814;border-color:#818cf84d}[data-theme=dark] .list-card.active{border-color:var(--color-primary);background:#818cf81f}.list-summary{grid-template-columns:repeat(3,minmax(64px,1fr)) minmax(120px,1.4fr);gap:8px;margin-bottom:12px;display:grid}.list-summary>div{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);min-height:56px;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);gap:2px;padding:10px 12px;display:grid}.list-summary>div:hover{border-color:#6366f140;transform:translateY(-2px);box-shadow:0 4px 16px #6366f114}.list-summary>div:hover strong{color:var(--color-primary)}.list-summary span{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.68rem;font-weight:600}.list-summary strong{color:var(--color-text);letter-spacing:-.04em;font-size:1.25rem;font-weight:800;line-height:1}.progress-wrap{place-content:center stretch}.progress-track{background:var(--color-border);border-radius:999px;width:100%;height:8px;position:relative;overflow:hidden}.progress-track:after{content:"";border-radius:inherit;background:linear-gradient(90deg,#0000 0%,#fff6 50%,#0000 100%);animation:2.5s infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-track div{border-radius:inherit;background:linear-gradient(90deg, var(--color-primary), var(--color-accent));height:100%;transition:width .6s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 0 8px #6366f14d}.enhanced-add-form{border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);grid-template-columns:minmax(180px,1fr) 80px minmax(120px,150px) auto;align-items:start;margin-bottom:10px;padding:12px 14px}.enhanced-add-form:focus-within{box-shadow:var(--shadow-md), 0 0 0 3px #6366f10d;border-color:#6366f14d;transform:translateY(-1px)}.quantity-input{text-align:center}.list-toolbar{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-bg);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;margin:0 0 10px;padding:8px 12px;display:grid}.toolbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.segmented-control{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);grid-template-columns:repeat(3,minmax(66px,1fr));gap:3px;padding:4px;display:inline-grid}.segmented-control button,.secondary-btn,.danger-secondary-btn{min-height:34px;color:var(--color-text-secondary);border-radius:var(--radius-sm);background:0 0;font-size:.84rem;font-weight:500}.segmented-control button:hover:not(:disabled),.secondary-btn:hover:not(:disabled){color:var(--color-text);background:var(--color-surface);box-shadow:var(--shadow-sm)}.segmented-control button.active{color:#fff;background:linear-gradient(135deg, var(--color-primary) 0%, #818cf8 100%);box-shadow:0 2px 8px #6366f140}.secondary-btn{border:1px solid var(--color-border);background:var(--color-surface);white-space:nowrap;transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast)}.secondary-btn:hover:not(:disabled){box-shadow:var(--shadow-sm);border-color:#cbd5e1;transform:translateY(-1px)}.danger-secondary-btn{color:var(--color-danger);background:var(--color-danger-subtle);white-space:nowrap;transition:background var(--transition-fast), color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);border:1px solid #fecaca}.danger-secondary-btn:hover:not(:disabled){color:#fff;background:var(--color-danger);transform:translateY(-1px);box-shadow:0 4px 12px #ef444440}.invite-msg{grid-column:1/-1;font-size:.88rem}.invite-msg.ok{color:var(--color-success)}.invite-msg.error{color:var(--color-danger)}.member-list-panel{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm);gap:10px;margin-bottom:16px;padding:20px;display:grid}.member-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.member-row{align-items:center;gap:8px;display:flex}.feature-access-picker,.member-feature-access{border:1px solid var(--color-border);border-radius:var(--radius-sm);grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:6px;width:100%;margin:10px 0;padding:10px;display:grid}.feature-access-picker legend,.member-feature-access legend{color:var(--color-text-secondary);padding:0 5px;font-size:.78rem;font-weight:700}.feature-access-picker label,.member-feature-access label{align-items:center;gap:6px;min-width:0;font-size:.78rem;display:flex}.feature-access-picker input,.member-feature-access input{flex:0 0 18px;width:18px;height:18px;min-height:18px}.member-feature-access{flex-basis:100%}.access-required-hint{color:var(--color-text-muted);grid-column:1/-1;margin:0 0 2px;font-size:.75rem}.member-row .uid-code{flex:1}.member-owner-badge{background:var(--color-primary-subtle);color:var(--color-primary);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;flex-shrink:0;padding:4px 10px;font-size:.72rem;font-weight:700}.share-owner-note{border-radius:var(--radius-sm);background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-muted);margin:0;padding:12px 14px;font-size:.85rem}.item-list{margin:0;padding:0;list-style:none}@keyframes slideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.item-list li{border-bottom:1px solid var(--color-border-subtle);border-radius:var(--radius-md);min-height:60px;transition:background var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);grid-template-columns:auto minmax(0,1fr) auto auto auto auto;align-items:center;gap:10px 14px;margin:4px 0;padding:14px 16px;animation:.25s cubic-bezier(.4,0,.2,1) both slideIn;display:grid}.item-list li:hover{background:linear-gradient(135deg,#6366f108 0%,#06b6d405 100%);transform:translate(2px);box-shadow:0 2px 8px #6366f10a}.item-list li:last-child{border-bottom:none}.item-list input[type=checkbox]{appearance:none;border:2px solid var(--color-border);cursor:pointer;width:24px;height:24px;min-height:24px;transition:border-color var(--transition-fast), background var(--transition-fast), transform var(--transition-spring), box-shadow var(--transition-fast);border-radius:8px;position:relative}.item-list input[type=checkbox]:hover{border-color:var(--color-primary);transform:scale(1.12);box-shadow:0 0 0 4px #6366f114}.item-list input[type=checkbox]:checked{border-color:var(--color-primary);background:linear-gradient(135deg, var(--color-primary), #818cf8);animation:.4s cubic-bezier(.34,1.56,.64,1) checkBounce;box-shadow:0 2px 8px #6366f159}@keyframes checkBounce{0%{transform:scale(1)}30%{transform:scale(.85)}60%{transform:scale(1.15)}to{transform:scale(1)}}.item-list input[type=checkbox]:checked:after{content:"";border:2.5px solid #fff;border-width:0 2.5px 2.5px 0;width:5px;height:10px;animation:.2s cubic-bezier(.4,0,.2,1) .1s both checkTick;position:absolute;top:3px;left:6px;transform:rotate(45deg)}@keyframes checkTick{0%{opacity:0;transform:rotate(45deg)scale(0)}to{opacity:1;transform:rotate(45deg)scale(1)}}.item-list li.purchased .item-name,.item-list li.purchased .quantity-stepper,.item-list li.purchased .category-badge{opacity:.45}.item-list li.purchased .item-name{text-decoration:line-through;-webkit-text-decoration-color:var(--color-text-muted);text-decoration-color:var(--color-text-muted)}.item-copy{gap:2px;min-width:0;display:grid}.item-name{overflow-wrap:anywhere;align-items:center;font-size:.92rem;font-weight:600;line-height:1.3;display:inline-flex}.added-by,.item-meta{color:var(--color-text-muted);font-size:.76rem;line-height:1.3}.category-badge{white-space:nowrap;letter-spacing:.01em;border-radius:999px;justify-content:center;align-items:center;min-height:28px;padding:0 11px;font-size:.75rem;font-weight:600;display:inline-flex}.quantity-stepper{border:1.5px solid var(--color-border);color:var(--color-text);background:var(--color-surface);white-space:nowrap;box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);border-radius:999px;grid-template-columns:32px minmax(38px,auto) 32px;align-items:center;font-size:.8rem;font-weight:700;display:inline-grid;overflow:hidden}.quantity-stepper:hover{border-color:var(--color-primary);transform:scale(1.02);box-shadow:0 2px 12px #6366f11f}.quantity-stepper button{min-height:30px;color:var(--color-text-secondary);background:0 0;border-radius:0;padding:0;font-size:1rem}.quantity-stepper button:hover:not(:disabled){background:var(--color-border)}.quantity-stepper button:disabled{color:var(--color-text-muted);background:0 0}.quantity-stepper span{text-align:center;padding:0 8px}.category-badge{color:#6366f1;background:#eef2ff;border:1px solid #6366f126}.category-badge[data-category=produce]{color:#059669;background:#ecfdf5;border-color:#05966926}.category-badge[data-category=dairy]{color:#0284c7;background:#f0f9ff;border-color:#0284c726}.category-badge[data-category=bakery]{color:#d97706;background:#fffbeb;border-color:#d9770626}.category-badge[data-category=pantry]{color:#7c3aed;background:#f5f3ff;border-color:#7c3aed26}.category-badge[data-category=frozen]{color:#0891b2;background:#ecfeff;border-color:#0891b226}.category-badge[data-category=household]{color:#be185d;background:#fdf2f8;border-color:#be185d26}.category-badge[data-category=other]{color:#64748b;background:#f8fafc;border-color:#64748b26}.remove-btn{min-height:30px;color:var(--color-danger);opacity:0;transition:opacity var(--transition-fast), background var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);background:0 0;border:1px solid #fecaca;padding:0 10px;font-size:.78rem}.item-list li:hover .remove-btn{opacity:1}.remove-btn:hover:not(:disabled){background:var(--color-danger);color:#fff;border-color:var(--color-danger);transform:translateY(-1px)}.no-items{color:var(--color-text-muted);border-radius:var(--radius-xl);transition:border-color var(--transition-normal), background var(--transition-normal);background:linear-gradient(170deg,#6366f108 0%,#06b6d408 50%,#f43f5e05 100%);border:2px dashed #94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:6px;margin:4px 0;padding:20px 16px;font-size:.95rem;font-style:normal;display:flex}.item-list .no-items{border:2px dashed #94a3b8;flex-direction:column;grid-template-columns:none;justify-content:center;align-items:center;padding:20px 16px;animation:none;display:flex;transform:none}.item-list li.no-items:last-child{border-bottom:2px dashed #94a3b8}.no-items:hover,.item-list .no-items:hover,.item-list li.no-items:last-child:hover{border:2px dashed #6366f133;transform:none}.no-items:before{content:"🛒";opacity:.6;filter:grayscale(.2);font-size:2rem}@container (width<=780px){.app{border:0;border-radius:0;min-height:100vh;margin:0;padding:16px}.app-header,.create-list-form,.add-item-form,.list-manage-form,.friend-form,.list-toolbar{grid-template-columns:1fr}.list-summary{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.workspace-intro{grid-template-columns:1fr;gap:14px;padding:18px 16px}.workspace-actions{justify-content:stretch}.workspace-focus-btn{width:100%}.list-summary>div{min-height:auto;padding:10px 12px}.list-summary>div.progress-wrap{grid-column:1/-1;padding:8px 12px}.enhanced-add-form{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;padding:10px 12px}.enhanced-add-form input:first-child,.enhanced-add-form button[type=submit]{grid-column:1/-1}.item-list li{grid-template-columns:auto 1fr auto;gap:8px 10px;min-height:48px;padding:10px 12px}.item-list li .category-badge{grid-area:2/2;justify-self:start}.item-list li .quantity-stepper{grid-area:1/3}.item-list li .remove-btn{grid-area:2/3;justify-self:end}.friend-list li{grid-template-columns:1fr;gap:10px}.friend-actions{justify-content:flex-start}.app-header{align-items:start}.list-toolbar{gap:8px;margin-bottom:10px;padding:8px 10px}.sidebar-toggle{justify-content:center;align-items:center;min-height:36px;padding:0 14px;display:inline-flex}.app-shell{display:block}.list-sidebar{z-index:30;border-right:1px solid var(--color-border);background:var(--color-surface);width:min(88vw,360px);max-width:100%;box-shadow:var(--shadow-xl);padding:16px;transition:transform .25s cubic-bezier(.4,0,.2,1);position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:translate(-105%)}.app-shell.sidebar-open .list-sidebar{transform:translate(0)}.sidebar-backdrop{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;background:#0f172a66;border-radius:0;width:100%;min-height:100vh;padding:0;transition:opacity .25s cubic-bezier(.4,0,.2,1);position:fixed;inset:0}.app-shell.sidebar-open .sidebar-backdrop{opacity:1;pointer-events:auto;display:block}.sidebar-mobile-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.mobile-list-bar{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;padding:10px 12px;display:flex}.mobile-list-bar span{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.list-picker{box-shadow:none;background:0 0;border:0;padding:0}.segmented-control{width:100%}.toolbar-actions{gap:8px;width:100%;display:flex}.toolbar-actions .secondary-btn,.toolbar-actions .danger-secondary-btn{flex:1;min-width:0}.danger-secondary-btn{width:auto}.added-by,.item-meta{white-space:normal}}@container (width>=781px) and (width<=980px){.app{width:min(100%,1040px)}.app-shell{grid-template-columns:240px minmax(0,1fr);gap:18px}.enhanced-add-form,.list-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.enhanced-add-form input:first-child,.list-toolbar input{grid-column:1/-1}.list-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast-item{border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-lg), 0 0 0 1px #0000000a;pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;gap:10px;padding:12px 20px;font-size:.88rem;font-weight:500;animation:.35s cubic-bezier(.34,1.56,.64,1) toastIn;display:flex}.toast-item.toast-exit{animation:.4s cubic-bezier(.4,0,1,1) forwards toastOut}.toast-icon{border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:700;display:flex}.toast-success .toast-icon{background:var(--color-success-subtle);color:var(--color-success)}.toast-error .toast-icon{background:var(--color-danger-subtle);color:var(--color-danger)}.toast-info .toast-icon{background:var(--color-primary-subtle);color:var(--color-primary)}.toast-text{color:var(--color-text)}.toast-action{border-radius:var(--radius-sm);background:var(--color-primary);color:#fff;cursor:pointer;transition:background var(--transition-fast), transform var(--transition-fast);white-space:nowrap;border:none;margin-left:auto;padding:4px 12px;font-size:.78rem;font-weight:700}.toast-action:hover{background:var(--color-primary-hover);transform:scale(1.05)}@keyframes toastIn{0%{opacity:0;transform:translateY(16px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toastOut{to{opacity:0;transform:translateY(-8px)scale(.95)}}.confetti-canvas{z-index:9998;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.progress-track.celebrate div{background:linear-gradient(90deg, var(--color-success), #34d399, #06b6d4);animation:1.2s cubic-bezier(.4,0,.2,1) 2 progressPulse}.progress-track.celebrate{box-shadow:0 0 12px #10b9814d}@keyframes progressPulse{0%,to{box-shadow:0 0 8px #10b98166}50%{box-shadow:0 0 24px #10b981b3,0 0 48px #06b6d44d}}.sign-in-panel{position:relative}.sign-in-visual{background:linear-gradient(135deg, var(--color-primary-subtle) 0%, var(--color-accent-subtle) 100%);border:1px solid #6366f11f;border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;font-size:2.2rem;animation:3s ease-in-out infinite floatBounce;display:flex;position:relative}@keyframes floatBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.sign-in-features{text-align:left;gap:10px;width:100%;margin:0;padding:0;list-style:none;display:grid}.sign-in-features li{border-radius:var(--radius-sm);background:var(--color-bg);border:1px solid var(--color-border-subtle);color:var(--color-text-secondary);transition:border-color var(--transition-fast), transform var(--transition-fast);align-items:center;gap:10px;padding:10px 14px;font-size:.85rem;display:flex}.sign-in-features li:hover{border-color:#6366f133;transform:translate(4px)}.sign-in-features li .feature-icon{background:linear-gradient(135deg, var(--color-primary-subtle), var(--color-accent-subtle));border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;display:flex}.no-items{text-align:center}.no-items .empty-title{color:var(--color-text);letter-spacing:-.02em;margin-bottom:4px;font-size:1.1rem;font-weight:700;display:block}.no-items .empty-hint{color:var(--color-text-muted);font-size:.85rem;display:block}.empty-action-btn{margin-top:8px}.no-items .empty-kbd{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:4px;margin:0 2px;padding:2px 6px;font-family:ui-monospace,monospace;font-size:.75rem;display:inline-block}.item-list li.just-added{animation:.6s cubic-bezier(.34,1.56,.64,1) itemAdded}@keyframes itemAdded{0%{opacity:0;background:#6366f114;transform:translateY(12px)scale(.95)}50%{background:#6366f10f}to{opacity:1;background:0 0;transform:translateY(0)scale(1)}}.item-list li:first-child{animation-delay:0s}.item-list li:nth-child(2){animation-delay:30ms}.item-list li:nth-child(3){animation-delay:60ms}.item-list li:nth-child(4){animation-delay:90ms}.item-list li:nth-child(5){animation-delay:.12s}.item-list li:nth-child(6){animation-delay:.15s}.item-list li:nth-child(7){animation-delay:.18s}.item-list li:nth-child(8){animation-delay:.21s}.completion-banner{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--color-success-subtle) 0%, #ecfdf599 40%, var(--color-accent-subtle) 100%);border:1.5px solid #10b98140;justify-content:center;align-items:center;gap:12px;margin-bottom:16px;padding:16px 24px;animation:.5s cubic-bezier(.34,1.56,.64,1) bannerIn;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #10b9811f}.completion-banner:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:2.5s infinite shimmer;position:absolute;inset:0}.completion-banner .banner-emoji{font-size:1.5rem;animation:1s ease-in-out infinite bannerBounce}.completion-banner .banner-text{color:var(--color-success);font-size:.95rem;font-weight:700}@keyframes bannerIn{0%{opacity:0;transform:translateY(-12px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes bannerBounce{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.enhanced-add-form:hover{border-color:#6366f126}.item-list li.purchase-animate{animation:.5s ease-out purchaseFlash}@keyframes purchaseFlash{0%{background:#10b9811a}to{background:0 0}}.icon-btn{width:40px;min-width:40px;height:40px;min-height:40px;color:var(--color-text-secondary);border:1px solid var(--color-border);box-shadow:none;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);background:0 0;border-radius:50%;flex:0 0 40px;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-btn:hover:not(:disabled){background:var(--color-primary-ghost);color:var(--color-primary);box-shadow:none;border-color:#6366f133;transform:none}.share-btn{align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.share-btn-label{color:inherit;font-size:.8rem;font-weight:600}.list-bar-actions{flex-shrink:0;align-items:center;gap:6px;margin-left:auto;display:flex}.modal{border:1px solid var(--color-border);border-top:3px solid var(--color-primary);border-radius:var(--radius-lg);background:var(--color-surface);width:min(90vw,480px);max-height:calc(100dvh - 32px);color:var(--color-text);box-shadow:var(--shadow-xl);padding:24px;animation:.25s cubic-bezier(.34,1.56,.64,1) modalIn;overflow-y:auto}.modal::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a80;animation:.2s ease-out fadeIn}.modal-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.modal-header h3{color:var(--color-text);letter-spacing:-.02em;margin:0;font-size:1.1rem;font-weight:700}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.settings-section{border-top:1px solid var(--color-border-subtle);padding:16px 0}.settings-section:first-of-type{border-top:0;padding-top:0}.settings-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary);margin-bottom:8px;font-size:.72rem;font-weight:700;display:block}.settings-hint{color:var(--color-text-muted);margin:0 0 8px;font-size:.82rem;line-height:1.4}.settings-value{color:var(--color-text);margin:0 0 10px;font-size:.9rem;font-weight:600}.settings-account-row{align-items:center;gap:12px;display:flex}.settings-account-row .danger-secondary-btn{margin-left:auto}.settings-avatar{background:linear-gradient(135deg, var(--color-primary), #818cf8);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;font-weight:700;display:flex;box-shadow:0 2px 8px #6366f14d}.settings-account-row .settings-value{margin:0}.uid-row{align-items:center;gap:8px;display:flex}.uid-code{overflow-wrap:anywhere;border:1px solid var(--color-border);min-width:0;color:var(--color-text-secondary);-webkit-user-select:all;user-select:all;background:#e2e8f0;border-radius:6px;flex:1;padding:8px 12px;font-family:SF Mono,ui-monospace,monospace;font-size:.75rem}[data-theme=dark] .uid-code{background:#1e293b}.theme-toggle-row{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);align-items:center;gap:10px;padding:10px 14px;display:flex}.theme-toggle-label{color:var(--color-text);font-size:.88rem;font-weight:500}.theme-toggle-icon{font-size:1.2rem}.toggle-switch{cursor:pointer;width:44px;height:24px;min-height:24px;transition:background var(--transition-fast);background:#cbd5e1;border:0;border-radius:999px;margin-left:auto;padding:0;position:relative}.toggle-switch[aria-checked=true]{background:var(--color-primary)}.toggle-switch-thumb{width:20px;height:20px;transition:transform var(--transition-fast);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000026}.toggle-switch[aria-checked=true] .toggle-switch-thumb{transform:translate(20px)}.share-modal .share-panel{box-shadow:none;background:0 0;border:0;margin:0;padding:0}.share-modal .share-panel:before,.share-modal .share-panel-header{display:none}.invite-link-panel{border-bottom:1px solid var(--color-border);gap:12px;margin-bottom:14px;padding-bottom:18px;display:grid}.invite-link-panel>button{justify-self:start}.invite-ready{gap:6px;display:grid}.invite-ready p{color:var(--color-text-secondary);margin:0;font-size:.82rem}.invite-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.advanced-sharing{border-top:1px solid var(--color-border);padding-top:12px}.advanced-sharing summary{color:var(--color-text-secondary);cursor:pointer;font-size:.82rem;font-weight:700}.advanced-sharing[open] summary{margin-bottom:14px}.invite-page{background:linear-gradient(135deg, #10b98114, transparent 45%), var(--color-bg);place-items:center;min-height:100vh;padding:24px;display:grid}.invite-redemption{border:1px solid var(--color-border);background:var(--color-surface);width:min(100%,520px);box-shadow:var(--shadow-lg);border-radius:8px;justify-items:start;gap:14px;padding:clamp(24px,6vw,44px);display:grid}.invite-redemption h1,.invite-redemption p{margin:0}.invite-redemption h1{letter-spacing:0;font-size:clamp(1.5rem,4vw,2rem)}.invite-redemption p{color:var(--color-text-secondary);line-height:1.55}.invite-mark{font-size:2.4rem}.invite-household{font-size:1.2rem}.invite-from{font-size:.86rem}.workspace-tabs-wrap{align-self:flex-start;min-width:0;max-width:100%;position:relative}.workspace-tabs{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;border-radius:999px;gap:4px;max-width:100%;padding:4px;display:inline-flex;overflow-x:auto}.workspace-tabs-wrap:before,.workspace-tabs-wrap:after{content:"";pointer-events:none;opacity:0;width:44px;transition:opacity var(--transition-fast);z-index:1;border-radius:999px;position:absolute;top:1px;bottom:1px}.workspace-tabs-wrap:before{background:linear-gradient(to right, var(--color-surface) 20%, transparent);left:1px}.workspace-tabs-wrap:after{background:linear-gradient(to left, var(--color-surface) 20%, transparent);right:1px}.workspace-tabs-wrap.can-left:before,.workspace-tabs-wrap.can-right:after{opacity:1}.tabs-scroll-btn{z-index:2;background:var(--color-surface);border:1px solid var(--color-border);width:28px;height:28px;min-height:28px;box-shadow:var(--shadow-sm);color:var(--color-text-secondary);border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:1.1rem;line-height:1;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.tabs-scroll-btn:hover:not(:disabled){color:var(--color-text);background:var(--color-surface);transform:translateY(-50%)}.tabs-scroll-btn.left{left:6px}.tabs-scroll-btn.right{right:6px}[data-theme=dark] .tabs-scroll-btn,[data-theme=dark] .tabs-scroll-btn:hover:not(:disabled){background:var(--color-surface)}.workspace-tabs::-webkit-scrollbar{width:0;height:0;display:none}.workspace-tabs button{min-height:38px;color:var(--color-text-secondary);box-shadow:none;transition:background var(--transition-fast), color var(--transition-fast);white-space:nowrap;scroll-snap-align:start;background:0 0;border-radius:999px;flex:none;padding:0 18px;font-size:.9rem;font-weight:600}.workspace-tabs button:hover:not(.active){background:var(--color-primary-ghost);color:var(--color-text);transform:none}.workspace-tabs button.active{background:linear-gradient(135deg, var(--color-primary) 0%, #818cf8 100%);color:#fff;box-shadow:0 2px 10px #6366f14d}.input-with-mic{flex:1;min-width:0;display:flex;position:relative}.input-with-mic input{flex:1;padding-right:46px}.mic-btn{width:34px;min-height:34px;box-shadow:none;background:0 0;border-radius:999px;padding:0;font-size:1rem;line-height:1;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.mic-btn:hover{background:var(--color-primary-ghost)}.mic-btn.listening{background:var(--color-danger-subtle);animation:1.2s ease-in-out infinite mic-pulse}@keyframes mic-pulse{0%,to{box-shadow:0 0 #ef444459}50%{box-shadow:0 0 0 8px #ef444400}}[data-theme=dark] .stat-card,[data-theme=dark] .stat-card:hover:not(:disabled){background:var(--color-surface)}[data-theme=dark] .mic-btn:not(.listening){background:0 0}.household-workspace{flex-direction:column;display:flex}.workspace-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.household-bar{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:8px;padding:4px 6px 4px 12px;display:flex}.household-icon{font-size:1rem}.household-name{text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:.9rem;overflow:hidden}.household-select{background:0 0;border:none;width:auto;max-width:240px;min-height:34px;padding:0 8px;font-size:.9rem;font-weight:600}.household-members-chip{color:var(--color-text-muted);background:var(--color-bg);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:.78rem;font-weight:700}.household-manage-btn{border-radius:999px;min-height:32px;padding:0 12px;font-size:.8rem}.household-dialog{border-radius:var(--radius-lg);background:var(--color-surface);width:min(440px,92vw);color:var(--color-text);box-shadow:var(--shadow-xl);border:none;padding:22px}.household-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000073}.household-dialog-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.household-dialog-header h3{margin:0;font-size:1.1rem}.household-dialog-row{align-items:flex-end;gap:10px;margin-top:14px;display:flex}.household-dialog-label{color:var(--color-text-secondary);flex-direction:column;flex:1;gap:6px;font-size:.8rem;font-weight:700;display:flex}.household-dialog-label input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);min-height:42px;padding:0 12px}.household-dialog-row button[type=submit]{flex:none;min-height:42px}.household-dialog-danger{border-top:1px solid var(--color-border-subtle);margin-top:18px;padding-top:14px}.household-onboarding{text-align:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);max-width:440px;box-shadow:var(--shadow-md);flex-direction:column;align-items:center;gap:10px;margin:48px auto;padding:40px 32px;display:flex}.household-onboarding-icon{font-size:2.6rem}.household-onboarding h2{letter-spacing:-.02em;margin:0;font-size:1.3rem}.household-onboarding p{color:var(--color-text-secondary);margin:0;font-size:.9rem;line-height:1.5}.household-onboarding form{flex-direction:column;gap:10px;width:100%;margin-top:8px;display:flex}@media (width<=640px){.workspace-top{flex-direction:column-reverse;align-items:stretch}.workspace-top .workspace-tabs-wrap{align-self:stretch}.workspace-top .workspace-tabs{justify-content:space-between;width:100%}.workspace-tabs button{padding:0 10px;font-size:.82rem}.household-bar{justify-content:space-between}}.household-onboarding-wrap{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:20px;max-width:940px;margin:48px auto;display:flex}.household-onboarding-wrap .household-onboarding{flex:340px;max-width:440px;margin:0}.household-onboarding.join{background:linear-gradient(160deg, var(--color-primary-ghost) 0%, var(--color-accent-subtle) 100%)}.join-uid-row{align-items:center;gap:8px;width:100%;margin-top:8px;display:flex}.join-uid{text-overflow:ellipsis;white-space:nowrap;border-radius:var(--radius-sm);background:var(--color-surface);border:1px solid var(--color-border);text-align:left;flex:1;min-width:0;padding:10px 12px;font-size:.8rem;overflow:hidden}.join-waiting{color:var(--color-text-muted);align-items:center;gap:8px;font-size:.8rem;display:flex}.presence-dot{background:var(--color-accent);border-radius:999px;width:10px;height:10px;animation:1.6s ease-in-out infinite presence-pulse}@keyframes presence-pulse{0%,to{box-shadow:0 0 #06b6d466}50%{box-shadow:0 0 0 6px #06b6d400}}.feature-widgets{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:20px;display:grid}.feature-widget{border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);flex-direction:column;align-items:flex-start;gap:2px;padding:14px 16px;display:flex}.feature-widget-icon{font-size:1.4rem}.feature-widget strong{font-variant-numeric:tabular-nums;font-size:1.35rem}.feature-widget strong.pos{color:var(--color-success)}.feature-widget strong.neg{color:var(--color-danger)}.feature-widget-label{color:var(--color-text-muted);font-size:.8rem}.activity-feed{border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);margin-top:20px;padding:14px 16px}.activity-feed h3{margin:0 0 10px;font-size:.95rem}.activity-empty{color:var(--color-text-muted);margin:0;font-size:.85rem}.activity-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.activity-item{align-items:baseline;gap:8px;font-size:.85rem;display:flex}.activity-icon{flex:none}.activity-text{overflow-wrap:anywhere;flex:1;min-width:0}.activity-feature{color:var(--color-text-muted)}.activity-age{color:var(--color-text-muted);white-space:nowrap;flex:none;font-size:.75rem}.notify-bell{flex:none;position:relative}.notify-bell-btn{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;border:none;padding:6px 10px;font-size:1rem;position:relative}.notify-bell-btn .tab-badge{position:absolute;top:-5px;right:-5px}.notify-panel{z-index:30;border-radius:var(--radius-lg);background:var(--color-surface);width:min(320px,100vw - 24px);max-height:min(520px,100vh - 150px);box-shadow:var(--shadow-md,0 8px 24px #0000002e);padding:12px 14px;position:fixed;top:126px;right:max(12px,50vw - min(100vw,1200px)/2 + 36px);overflow-y:auto}@media (width<=780px){.notify-panel{top:112px;right:12px}}.notify-panel-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.notify-panel-head h3{margin:0;font-size:.95rem}.notify-empty{color:var(--color-text-muted);margin:0;font-size:.85rem}.notify-status{letter-spacing:.02em;border-radius:999px;flex:none;padding:3px 8px;font-size:.7rem;font-weight:700}.notify-status.on{background:var(--color-success-subtle,#10b9811f);color:var(--color-success,#059669)}.notify-status.off{background:var(--color-danger-subtle,#ef44441f);color:var(--color-danger,#dc2626)}.notify-ios-hint{border-radius:var(--radius-md);background:var(--color-primary-ghost,#6366f114);color:var(--color-text-secondary);margin:0 0 8px;padding:8px 10px;font-size:.78rem;line-height:1.4}.notify-upcoming-head{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin:10px 0 4px;font-size:.72rem;font-weight:700}.notify-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.notify-row{border-radius:var(--radius-md);cursor:pointer;text-align:left;width:100%;color:var(--color-text);background:0 0;border:none;align-items:center;gap:8px;padding:6px 8px;font-size:.85rem;display:flex}.notify-row:hover{background:var(--color-bg)}.notify-row-title{overflow-wrap:anywhere;flex:1;min-width:0}.notify-row-due{color:var(--color-text-secondary);white-space:nowrap;flex:none;font-size:.75rem;font-weight:600}.notify-row.due .notify-row-due{color:var(--color-danger)}.member-identity{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.member-name{font-weight:600}.tab-badge{background:var(--color-danger);color:#fff;font-variant-numeric:tabular-nums;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:6px;padding:0 5px;font-size:.68rem;font-weight:700;line-height:1;display:inline-flex}.workspace-tabs button.active .tab-badge{color:var(--color-primary);background:#fff}.feature-error{border-radius:var(--radius-lg);background:var(--color-danger-subtle);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:32px 20px;display:flex}.feature-error-icon{font-size:1.8rem}.feature-error-detail{color:var(--color-text-muted);word-break:break-word;font-size:.82rem}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.bills{flex-direction:column;gap:16px;display:flex}.bills-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.bills-subtitle{color:var(--color-text-secondary);margin:2px 0 0;font-size:.9rem}.bills-wallet{border-radius:var(--radius-md);background:var(--color-surface-elevated);box-shadow:var(--shadow-sm);flex-direction:column;align-items:flex-end;padding:8px 14px;display:flex}.bills-wallet .wallet-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem}.bills-wallet .wallet-amount.pos{color:var(--color-success);font-weight:600}.bills-wallet .wallet-amount.neg{color:var(--color-danger);font-weight:600}.bills-form{border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);flex-wrap:wrap;align-items:center;gap:8px;padding:14px;display:flex}.bills-form input[type=text]{flex:180px}.bills-form input[type=number]{width:110px}.bills-payer{color:var(--color-text-muted);align-items:center;gap:8px;font-size:.8rem;display:flex}.bills-payer select{width:auto;min-width:120px}.bills-split{flex-wrap:wrap;align-items:center;gap:6px;width:100%;display:flex}.bills-split-label{color:var(--color-text-muted);font-size:.8rem}.bills-split .chip{border:1px solid var(--color-border);cursor:pointer;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:.85rem;display:inline-flex}.bills-split .chip.on{border-color:var(--color-primary);background:var(--color-primary-subtle);color:var(--color-primary-hover)}.bills-split .chip input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bills-split .chip:focus-within{outline-offset:2px;outline:3px solid #6366f133}.bills-settle{border-radius:var(--radius-lg);background:var(--color-primary-ghost);padding:14px}.bills-settle h3{margin:0 0 8px;font-size:1rem}.bills-settle ul{flex-direction:column;gap:4px;margin:0;padding-left:18px;display:flex}.bills-clear{color:var(--color-success);margin:0}.bills-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.bills-item{border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm);align-items:center;gap:12px;padding:10px 14px;display:flex}.bills-item-main{flex-direction:column;flex:1;display:flex}.bills-item-desc{font-weight:500}.bills-item-meta{color:var(--color-text-muted);font-size:.78rem}.bills-item-amount{font-variant-numeric:tabular-nums;font-weight:600}.bills-empty{color:var(--color-text-muted);text-align:center;padding:24px}.bills-currency{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;align-self:flex-end;padding:4px 8px;font-size:.75rem}.calendar{flex-direction:column;gap:14px;display:flex}.calendar-subtitle{color:var(--color-text-secondary);margin:2px 0 0;font-size:.9rem}.calendar-header,.calendar-view-toggle,.calendar-month-nav{justify-content:space-between;align-items:center;gap:10px;display:flex}.calendar-view-toggle{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);padding:3px}.calendar-view-toggle button{min-height:34px;color:var(--color-text-secondary);background:0 0;padding:0 12px}.calendar-view-toggle button.active{color:#fff;background:var(--color-primary)}.calendar-month{gap:8px;display:grid}.calendar-month-nav strong{text-transform:capitalize}.calendar-weekdays,.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.calendar-weekdays span{color:var(--color-text-muted);text-align:center;padding:4px;font-size:.72rem;font-weight:700}.calendar-grid{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.calendar-trip-span{z-index:2;width:auto;min-width:0;height:21px;min-height:21px;color:var(--color-text);background:var(--color-warning-subtle);border:0;border-left:3px solid var(--color-warning);box-shadow:none;text-align:left;text-overflow:ellipsis;white-space:nowrap;border-radius:4px;align-self:start;margin-inline:3px;padding:1px 7px;font-size:.68rem;line-height:19px;overflow:hidden}.calendar-trip-span:hover:not(:disabled){color:var(--color-text);background:var(--color-warning-subtle);box-shadow:none;transform:none}.calendar-day{border-right:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface);min-height:96px;padding:6px;overflow:hidden}.calendar-day.outside{opacity:.45}.calendar-day.today{background:var(--color-primary-ghost)}.calendar-day-number{margin-bottom:4px;font-size:.75rem;font-weight:700;display:block}.calendar-chip{width:100%;min-height:22px;color:var(--color-primary-hover);background:var(--color-primary-subtle);box-shadow:none;text-align:left;text-overflow:ellipsis;white-space:nowrap;border-radius:4px;margin-bottom:3px;padding:2px 5px;font-size:.68rem;display:block;overflow:hidden}.calendar-chip.trip,.calendar-item.trip{border-left:3px solid var(--color-warning)}@media (width<=640px){.calendar-header{flex-direction:column;align-items:flex-start}.calendar-view-toggle{width:100%}.calendar-view-toggle button{flex:1}.calendar-day{min-height:64px;padding:3px}.calendar-chip{min-height:8px;padding:0;font-size:0}.calendar-chip.trip{background:var(--color-warning)}.calendar-trip-span{height:8px;min-height:8px;padding:0;font-size:0;margin-top:24px!important}}.calendar-form{flex-wrap:wrap;gap:8px;display:flex}.calendar-form input[type=text]{flex:160px}.calendar-repeat-builder{border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);flex-wrap:wrap;align-items:center;gap:6px;padding:6px 10px;font-size:.78rem;display:flex}.calendar-repeat-builder>input[type=number]{width:68px}.calendar-repeat-builder label{align-items:center;gap:6px;display:flex}.calendar-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.calendar-item{border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm);align-items:center;gap:14px;padding:10px 14px;display:flex}.calendar-when{min-width:130px;color:var(--color-primary-hover);font-size:.82rem;font-weight:600}.calendar-body{flex-direction:column;flex:1;display:flex}.calendar-title{font-weight:500}.calendar-repeat{margin-left:6px;font-size:.8rem}.calendar-note{color:var(--color-text-muted);font-size:.82rem}.calendar-empty{color:var(--color-text-muted);text-align:center;padding:24px}.chores-feature{flex-direction:column;gap:16px;display:flex}.chores-view-toggle{background:var(--color-surface);box-shadow:var(--shadow-sm);border-radius:999px;align-self:flex-start;gap:4px;padding:4px;display:inline-flex}.chores-view-toggle button{cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;border-radius:999px;padding:6px 14px;font-size:.9rem}.chores-view-toggle button.active{background:var(--color-primary-subtle);color:var(--color-primary-hover);font-weight:600}button.feature-widget{cursor:pointer;text-align:left;font:inherit;color:inherit;border:none}.chores-board{flex-direction:column;gap:20px;display:flex}.chores-header h2{letter-spacing:-.02em;margin:0 0 4px;font-size:1.35rem}.chores-subtitle{color:var(--color-text-secondary);margin:0;font-size:.9rem}.effort-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:18px 20px}.effort-panel-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.effort-panel-header h3{margin:0;font-size:1rem}.effort-period-toggle{background:var(--color-bg);border:1px solid var(--color-border-subtle);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.effort-period-toggle button{min-height:28px;color:var(--color-text-muted);box-shadow:none;background:0 0;border-radius:999px;padding:0 12px;font-size:.78rem;font-weight:600}.effort-period-toggle button.active{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm)}.effort-empty{color:var(--color-text-muted);margin:0;font-size:.88rem}.effort-bars{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.effort-row{grid-template-columns:minmax(70px,220px) 1fr auto;align-items:center;gap:12px;display:grid}.effort-name{text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-weight:600;overflow:hidden}.effort-track{background:var(--color-bg);border:1px solid var(--color-border-subtle);border-radius:999px;height:12px;overflow:hidden}.effort-fill{background:linear-gradient(90deg, var(--color-primary) 0%, var(--color-accent) 100%);height:100%;transition:width var(--transition-normal);border-radius:999px}.effort-points{color:var(--color-text-secondary);font-variant-numeric:tabular-nums;font-size:.8rem;font-weight:700}.balance-note{border-radius:var(--radius-sm);margin:12px 0 0;padding:8px 12px;font-size:.85rem;font-weight:600}.balance-note.balanced{color:var(--color-success);background:var(--color-success-subtle)}.balance-note.uneven{color:var(--color-warning);background:var(--color-warning-subtle)}.balance-note.lopsided{color:var(--color-danger);background:var(--color-danger-subtle)}.chore-form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:10px;padding:16px;display:flex}.chore-form input[type=text]{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);width:100%;min-height:44px;padding:0 14px}.chore-form-options{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.chore-form-options select{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);min-height:38px;color:var(--color-text);padding:0 10px}.chore-repeat-toggle,.chore-repeat-builder{color:var(--color-text-secondary);align-items:center;gap:6px;font-size:.78rem;font-weight:600;display:flex}.chore-repeat-toggle input{width:18px;height:18px;min-height:18px}.chore-repeat-builder{flex-wrap:wrap}.chore-repeat-builder input[type=number]{width:68px;min-height:38px}.chore-form-options button[type=submit]{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--color-primary) 0%, #818cf8 100%);min-height:38px;margin-left:auto;padding:0 20px}.weight-picker{align-items:center;gap:4px;display:inline-flex}.weight-option{background:var(--color-bg);width:34px;min-height:34px;color:var(--color-text-muted);border:1px solid var(--color-border);box-shadow:none;border-radius:999px;padding:0;font-size:.85rem;font-weight:700}.weight-option.active.w-1,.weight-option.active.w-2{background:var(--color-success);border-color:var(--color-success);color:#fff}.weight-option.active.w-3{background:var(--color-warning);border-color:var(--color-warning);color:#fff}.weight-option.active.w-4,.weight-option.active.w-5{background:var(--color-danger);border-color:var(--color-danger);color:#fff}.weight-hint{color:var(--color-text-muted);min-width:76px;margin-left:6px;font-size:.8rem;font-weight:600}.chore-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.chore-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), box-shadow var(--transition-fast);align-items:center;gap:12px;padding:12px 14px;display:flex}.chore-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.chore-card.mine{border-color:var(--color-primary);background:var(--color-primary-ghost)}.chore-card.done{opacity:.72}.chore-card.done .chore-name{text-decoration:line-through}.chore-check{border:2px solid var(--color-border);color:#0000;width:26px;min-height:26px;box-shadow:none;background:0 0;border-radius:999px;flex:none;padding:0;font-size:.8rem;line-height:1}.chore-check:hover{border-color:var(--color-success);background:var(--color-success-subtle)}.chore-check.checked{border-color:var(--color-success);background:var(--color-success);color:#fff}.chore-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.chore-name{text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:600;overflow:hidden}.chore-meta{color:var(--color-text-muted);font-size:.78rem}.chore-assign{border-radius:var(--radius-sm);min-height:26px;color:var(--color-text-muted);background:0 0;border:1px solid #0000;align-self:flex-start;padding:0 6px;font-size:.78rem}.chore-assign:hover{border-color:var(--color-border);background:var(--color-bg)}.weight-badge{color:#fff;border-radius:999px;flex:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;font-weight:700;display:inline-flex}.weight-badge.w-1,.weight-badge.w-2{background:var(--color-success)}.weight-badge.w-3{background:var(--color-warning)}.weight-badge.w-4,.weight-badge.w-5{background:var(--color-danger)}.chore-remove{color:var(--color-text-muted);flex:none}.chore-remove:hover{color:var(--color-danger)}.chores-empty{border:1px dashed var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-muted);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:36px 16px;display:flex}.chores-empty-icon{font-size:2rem}.chores-empty p{margin:0;font-size:.9rem}.chores-done-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.chores-done-header h3{color:var(--color-text-secondary);margin:0;font-size:.95rem}@media (width<=640px){.effort-panel{order:10}.effort-row{grid-template-columns:minmax(56px,90px) 1fr auto;gap:8px}.chore-form-options button[type=submit]{width:100%;margin-left:0}.weight-hint{display:none}}.crown{margin-right:4px}.streak-chip{background:var(--color-warning-subtle);color:var(--color-warning);white-space:nowrap;border-radius:999px;margin-left:6px;padding:1px 6px;font-size:.72rem;font-weight:700}.chores-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.wrapped-btn{flex:none}.wrapped-dialog{border-radius:var(--radius-xl);background:0 0;border:none;width:min(420px,92vw);padding:0}.wrapped-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009}.wrapped-stage{border-radius:var(--radius-xl);color:#fff;cursor:pointer;background:linear-gradient(160deg,#4f46e5 0%,#7c3aed 45%,#06b6d4 100%);flex-direction:column;align-items:center;gap:16px;min-height:420px;padding:48px 28px 32px;display:flex;position:relative;overflow:hidden}.wrapped-close{color:#fff;width:32px;min-height:32px;box-shadow:none;background:#ffffff26;border-radius:999px;padding:0;font-size:.9rem;position:absolute;top:12px;right:12px}.wrapped-progress{gap:6px;display:flex;position:absolute;top:14px;left:16px;right:56px}.wrapped-progress span{height:4px;transition:background var(--transition-normal);background:#ffffff40;border-radius:999px;flex:1}.wrapped-progress span.filled{background:#fff}.wrapped-slide{text-align:center;flex-direction:column;align-items:center;gap:12px;margin-top:24px;animation:.5s cubic-bezier(.34,1.56,.64,1) wrapped-in;display:flex}@keyframes wrapped-in{0%{opacity:0;transform:translateY(18px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}.wrapped-emoji{font-size:3.2rem}.wrapped-slide h2{letter-spacing:-.02em;margin:0;font-size:1.5rem;line-height:1.25}.wrapped-slide p{opacity:.85;margin:0;font-size:.95rem}.wrapped-bars{flex-direction:column;gap:8px;width:100%;margin:8px 0 0;padding:0;list-style:none;animation:.5s cubic-bezier(.34,1.56,.64,1) wrapped-in;display:flex}.wrapped-bars li{grid-template-columns:minmax(60px,100px) 1fr auto;align-items:center;gap:10px;font-size:.85rem;font-weight:600;display:grid}.wrapped-bar-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wrapped-bar-track{background:#fff3;border-radius:999px;height:10px;overflow:hidden}.wrapped-bar-fill{background:#fff;border-radius:999px;height:100%}.wrapped-bar-points{font-variant-numeric:tabular-nums}.rewards-shop{flex-direction:column;gap:18px;display:flex}.rewards-header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.rewards-header h2{letter-spacing:-.02em;margin:0 0 4px;font-size:1.35rem}.rewards-subtitle{color:var(--color-text-secondary);margin:0;font-size:.9rem}.points-wallet{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--color-primary) 0%, #818cf8 100%);color:#fff;flex-direction:column;align-items:flex-end;gap:2px;padding:12px 18px;display:flex;box-shadow:0 4px 14px #6366f14d}.wallet-label{opacity:.85;text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:700}.wallet-amount{font-size:1.4rem;font-weight:800;line-height:1}.balance-strip{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.balance-strip li{background:var(--color-surface);border:1px solid var(--color-border);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;display:inline-flex}.balance-name{font-weight:600}.balance-points{color:var(--color-primary);font-weight:700}.reward-form{border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);flex-wrap:wrap;align-items:flex-end;gap:10px;padding:14px;display:flex}.reward-form input[type=text]{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);flex:1;min-width:180px;min-height:42px;padding:0 12px}.reward-cost-label{color:var(--color-text-muted);flex-direction:column;gap:4px;font-size:.75rem;font-weight:700;display:flex}.reward-cost-label input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);width:84px;min-height:42px;padding:0 10px}.reward-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.reward-card{border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);align-items:center;gap:12px;padding:12px 14px;display:flex}.reward-card.redeemed{opacity:.72}.reward-emoji{font-size:1.3rem}.reward-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.reward-name{text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:600;overflow:hidden}.reward-meta{color:var(--color-text-muted);font-size:.76rem}.reward-cost{color:var(--color-primary);font-variant-numeric:tabular-nums;flex:none;font-weight:800}.redeem-btn{background:linear-gradient(135deg, var(--color-primary) 0%, #818cf8 100%);border-radius:999px;flex:none;min-height:36px;padding:0 16px;font-size:.85rem}.redeem-btn:disabled{opacity:.45}.rewards-section-title{color:var(--color-text-secondary);margin:0 0 8px;font-size:.95rem}[data-theme=dark] .weight-option:not(.active){background:var(--color-surface-elevated);color:var(--color-text-muted)}[data-theme=dark] .chore-check:not(.checked),[data-theme=dark] .effort-period-toggle button:not(.active){background:0 0}[data-theme=dark] .wrapped-close{background:#ffffff26}.chore-assign{width:auto;max-width:220px}.reward-name{white-space:normal;overflow-wrap:break-word}.repeat-chip{margin-left:6px;font-size:.78rem}.due-chip{background:var(--color-primary-subtle);color:var(--color-primary);white-space:nowrap;vertical-align:middle;border-radius:999px;margin-left:6px;padding:1px 8px;font-size:.7rem;font-weight:700}.due-chip.today{background:var(--color-warning-subtle);color:var(--color-warning)}.due-chip.overdue{background:var(--color-danger-subtle);color:var(--color-danger)}.habits{flex-direction:column;gap:14px;display:flex}.habits-subtitle{color:var(--color-text-secondary);margin:2px 0 0;font-size:.9rem}.habits-form{flex-wrap:wrap;gap:8px;display:flex}.habits-form input[type=text]{flex:1;min-width:160px}.habits-emoji-input{text-align:center;width:64px;flex:none!important;min-width:64px!important}.habits-schedule{gap:6px;min-width:250px;display:grid}.habits-schedule-mode,.habits-weekday-picker,.habits-interval-builder{align-items:center;gap:4px;display:flex}.habits-interval-builder>span{color:var(--color-text-secondary);font-size:.82rem;font-weight:700}.habits-interval-builder input{width:76px}.habits-interval-builder select{min-width:120px}.habits-schedule-mode button,.habits-weekday-picker button{min-height:32px;color:var(--color-text-secondary);background:var(--color-bg);border:1px solid var(--color-border);box-shadow:none;padding:4px 10px}.habits-schedule-mode button.active,.habits-weekday-picker button.active{color:#fff;background:var(--color-primary);border-color:var(--color-primary)}.habits-weekday-picker button{border-radius:50%;width:32px;padding:0}.habits-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.habits-item{border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;display:flex}.habits-emoji{font-size:1.2rem}.habits-name{overflow-wrap:anywhere;flex-wrap:wrap;flex:1;align-items:center;gap:8px;min-width:0;font-weight:500;display:flex}.habits-streak{color:var(--color-warning);white-space:nowrap;font-size:.75rem;font-weight:700}.habits-schedule-chip{color:var(--color-text-secondary);background:var(--color-bg);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:.7rem;font-weight:600}.habits-strip{gap:4px;display:flex}.habits-day{border:1px solid var(--color-border,#00000026);background:var(--color-bg);width:36px;min-height:36px;color:var(--color-text-muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:.7rem;font-weight:600;display:inline-flex}.habits-day.today{border-color:var(--color-primary,var(--color-success))}.habits-day.done{background:var(--color-success);border-color:var(--color-success);color:#fff}.habits-week-check{color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;font-size:.85rem;display:flex}.habits-empty{color:var(--color-text-muted);text-align:center;padding:24px}.home-dashboard{flex-direction:column;gap:20px;display:flex}.home-greeting h2{letter-spacing:-.02em;margin:0 0 4px;font-size:1.45rem}.home-greeting p{color:var(--color-text-secondary);margin:0;font-size:.92rem}.stat-cards{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.stat-card{border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);min-height:0;box-shadow:var(--shadow-sm);color:var(--color-text);text-align:left;transition:transform var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;align-items:flex-start;gap:2px;padding:16px;display:flex}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-emoji{font-size:1.3rem}.stat-card strong{letter-spacing:-.02em;font-size:1.7rem;line-height:1.1}.stat-label{color:var(--color-text-muted);font-size:.8rem;font-weight:600}.stat-note{color:var(--color-primary);margin-top:4px;font-size:.72rem;font-weight:700}.dash-grid{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}.dash-card{border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);flex-direction:column;gap:12px;padding:18px;display:flex}.dash-card-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.dash-card-header h3{margin:0;font-size:1rem}.dash-empty{color:var(--color-text-muted);margin:0;font-size:.85rem}@media (width<=760px){.dash-grid{grid-template-columns:1fr}.stat-cards{grid-template-columns:1fr 1fr 1fr;gap:8px}.stat-card{padding:12px}}.poll-form,.countdown-form{flex-direction:column;gap:8px;display:flex}.poll-form input,.countdown-form input,.note-form input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);min-height:40px;color:var(--color-text);padding:0 12px}.poll-form-actions{justify-content:flex-end;gap:8px;display:flex}.poll{border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);background:var(--color-bg);flex-direction:column;gap:8px;padding:12px;display:flex}.poll-question-row{align-items:center;gap:8px;display:flex}.poll-question-row strong{flex:1;min-width:0;font-size:.92rem}.poll-close-btn{min-height:30px;padding:0 10px;font-size:.75rem}.poll-options{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.poll-option{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);width:100%;min-height:38px;color:var(--color-text);box-shadow:none;text-align:left;align-items:center;padding:0 12px;display:flex;position:relative;overflow:hidden}.poll-option.mine{border-color:var(--color-primary)}.poll-option-fill{background:var(--color-primary-subtle);transition:width var(--transition-normal);position:absolute;inset:0 auto 0 0}.poll-option-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.88rem;font-weight:600;position:relative;overflow:hidden}.poll-option-count{color:var(--color-text-secondary);font-variant-numeric:tabular-nums;font-size:.8rem;font-weight:700;position:relative}.poll-total{color:var(--color-text-muted);margin:0;font-size:.75rem}.poll-winner{color:var(--color-success);margin:0;font-size:.88rem;font-weight:600}.note-form{flex-direction:column;gap:8px;display:flex}.note-form-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.note-colors{gap:6px;display:flex}.note-color-swatch{width:26px;min-height:26px;box-shadow:none;border:2px solid #0000;border-radius:999px;padding:0}.note-color-swatch.yellow{background:#fde68a}.note-color-swatch.pink{background:#fbcfe8}.note-color-swatch.blue{background:#bfdbfe}.note-color-swatch.green{background:#bbf7d0}.note-color-swatch.active{border-color:var(--color-text);transform:scale(1.12)}.note-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.sticky-note{min-height:120px;box-shadow:var(--shadow-md);color:#1f2937;border-radius:4px 18px 4px 16px;flex-direction:column;gap:8px;padding:14px;display:flex;position:relative;transform:rotate(-.6deg)}.sticky-note:nth-child(2n){transform:rotate(.8deg)}.sticky-note.yellow{background:#fde68a}.sticky-note.pink{background:#fbcfe8}.sticky-note.blue{background:#bfdbfe}.sticky-note.green{background:#bbf7d0}.note-remove{color:#374151;width:24px;min-height:24px;box-shadow:none;opacity:0;transition:opacity var(--transition-fast);background:#00000014;border-radius:999px;padding:0;font-size:.7rem;position:absolute;top:6px;right:6px}.sticky-note:hover .note-remove,.sticky-note:focus-within .note-remove{opacity:1}.note-text{overflow-wrap:break-word;flex:1;margin:0;font-size:.9rem;font-weight:600;line-height:1.4}.note-footer{justify-content:space-between;align-items:flex-end;gap:8px;display:flex}.note-author{opacity:.6;font-size:.7rem;font-weight:700}.note-reactions{align-items:center;gap:4px;display:flex}.note-reaction-count{font-size:.8rem}.note-react-picker{gap:2px;display:none}.sticky-note:hover .note-react-picker,.sticky-note:focus-within .note-react-picker{display:flex}.note-react-picker button{width:24px;min-height:24px;box-shadow:none;background:#ffffff80;border-radius:999px;padding:0;font-size:.75rem}.note-react-picker button.active{background:#fffffff2}.note-custom-reaction{text-align:center;border-radius:50%;width:32px;height:32px;min-height:32px;padding:2px}@media (pointer:coarse){.note-remove{opacity:1;width:36px;min-height:36px}.note-react-picker{display:flex}.note-react-picker button{width:36px;min-height:36px}}.countdown-form-row{gap:8px;display:flex}.countdown-emoji-input{text-align:center;width:58px}.countdown-form-row input[type=date]{flex:1}.countdown-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.countdown-row{border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);background:var(--color-bg);align-items:center;gap:10px;padding:10px 12px;display:flex}.countdown-row.today{border-color:var(--color-success);background:var(--color-success-subtle)}.countdown-emoji{font-size:1.2rem}.countdown-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.9rem;font-weight:600;overflow:hidden}.countdown-days{color:var(--color-primary);white-space:nowrap;font-size:.8rem;font-weight:700}[data-theme=dark] .sticky-note{color:#1f2937}[data-theme=dark] .poll-option,[data-theme=dark] .poll-option:hover:not(:disabled){background:var(--color-surface-elevated)}[data-theme=dark] .note-color-swatch.yellow{background:#fde68a}[data-theme=dark] .note-color-swatch.pink{background:#fbcfe8}[data-theme=dark] .note-color-swatch.blue{background:#bfdbfe}[data-theme=dark] .note-color-swatch.green{background:#bbf7d0}.lockpick{--lock-accent:var(--color-primary);--lock-accent-subtle:var(--color-primary-subtle);--lock-target:#facc15;--lock-needle:var(--color-accent);--lock-machine:#172033;color:var(--color-text);flex-direction:column;gap:14px;display:flex}.lockpick.theme-laser{--lock-accent:#0891b2;--lock-accent-subtle:#ecfeff;--lock-target:#d9f99d;--lock-needle:#fb7185}.lockpick.theme-gold{--lock-accent:#b45309;--lock-accent-subtle:#fffbeb;--lock-target:#fcd34d;--lock-needle:#2dd4bf}.lockpick.theme-midnight{--lock-accent:#e879f9;--lock-accent-subtle:#fdf4ff;--lock-target:#e9ff70;--lock-needle:#67e8f9;--lock-machine:#111827}.lockpick.theme-mint{--lock-accent:#059669;--lock-accent-subtle:#ecfdf5;--lock-target:#bef264;--lock-needle:#fb7185}.lockpick.theme-arcade{--lock-accent:#e11d48;--lock-accent-subtle:#fff1f2;--lock-target:#fde047;--lock-needle:#2dd4bf}.lockpick.theme-mono{--lock-accent:#64748b;--lock-accent-subtle:#f1f5f9;--lock-target:#e2e8f0;--lock-needle:#a5f3fc}.lockpick-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.lockpick-heading{align-items:center;gap:12px;min-width:0;display:flex}.lockpick-heading-icon{border-radius:var(--radius-md);background:var(--lock-accent-subtle);flex:none;place-items:center;width:44px;height:44px;font-size:1.35rem;display:grid}.lockpick-title-row{align-items:center;gap:7px;display:flex}.lockpick-header h2{margin:0;font-size:1.5rem;line-height:1.2}.lockpick-header p{color:var(--color-text-secondary);margin:2px 0 0;font-size:.88rem}.lockpick-info-button{border:1px solid var(--color-border);width:24px;min-width:24px;height:24px;min-height:24px;color:var(--color-text-secondary);box-shadow:none;background:0 0;border-radius:50%;place-items:center;padding:0;font-family:Georgia,serif;font-size:.78rem;font-weight:700;display:grid}.lockpick-info-button:hover:not(:disabled){border-color:var(--lock-accent);background:var(--lock-accent-subtle);color:var(--lock-accent);box-shadow:none;transform:none}.lockpick-week{border:1px solid color-mix(in srgb, var(--lock-accent) 20%, var(--color-border));border-radius:var(--radius-md);background:var(--lock-accent-subtle);flex:none;grid-template-columns:auto auto;align-items:baseline;column-gap:10px;padding:9px 12px;display:grid}.lockpick-week span{color:var(--lock-accent);font-size:.72rem;font-weight:700}.lockpick-week strong{font-variant-numeric:tabular-nums;font-size:1.2rem}.lockpick-week small{color:var(--color-text-secondary);grid-column:1/-1;font-size:.68rem}.lockpick-modes{background:var(--color-surface);box-shadow:var(--shadow-sm);border-radius:999px;align-self:flex-start;gap:4px;padding:4px;display:inline-flex}.lockpick-modes button{min-height:34px;color:var(--color-text-secondary);box-shadow:none;background:0 0;border:0;border-radius:999px;padding:6px 16px;font-size:.86rem;font-weight:600}.lockpick-modes button:hover:not(:disabled){color:var(--color-text);background:var(--color-primary-ghost);box-shadow:none;transform:none}.lockpick-modes button.active{color:var(--lock-accent);background:var(--lock-accent-subtle)}.lockpick-arena{grid-template-columns:minmax(0,2fr) minmax(210px,.75fr);gap:14px;display:grid}.lockpick-contract,.lockpick-brief,.lockpick-boards section{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm)}.lockpick-contract{padding:18px}.lockpick-contract-top{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.lockpick-contract-top span,.lockpick-contract-top small{color:var(--color-text-muted);font-size:.72rem;display:block}.lockpick-contract-top strong{margin-top:2px;font-size:1rem;display:block}.lockpick-energy{text-align:right;min-width:132px}.lockpick-energy>span{justify-content:flex-end;gap:3px;display:flex}.lockpick-energy i{color:var(--color-border);font-size:1.05rem;font-style:normal;font-weight:800;line-height:1}.lockpick-energy i.full,.lockpick-energy b{color:var(--lock-accent)}.lockpick-energy b{align-self:center;margin-left:2px;font-size:.7rem}.lockpick-energy small{margin-top:5px}.lockpick-machine{border-radius:var(--radius-md);background:var(--lock-machine);color:#f8fafc;align-content:center;min-height:280px;padding:22px;display:grid}.lockpick-round-row{color:#cbd5e1;justify-content:space-between;font-size:.75rem;font-weight:700;display:flex}.lockpick-round-row strong{color:var(--lock-target);font-variant-numeric:tabular-nums;font-size:.95rem}.lockpick-rail{border-radius:var(--radius-sm);background:repeating-linear-gradient(90deg,#0000 0 9%,#ffffff0d 9% 10%);border:1px solid #475569;height:62px;margin:30px 6px 16px;position:relative;overflow:visible}.lockpick-target{background:var(--lock-target);box-shadow:0 0 16px color-mix(in srgb, var(--lock-target), transparent 40%);border-radius:3px;position:absolute;inset-block:0}.lockpick-target:after{content:"";border-left:2px dashed var(--lock-machine);position:absolute;inset:10px 50%}.lockpick-needle{z-index:2;background:var(--lock-needle);width:4px;height:78px;box-shadow:0 0 8px var(--lock-needle);border-radius:2px;position:absolute;top:-9px;transform:translate(-2px)}.lockpick-needle:before{content:"▼";color:var(--lock-needle);font-size:14px;position:absolute;top:-17px;left:-6px}.lockpick-feedback{color:#cbd5e1;justify-content:space-between;min-height:24px;font-size:.72rem;font-weight:700;display:flex}.lockpick-feedback span{color:var(--lock-target)}.lockpick-crack{border-color:var(--lock-accent);border-radius:var(--radius-sm);background:var(--lock-accent);width:100%;min-height:52px;font-size:1rem;font-weight:700}.lockpick-crack:hover:not(:disabled){border-color:var(--lock-accent);background:color-mix(in srgb, var(--lock-accent) 86%, #000)}.lockpick-idle,.lockpick-result{text-align:center;justify-items:center;gap:10px;display:grid}.lockpick-idle p,.lockpick-result p{color:#cbd5e1;margin:0 0 2px}.lockpick-idle button,.lockpick-result button{min-width:200px}.lockpick-dial{color:var(--lock-target);font-size:4rem;line-height:1}.lockpick-empty-energy{max-width:280px;color:var(--lock-target);font-size:.72rem}.lockpick-score-to-beat{color:var(--lock-target);font-size:.72rem;font-weight:700}.lockpick-result>span{color:#cbd5e1;font-size:.72rem}.lockpick-result>strong{color:var(--lock-target);font-variant-numeric:tabular-nums;font-size:3rem;line-height:1}.lockpick-brief{padding:18px}.lockpick-pulse-stat{border-bottom:1px solid var(--color-border-subtle);padding:14px 0}.lockpick-pulse-stat:first-child{padding-top:0}.lockpick-pulse-stat:last-child{border-bottom:0;padding-bottom:0}.lockpick-pulse-stat span,.lockpick-pulse-stat small{color:var(--color-text-muted);font-size:.7rem;display:block}.lockpick-pulse-stat strong{font-variant-numeric:tabular-nums;margin:2px 0;font-size:1.35rem;display:block}.lockpick-league,.lockpick-store{flex-direction:column;gap:14px;display:flex}.lockpick-section-title{justify-content:space-between;align-items:center;gap:16px;display:flex}.lockpick-section-title span{color:var(--lock-accent);font-size:.72rem;font-weight:700}.lockpick-section-title h3{margin:2px 0 0;font-size:1.15rem}.lockpick-section-title p{color:var(--color-text-secondary);margin:3px 0 0;font-size:.84rem}.lockpick-boards{grid-template-columns:1fr 1fr;gap:14px;display:grid}.lockpick-boards section{padding:14px}.lockpick-boards h4{color:var(--color-text-secondary);margin:0;padding:0 0 10px;font-size:.8rem}.lockpick-ranking{margin:0;padding:0;list-style:none}.lockpick-ranking li{border-top:1px solid var(--color-border-subtle);grid-template-columns:30px 1fr auto;align-items:center;gap:8px;min-height:44px;display:grid}.lockpick-ranking b{font-variant-numeric:tabular-nums}.lockpick-ranking small{color:var(--color-text-muted);font-size:.68rem;display:block}.lockpick-rank{color:var(--lock-accent);font-size:.72rem;font-weight:700}.lockpick-boards .status{box-shadow:none;text-align:left;background:0 0;border:0;margin:0;padding:16px 0}.lockpick-import{gap:8px;display:flex}.lockpick-import input{flex:1;min-width:0}.lockpick-import button{min-height:47px}.lockpick-honor{color:var(--color-text-muted);margin:-4px 0 0;font-size:.72rem}.lockpick-wallet{border:1px solid color-mix(in srgb, var(--lock-accent) 20%, var(--color-border));border-radius:var(--radius-md);background:var(--lock-accent-subtle);text-align:right;min-width:104px;padding:9px 12px}.lockpick-wallet span{color:var(--color-text-secondary);font-size:.68rem;display:block}.lockpick-wallet strong{color:var(--lock-accent);font-size:1.2rem;display:block}.lockpick-shop{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.lockpick-cosmetic{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);min-width:0;box-shadow:var(--shadow-sm);flex-direction:column;display:flex;overflow:hidden}.lockpick-swatch{background:var(--lock-machine);place-items:center;height:72px;display:grid}.lockpick-swatch span{border:6px solid var(--lock-accent);width:38px;height:38px;box-shadow:inset 0 0 0 4px var(--lock-target);border-radius:50%}.lockpick-cosmetic.theme-laser{--lock-accent:#0891b2;--lock-target:#d9f99d}.lockpick-cosmetic.theme-gold{--lock-accent:#b45309;--lock-target:#fcd34d}.lockpick-cosmetic.theme-midnight{--lock-accent:#e879f9;--lock-target:#e9ff70}.lockpick-cosmetic.theme-mint{--lock-accent:#059669;--lock-target:#bef264}.lockpick-cosmetic.theme-arcade{--lock-accent:#e11d48;--lock-target:#fde047}.lockpick-cosmetic.theme-mono{--lock-accent:#94a3b8;--lock-target:#e2e8f0}.lockpick-refill .lockpick-swatch{background:var(--lock-accent-subtle)}.lockpick-refill .lockpick-swatch span{width:auto;height:auto;box-shadow:none;color:var(--lock-accent);border:0;font-size:1.7rem;font-weight:700}.lockpick-cosmetic>strong{overflow-wrap:anywhere;margin:10px 10px 0;font-size:.88rem}.lockpick-cosmetic>small{min-height:32px;color:var(--color-text-muted);overflow-wrap:anywhere;margin:4px 10px 0;font-size:.68rem;line-height:1.35}.lockpick-cosmetic>button{width:calc(100% - 20px);min-height:34px;margin:auto 10px 10px;padding:5px 8px;font-size:.72rem}.lockpick-cosmetic>button.equipped{border-color:var(--lock-accent);background:var(--lock-accent-subtle);color:var(--lock-accent)}.lockpick-info-dialog{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);width:min(520px,100vw - 32px);max-height:min(720px,100dvh - 32px);color:var(--color-text);box-shadow:var(--shadow-xl);padding:0}.lockpick-info-dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a85}.lockpick-info-content{padding:20px}.lockpick-info-content header{justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:14px;display:flex}.lockpick-info-content header span{color:var(--lock-accent);font-size:.7rem;font-weight:700}.lockpick-info-content h3{margin:2px 0 0;font-size:1.2rem}.lockpick-info-content header button{width:32px;min-width:32px;height:32px;min-height:32px;color:var(--color-text-secondary);box-shadow:none;background:0 0;border-radius:50%;padding:0;font-size:1.1rem}.lockpick-info-content section{border-top:1px solid var(--color-border-subtle);grid-template-columns:110px 1fr;gap:14px;padding:12px 0;display:grid}.lockpick-info-content h4{margin:0;font-size:.82rem}.lockpick-info-content p{color:var(--color-text-secondary);margin:0;font-size:.8rem;line-height:1.5}[data-theme=dark] .lockpick{--lock-accent-subtle:color-mix(in srgb, var(--lock-accent) 14%, transparent);--lock-machine:#101622}[data-theme=dark] .lockpick.theme-laser,[data-theme=dark] .lockpick.theme-gold,[data-theme=dark] .lockpick.theme-midnight,[data-theme=dark] .lockpick.theme-mint,[data-theme=dark] .lockpick.theme-arcade,[data-theme=dark] .lockpick.theme-mono{--lock-accent-subtle:color-mix(in srgb, var(--lock-accent) 14%, transparent)}[data-theme=dark] .lockpick-modes,[data-theme=dark] .lockpick-contract,[data-theme=dark] .lockpick-brief,[data-theme=dark] .lockpick-boards section,[data-theme=dark] .lockpick-cosmetic,[data-theme=dark] .lockpick-info-dialog{background:var(--color-surface-elevated)}[data-theme=dark] .lockpick-modes button{background:0 0}[data-theme=dark] .lockpick-modes button.active{background:var(--lock-accent-subtle);color:var(--lock-accent)}[data-theme=dark] .lockpick-cosmetic>button:not(.equipped){background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}@container (width<=780px){.lockpick-header{align-items:flex-start}.lockpick-header p{max-width:220px}.lockpick-week{padding:8px 10px}.lockpick-arena{grid-template-columns:1fr}.lockpick-contract{padding:14px}.lockpick-machine{min-height:265px;padding:18px}.lockpick-brief{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px;display:grid}.lockpick-pulse-stat{border-right:1px solid var(--color-border-subtle);border-bottom:0;min-width:0;padding:0 10px 0 0}.lockpick-pulse-stat:last-child{border-right:0;padding-right:0}.lockpick-pulse-stat strong{font-size:1.1rem}.lockpick-boards{grid-template-columns:1fr}.lockpick-import{flex-direction:column}.lockpick-shop{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (width<=430px){.lockpick-header{display:grid}.lockpick-week{grid-template-columns:auto 1fr;justify-self:stretch}.lockpick-week strong{justify-self:end}.lockpick-modes{width:100%}.lockpick-modes button{flex:1;padding-inline:10px}.lockpick-contract-top{display:grid}.lockpick-energy{text-align:left}.lockpick-energy>span{justify-content:flex-start}.lockpick-section-title{align-items:flex-start}.lockpick-wallet{min-width:90px}.lockpick-info-content section{grid-template-columns:1fr;gap:4px}}.messages-container{flex-direction:column;gap:12px;display:flex}.messages-stream{scroll-behavior:smooth;flex-direction:column;gap:4px;max-height:min(62vh,640px);padding:4px 2px;display:flex;overflow-y:auto}.messages-empty{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:48px 16px;display:flex}.messages-day-sep{justify-content:center;margin:10px 0 6px;display:flex}.messages-day-sep span{background:var(--color-bg);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:2px 12px;font-size:.72rem;font-weight:700}.messages-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.message-row{display:flex}.message-row.own{justify-content:flex-end}.message-bubble{background:var(--color-surface);max-width:min(78%,480px);box-shadow:var(--shadow-sm);border-radius:16px;flex-direction:column;gap:4px;padding:8px 12px;display:flex}.message-row.own .message-bubble{background:linear-gradient(135deg, var(--color-primary) 0%, #818cf8 100%);color:#fff;border-bottom-right-radius:6px}.message-row.other .message-bubble{border-bottom-left-radius:6px}.message-author{color:var(--color-primary);font-size:.72rem;font-weight:700}.message-direct{background:var(--color-warning-subtle);color:var(--color-text-secondary);border-radius:999px;align-self:flex-start;padding:1px 6px;font-size:.65rem;font-weight:700}.message-text{overflow-wrap:anywhere;white-space:pre-wrap;margin:0;font-size:.92rem;line-height:1.4}.message-photo{box-shadow:none;cursor:zoom-in;background:0 0;border-radius:10px;max-width:240px;padding:0;overflow:hidden}.message-photo img{border-radius:10px;width:100%;display:block}.message-meta{opacity:.75;align-items:center;gap:8px;font-size:.68rem;display:flex}.message-row.own .message-meta{justify-content:flex-end}.message-delete{min-height:0;box-shadow:none;color:inherit;cursor:pointer;opacity:0;transition:opacity var(--transition-fast);background:0 0;border:none;padding:0;font-size:.68rem;text-decoration:underline}.message-row:hover .message-delete,.message-delete:focus-visible{opacity:1}.messages-composer{flex-direction:column;gap:8px;display:flex}.messages-audience{color:var(--color-text-secondary);align-items:center;gap:8px;font-size:.78rem;font-weight:700;display:flex}.messages-audience select{width:auto;min-width:210px;min-height:38px}.composer-row{align-items:center;gap:8px;display:flex}.composer-row input[type=text]{flex:1;min-width:0}.composer-photo-input{display:none}.composer-attach-btn{background:var(--color-surface);width:40px;min-height:40px;box-shadow:var(--shadow-sm);border-radius:999px;flex:none;padding:0;font-size:1rem;line-height:1}.composer-photo-chip{align-self:flex-start;position:relative}.composer-photo-chip img{object-fit:cover;width:72px;height:72px;box-shadow:var(--shadow-sm);border-radius:10px;display:block}.composer-photo-chip button{background:var(--color-surface);width:24px;min-height:24px;box-shadow:var(--shadow-sm);border-radius:999px;padding:0;font-size:.9rem;line-height:1;position:absolute;top:-8px;right:-8px}.messages-container .photo-lightbox{z-index:1000;cursor:zoom-out;background:#0f172ad1;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.messages-container .photo-lightbox img{border-radius:12px;max-width:100%;max-height:100%;box-shadow:0 12px 48px #00000080}.messages-container .photo-lightbox-close{color:#fff;width:40px;min-height:40px;box-shadow:none;background:#ffffff1f;border-radius:999px;padding:0;font-size:1.4rem;line-height:1;position:absolute;top:16px;right:16px}.meters{flex-direction:column;gap:14px;display:flex}.meters-subtitle{color:var(--color-text-secondary);margin:2px 0 0;font-size:.9rem}.meters-tabs{background:var(--color-surface);box-shadow:var(--shadow-sm);border-radius:999px;align-self:flex-start;gap:4px;padding:4px;display:inline-flex}.meters-tabs button{cursor:pointer;color:var(--color-text-secondary);box-shadow:none;background:0 0;border:none;border-radius:999px;padding:6px 14px;font-size:.9rem}.meters-tabs button.active{background:var(--color-primary-subtle);color:var(--color-primary-hover);font-weight:600}.meters-form{gap:8px;display:flex}.meters-form input{flex:1}.meters-integration{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.meters-integration-toggle{border-radius:var(--radius-md);width:100%;box-shadow:none;border:0;justify-content:space-between;margin:0;display:flex}.meters-integration-toggle[aria-expanded=true]{border-radius:var(--radius-md) var(--radius-md) 0 0}.meters-integration-toggle:hover:not(:disabled){box-shadow:none;transform:none}.meters-integration-body{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:4px 14px 14px;display:grid}.meters-integration-body>p{color:var(--color-text-muted);grid-column:1/-1;margin:0;font-size:.78rem}.meters-integration-body label{color:var(--color-text-secondary);gap:4px;font-size:.78rem;display:grid}.meters-integration-warning{color:var(--color-warning)!important}@media (width<=640px){.meters-integration-body{grid-template-columns:1fr}.meters-integration-body>p{grid-column:auto}}.meters-summary{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.meters-stat{border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm);flex-direction:column;gap:2px;padding:12px 16px;display:flex}.meters-stat strong{font-variant-numeric:tabular-nums;font-size:1.25rem}.meters-stat-label{color:var(--color-text-secondary);font-size:.78rem}.meters-per-day{color:var(--color-text-muted);font-size:.78rem}.meters-history-title{color:var(--color-text-secondary);margin:4px 0 0;font-size:.95rem}.meters-history{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.meters-history li{border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm);align-items:center;gap:12px;padding:8px 14px;display:flex}.meters-history-date{color:var(--color-text-secondary);min-width:64px;font-size:.8rem}.meters-history-value{font-variant-numeric:tabular-nums;flex:1;font-weight:500}.meters-empty{color:var(--color-text-muted);text-align:center;padding:24px}.pantry{flex-direction:column;gap:14px;display:flex}.pantry-subtitle{color:var(--color-text-secondary);margin:2px 0 0;font-size:.9rem}.pantry-form{gap:8px;display:flex}.pantry-form input{flex:1}.pantry-form select{width:min(180px,40%)}.pantry-import{background:var(--color-success);width:100%}.pantry-toolbar{color:var(--color-text-muted);justify-content:space-between;align-items:center;gap:12px;font-size:.85rem;display:flex}.pantry-toolbar button{min-height:36px}.pantry-toolbar select{width:auto;min-width:150px}.pantry-toolbar button.active{color:var(--color-primary-hover);border-color:var(--color-primary);background:var(--color-primary-subtle)}.pantry-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.pantry-item{border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm);align-items:center;gap:12px;padding:10px 14px;display:flex}.pantry-item.low{background:var(--color-warning-subtle)}.pantry-name{flex:1;align-items:center;gap:8px;font-weight:500;display:flex}.pantry-category{color:var(--color-text-muted);font-size:.72rem;font-weight:500}.pantry-badge{text-transform:uppercase;letter-spacing:.04em;color:var(--color-warning);border:1px solid var(--color-warning);border-radius:999px;padding:1px 7px;font-size:.68rem}.pantry-qty{align-items:center;gap:8px;display:inline-flex}.pantry-qty button{border-radius:8px;width:36px;min-height:36px;padding:0}.pantry-qty-value{text-align:center;font-variant-numeric:tabular-nums;min-width:22px}.pantry-flag{cursor:pointer;background:0 0;border:none;padding:4px;font-size:1.05rem}.pantry-empty{color:var(--color-text-muted);text-align:center;padding:24px}@media (width<=640px){.pantry-form{flex-wrap:wrap}.pantry-form input{min-width:100%}.pantry-form select{flex:1;width:auto}.pantry-toolbar{flex-direction:column;align-items:stretch}.pantry-toolbar select{width:100%}}.plants{flex-direction:column;gap:14px;display:flex}.plants-subtitle{color:var(--color-text-secondary);margin:2px 0 0;font-size:.9rem}.plants-form{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.plants-form input[type=text]{flex:1;min-width:180px}.plants-interval{color:var(--color-text-secondary);flex-direction:column;gap:4px;font-size:.78rem;display:flex}.plants-interval input{width:110px}.plants-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.plants-item{border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm);align-items:center;gap:12px;padding:10px 14px;display:flex}.plants-item.overdue{background:var(--color-danger-subtle)}.plants-item.today{background:var(--color-warning-subtle)}.plants-emoji{font-size:1.2rem}.plants-name{overflow-wrap:anywhere;flex-wrap:wrap;flex:1;align-items:center;gap:2px 8px;min-width:0;font-weight:500;display:flex}.plants-interval-chip{color:var(--color-text-secondary);background:var(--color-bg);white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:.7rem;font-weight:600}.plants-status{color:var(--color-text-secondary);white-space:nowrap;font-size:.8rem;font-weight:600}.plants-status.overdue{color:var(--color-danger)}.plants-status.today{color:var(--color-warning)}.plants-water-btn{font-size:1.1rem}.plants-empty{color:var(--color-text-muted);text-align:center;padding:24px}.shopping-history{border-top:1px solid var(--color-border-subtle);margin-top:14px;padding-top:14px}.shopping-history-toggle{justify-content:space-between;width:100%;display:flex}.shopping-history-list{gap:8px;margin:0;padding:8px 0 0;list-style:none;display:grid}.shopping-history-list li{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);align-items:center;gap:12px;padding:10px 12px;display:flex}.shopping-history-list li>div{flex:1;min-width:0;display:grid}.shopping-history-list span,.shopping-history-list p{color:var(--color-text-muted);margin:0;font-size:.78rem}.shopping-history-list p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.quick-add-favorites{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 16px;display:flex}.quick-add-label{color:var(--color-text-secondary);white-space:nowrap;font-size:.78rem;font-weight:600}.quick-add-chips{flex-wrap:wrap;gap:6px;display:flex}.quick-add-chip{border:1px solid var(--color-border);background:var(--color-bg);transition:border-color var(--transition-fast);border-radius:100px;align-items:center;display:inline-flex;overflow:hidden}.quick-add-chip:hover{border-color:#6366f14d}.quick-add-chip .chip-add{color:var(--color-text);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;padding:4px 8px 4px 12px;font-size:.78rem;font-weight:500}.quick-add-chip .chip-add:hover{color:var(--color-primary)}.quick-add-chip .chip-remove{color:var(--color-text-secondary);cursor:pointer;opacity:.5;transition:opacity var(--transition-fast), color var(--transition-fast);background:0 0;border:none;padding:4px 10px 4px 4px;font-size:.9rem;line-height:1}.quick-add-chip .chip-remove:hover{opacity:1;color:var(--color-danger)}.fav-btn{width:22px;height:22px;min-height:22px;max-height:22px;color:var(--color-text-secondary);cursor:pointer;opacity:.4;transition:opacity var(--transition-fast), color var(--transition-fast), transform var(--transition-fast), background var(--transition-fast);vertical-align:middle;background:0 0;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;margin-left:6px;padding:2px;font-size:.85rem;display:inline-flex}.fav-btn:focus-visible{opacity:1;box-shadow:0 0 0 2px var(--color-primary);background:#6366f11f}.fav-btn:hover{opacity:1;color:#eab308;transform:scale(1.2)}.fav-btn.is-fav{opacity:1;color:#eab308}.toolbar-row-secondary{grid-column:1/-1;align-items:center;gap:8px;display:flex}.sort-select{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);cursor:pointer;padding:6px 12px;font-size:.8rem}.group-toggle-btn.active{background:var(--color-primary-subtle);color:var(--color-primary);border-color:#6366f14d}.category-group{list-style:none;background:0 0!important;border:none!important;padding:0!important;animation:none!important}.category-group-header{border-bottom:1px solid var(--color-border-subtle);align-items:center;gap:8px;margin-bottom:8px;padding:8px 0 4px;display:flex}.category-group-count{color:var(--color-text-secondary);background:var(--color-bg);border-radius:100px;padding:2px 8px;font-size:.72rem;font-weight:600}.category-group-items{gap:8px;margin:0 0 16px;padding:0;list-style:none;display:grid}.category-group-items li{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);grid-template-columns:auto 1fr auto auto auto auto;align-items:center;gap:12px;padding:12px 16px;display:grid}.note-btn{border-radius:var(--radius-sm);cursor:pointer;opacity:.5;width:28px;height:28px;transition:opacity var(--transition-fast), background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:.85rem;display:flex}.note-btn:hover{opacity:1;background:var(--color-primary-subtle)}.item-notes-row{border-top:1px dashed var(--color-border-subtle);grid-column:1/-1;gap:8px;margin-top:4px;padding-top:8px;display:flex}.item-notes-input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);flex:1;padding:6px 10px;font-size:.8rem}.item-notes-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #6366f11a}.item-note-indicator{cursor:help}.item-list li[draggable=true]{cursor:grab}.item-list li[draggable=true]:active{cursor:grabbing}.item-list li.dragging{opacity:.4;border-style:dashed;border-color:var(--color-primary)}.presence-banner{border-radius:var(--radius-md);background:var(--color-accent-subtle);border:1px solid var(--color-accent);color:var(--color-text);align-items:center;gap:10px;padding:10px 16px;font-size:.9rem;font-weight:600;display:flex}.shopping-now-btn.active{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-subtle)}.mealplan-btn{flex:none}.mealplan-dialog{border-radius:var(--radius-lg);background:var(--color-surface);width:min(480px,92vw);color:var(--color-text);box-shadow:var(--shadow-xl);border:none;flex-direction:column;gap:12px;padding:22px;display:none}.mealplan-dialog[open]{display:flex}.mealplan-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000073}.mealplan-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.mealplan-header h3{margin:0;font-size:1.1rem}.mealplan-hint{color:var(--color-text-secondary);margin:0;font-size:.88rem}.mealplan-key-label{color:var(--color-text-secondary);flex-direction:column;gap:6px;font-size:.82rem;font-weight:600;display:flex}.mealplan-key-label input,.mealplan-dialog textarea{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);width:100%;color:var(--color-text);font:inherit;padding:10px 12px}.mealplan-key-note{color:var(--color-text-muted);margin:-6px 0 0;font-size:.75rem}.mealplan-dialog textarea{resize:vertical;min-height:72px}.mealplan-preview{flex-direction:column;gap:4px;max-height:260px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.mealplan-preview label{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:10px;padding:8px 10px;display:flex}.mealplan-preview label:hover{background:var(--color-primary-ghost)}.mealplan-item-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.9rem;font-weight:600;overflow:hidden}.mealplan-item-meta{color:var(--color-text-muted);flex:none;font-size:.78rem}.mealplan-preview input[type=checkbox]{width:18px;height:18px;min-height:0;accent-color:var(--color-primary);flex:none;margin:0;padding:0}[data-theme=dark] .note-btn:not(:hover),[data-theme=dark] .fav-btn:not(:hover){background:0 0}@container (width<=780px){.item-list li .note-btn{grid-area:3/2;justify-self:start}.item-notes-row{flex-direction:column}}.photo-input{display:none}.photo-btn{width:34px;min-height:34px;box-shadow:none;background:0 0;border-radius:999px;padding:0;font-size:1rem;line-height:1;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.photo-btn:hover:not(:disabled){background:var(--color-primary-ghost)}[data-theme=dark] .photo-btn{background:0 0}.input-with-mic:has(.photo-btn) input[type=text]{padding-right:84px}.input-with-mic:has(.photo-btn) .mic-btn{right:44px}.input-with-mic:has(.photo-btn):not(:has(.mic-btn)) input[type=text]{padding-right:46px}.item-copy:has(.item-photo-thumb){grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:10px}.item-photo-thumb{width:44px;height:44px;box-shadow:none;cursor:zoom-in;background:0 0;border-radius:10px;flex:none;grid-row:1/span 2;padding:0;overflow:hidden}.item-photo-thumb img{object-fit:cover;border-radius:10px;width:100%;height:100%;display:block}.item-photo-thumb:hover{transform:scale(1.05)}.item-list li.purchased .item-photo-thumb img{filter:grayscale(.8);opacity:.6}.photo-lightbox{z-index:1000;cursor:zoom-out;background:#0f172ad1;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.photo-lightbox img{border-radius:12px;max-width:100%;max-height:100%;box-shadow:0 12px 48px #00000080}.photo-lightbox-close{color:#fff;width:40px;min-height:40px;box-shadow:none;background:#ffffff1f;border-radius:999px;padding:0;font-size:1.4rem;line-height:1;position:absolute;top:16px;right:16px}.trips{flex-direction:column;gap:14px;display:flex}.trips-subtitle{color:var(--color-text-secondary);margin:2px 0 0;font-size:.9rem}.trips-form{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.trips-form input[type=text]{flex:1;min-width:180px}.trips-date{color:var(--color-text-secondary);flex-direction:column;gap:4px;font-size:.78rem;display:flex}.trips-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.trips-item{border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;display:flex}.trips-item.past{opacity:.6}.trips-item-head{cursor:pointer;min-width:0;font:inherit;color:var(--color-text);text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:10px;padding:0;display:flex}.trips-emoji{font-size:1.2rem}.trips-name{overflow-wrap:anywhere;min-width:0;font-weight:500}.trips-countdown{color:var(--color-text-secondary);white-space:nowrap;font-size:.8rem;font-weight:600}.trips-countdown.ongoing{color:var(--color-success)}.trips-progress-chip{color:var(--color-text-secondary);background:var(--color-bg);white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:.7rem;font-weight:600}.trips-packing{flex-direction:column;flex-basis:100%;gap:10px;padding-top:8px;display:flex}.trips-progress{background:var(--color-bg);border-radius:999px;height:6px;overflow:hidden}.trips-progress-fill{background:var(--color-success);border-radius:999px;height:100%;transition:width .2s}.trips-item-form{gap:8px;display:flex}.trips-item-form input{flex:1;min-width:0}.trips-templates p{color:var(--color-text-muted);margin:0 0 6px;font-size:.85rem}.trips-templates-hint{font-weight:600}.trips-templates-row{flex-wrap:wrap;gap:8px;display:flex}.trips-pack-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.trips-pack-list li{align-items:center;gap:8px;display:flex}.trips-pack-list li.packed span{color:var(--color-text-muted);text-decoration:line-through}.trips-pack-check{cursor:pointer;overflow-wrap:anywhere;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.trips-pack-check input[type=checkbox]{flex:0 0 20px;width:20px;height:20px;min-height:20px;margin:0}.trips-pack-check span{overflow-wrap:anywhere;min-width:0}.trips-empty{color:var(--color-text-muted);text-align:center;padding:24px}.vault{flex-direction:column;gap:14px;display:flex}.vault-subtitle{color:var(--color-text-secondary);margin:2px 0 0;font-size:.9rem}.vault-notice{border-left:3px solid var(--color-warning);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--color-text-secondary);background:var(--color-warning-subtle);margin:0;padding:10px 12px;font-size:.82rem}.vault-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.vault-form input[type=text]{flex:1;min-width:150px}.vault-secret-toggle{color:var(--color-text-secondary);white-space:nowrap;align-items:center;gap:6px;font-size:.85rem;display:flex}.vault-group h3{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin:0 0 6px;font-size:.78rem;font-weight:700}.vault-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.vault-item{border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm);align-items:center;gap:10px;padding:10px 14px;display:flex}.vault-label{overflow-wrap:anywhere;flex:1;min-width:0;font-weight:500}.vault-value{background:var(--color-bg);border-radius:var(--radius-sm,6px);text-overflow:ellipsis;white-space:nowrap;max-width:40%;padding:2px 8px;font-size:.85rem;overflow:hidden}.vault-action{cursor:pointer;width:40px;min-height:40px;box-shadow:none;background:0 0;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:1rem;display:inline-flex}.vault-action:hover:not(:disabled){border-color:var(--color-border);background:var(--color-primary-subtle);box-shadow:none;border-radius:50%;transform:none}.vault-empty{color:var(--color-text-muted);text-align:center;padding:24px}.vehicles{flex-direction:column;gap:14px;display:flex}.vehicles-subtitle{color:var(--color-text-secondary);margin:2px 0 0;font-size:.9rem}.vehicles-form{flex-wrap:wrap;gap:8px;display:flex}.vehicles-form input[type=text]{flex:1;min-width:160px}.vehicles-plate-input{max-width:140px}.vehicles-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.vehicles-item{border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;display:flex}.vehicles-item-head{cursor:pointer;min-width:0;font:inherit;color:var(--color-text);text-align:left;background:0 0;border:none;flex-wrap:wrap;flex:1;align-items:center;gap:10px;padding:0;display:flex}.vehicles-emoji{font-size:1.2rem}.vehicles-name{overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:8px;min-width:0;font-weight:500;display:flex}.vehicles-plate,.vehicles-odo{color:var(--color-text-secondary);background:var(--color-bg);white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:.7rem;font-weight:600}.vehicles-alert{color:var(--color-warning);white-space:nowrap;font-size:.75rem;font-weight:600}.vehicles-alert.overdue{color:var(--color-danger)}.vehicles-detail{flex-direction:column;flex-basis:100%;gap:10px;padding-top:8px;display:flex}.vehicles-detail h3{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin:0;font-size:.78rem;font-weight:700}.vehicles-deadlines{flex-wrap:wrap;gap:12px;display:flex}.vehicles-deadlines label{color:var(--color-text-secondary);flex-direction:column;gap:4px;font-size:.78rem;display:flex}.vehicles-service-form{flex-wrap:wrap;gap:8px;display:flex}.vehicles-service-form input[type=text]{flex:1;min-width:140px}.vehicles-num-input{max-width:110px}.vehicles-service-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.vehicles-service-list li{align-items:center;gap:10px;font-size:.85rem;display:flex}.vehicles-service-date{color:var(--color-text-secondary);white-space:nowrap}.vehicles-service-type{overflow-wrap:anywhere;flex:1;min-width:0}.vehicles-service-meta{color:var(--color-text-muted);white-space:nowrap;font-size:.75rem}.vehicles-no-services{color:var(--color-text-muted);margin:0;font-size:.85rem}.vehicles-empty{color:var(--color-text-muted);text-align:center;padding:24px}.wishlist{flex-direction:column;gap:14px;display:flex}.wishlist-subtitle{color:var(--color-text-secondary);margin:2px 0 0;font-size:.9rem}.wishlist-help{max-width:680px;color:var(--color-text-muted);margin:6px 0 0;font-size:.78rem;line-height:1.45}.wishlist-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.wishlist-form input[type=text]{flex:180px}.wishlist-form input[type=url]{flex:140px}.wishlist-for{color:var(--color-text-secondary);align-items:center;gap:6px;font-size:.85rem;display:inline-flex}.wishlist-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.wishlist-card{border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm);align-items:center;gap:12px;padding:10px 14px;display:flex}.wishlist-card.claimed{opacity:.6}.wishlist-body{flex-direction:column;flex:1;display:flex}.wishlist-title{font-weight:500}.wishlist-card.claimed .wishlist-title{text-decoration:line-through}.wishlist-meta{color:var(--color-text-muted);font-size:.8rem}.wishlist-link{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:40px;min-height:40px;font-size:1.05rem;text-decoration:none;display:inline-flex}.wishlist-link:focus-visible{outline-offset:2px;outline:3px solid #6366f133}.wishlist-claim{padding:5px 12px;font-size:.85rem}.wishlist-empty{color:var(--color-text-muted);text-align:center;padding:24px}