:root{--bg-primary:#fafafa;--bg-secondary:#f5f5f5;--bg-card:#fff;--bg-card-hover:#fefefe;--text-primary:#1a1a1a;--text-secondary:#666;--text-muted:#737373;--accent:#a67c52;--accent-hover:#8b6544;--accent-light:#faf6f2;--accent-glow:#a67c521f;--success:#2a9d8f;--success-light:#e8f5f3;--danger:#e63946;--danger-light:#fdeaec;--warning:#f59e0b;--warning-light:#fffbeb;--blue:#3b82f6;--blue-light:#eff6ff;--purple:#8b5cf6;--purple-light:#f5f3ff;--border:#e5e5e5;--border-dark:#d4d4d4;--shadow-sm:0 2px 4px #00000005;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 8px 24px #00000014;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:100px;--transition-fast:0.15s ease;--transition-normal:0.2s ease;--transition-slow:0.3s ease}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fafafa;background-color:var(--bg-primary);color:#1a1a1a;color:var(--text-primary);font-family:Bricolage Grotesque,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;overflow-x:hidden}body:before{background-image:radial-gradient(circle at 20% 20%,#a67c521f 0,#0000 50%),radial-gradient(circle at 80% 80%,#2a9d8f0f 0,#0000 50%);background-image:radial-gradient(circle at 20% 20%,var(--accent-glow) 0,#0000 50%),radial-gradient(circle at 80% 80%,#2a9d8f0f 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}a{color:inherit;text-decoration:none}a:hover{color:#a67c52;color:var(--accent)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(-20px,20px)}}@keyframes bounce{0%,to{transform:rotate(45deg) translate(0)}50%{transform:rotate(45deg) translate(3px,3px)}}.animate-fade-up{animation:fadeUp .5s ease-out both}.animate-fade-down{animation:fadeDown .5s ease-out both}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f5f5f5;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#d4d4d4;background:var(--border-dark);border-radius:100px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#737373;background:var(--text-muted)}.app{display:flex;flex-direction:column;min-height:100vh}.app,.app-content{position:relative;z-index:1}.app-content{flex:1 1}.main-content{margin:0 auto;max-width:1200px;padding:2rem}.main-content--narrow{max-width:800px}.main-content--auth{align-items:center;display:flex;justify-content:center;max-width:400px;min-height:calc(100vh - 80px)}.page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.page-title{color:var(--text-primary);font-size:2rem;font-weight:800}.page-subtitle{color:var(--text-secondary);font-size:.95rem;margin-top:.25rem}.gradient-orb{animation:float 8s ease-in-out infinite;background:radial-gradient(circle,var(--accent-glow) 0,#0000 70%);border-radius:50%;height:600px;pointer-events:none;position:fixed;right:-200px;top:-200px;width:600px;z-index:0}.gradient-orb--secondary{animation-delay:-4s;background:radial-gradient(circle,#2a9d8f14 0,#0000 70%);bottom:-100px;height:400px;left:-100px;right:auto;top:auto;width:400px}.grid-background:before{background-image:linear-gradient(var(--border) 1px,#0000 1px),linear-gradient(90deg,var(--border) 1px,#0000 1px);background-size:60px 60px;bottom:0;content:"";left:0;opacity:.5;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.view-toggle{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-sm);display:flex;gap:4px;padding:4px}.view-toggle__btn{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:600;padding:.5rem 1rem;transition:all var(--transition-normal)}.view-toggle__btn:hover{color:var(--text-primary)}.view-toggle__btn--active{background:var(--accent);color:#fff}.day-group{animation:fadeUp .4s ease-out both;margin-bottom:2.5rem}.day-group:first-child{animation-delay:0s}.day-group:nth-child(2){animation-delay:.1s}.day-group:nth-child(3){animation-delay:.2s}.day-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.day-label{color:var(--text-muted);font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.day-label--today{color:var(--accent)}.day-line{background:var(--border);flex:1 1;height:1px}.day-count{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-muted);font-size:.75rem;padding:.25rem .75rem}.lists-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.filter-tabs{-webkit-overflow-scrolling:touch;display:flex;gap:.5rem;margin-bottom:1rem;overflow-x:auto;padding-bottom:4px}.filter-tab{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:.85rem;font-weight:600;gap:.5rem;padding:.6rem 1rem;transition:all var(--transition-fast);white-space:nowrap}.filter-tab:hover{border-color:var(--border-dark);color:var(--text-primary)}.filter-tab--active{background:var(--accent-light);border-color:var(--accent);color:var(--accent-hover);font-weight:700}.filter-tab__badge{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-full);color:var(--text-secondary);display:flex;font-size:.75rem;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 6px}.filter-tab--active .filter-tab__badge{background:var(--accent);color:#fff}.empty-state{animation:fadeUp .4s ease-out;padding:4rem 2rem;text-align:center}.empty-state__icon{align-items:center;background:var(--bg-card);border:2px dashed var(--border);border-radius:var(--radius-xl);display:flex;font-size:2rem;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.empty-state__title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.empty-state__text{color:var(--text-secondary);margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:400px}.section{margin-bottom:2rem}.section-header{justify-content:space-between;margin-bottom:1rem}.section-header,.section-title{align-items:center;display:flex}.section-title{font-size:1rem;font-weight:700;gap:.5rem}.section-badge{background:var(--accent);border-radius:var(--radius-full);color:#fff;font-size:.75rem;font-weight:700;padding:.15rem .5rem}.section-badge--warning{background:var(--warning)}.access-badge{border-radius:4px;font-size:.7rem;font-weight:600;letter-spacing:.03em;padding:.2rem .5rem;text-transform:uppercase}.access-badge--private{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-muted)}.access-badge--friends{background:var(--success-light);color:var(--success)}.access-badge--public{background:var(--accent-light);color:var(--accent)}@media (max-width:640px){.main-content{padding:1.5rem 1rem}.page-header{align-items:stretch;flex-direction:column}.view-toggle{align-self:flex-start}.lists-grid{grid-template-columns:1fr}.page-title{font-size:1.5rem}}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:inherit;font-weight:600;gap:.5rem;justify-content:center;text-decoration:none;transition:all var(--transition-normal)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn--sm{font-size:.85rem;padding:.5rem 1rem}.btn--md{font-size:.9rem;padding:.6rem 1.25rem}.btn--lg{font-size:1rem;padding:.875rem 1.5rem}.btn--full-width{width:100%}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 4px 20px var(--accent-glow);transform:translateY(-1px)}.btn--primary:active:not(:disabled){transform:translateY(0)}.btn--ghost{background:#0000;border:1px solid var(--border);color:var(--text-secondary)}.btn--ghost:hover:not(:disabled){background:var(--bg-card);border-color:var(--border-dark);color:var(--text-primary)}.btn--danger{background:var(--danger-light);color:var(--danger)}.btn--danger:hover:not(:disabled){background:var(--danger);color:#fff}.btn-icon{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;transition:all var(--transition-normal);width:36px}.btn-icon:hover{border-color:var(--border-dark);color:var(--text-primary)}.btn-icon--danger:hover{background:var(--danger-light);border-color:var(--danger);color:var(--danger)}.btn-icon svg{height:18px;width:18px}.navbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fafafad9;border-bottom:1px solid var(--border);justify-content:space-between;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.navbar,.navbar__left{align-items:center;display:flex}.navbar__left{gap:1rem}.navbar__back-btn{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;text-decoration:none;transition:all var(--transition-normal);width:36px}.navbar__back-btn:hover{border-color:var(--border-dark);color:var(--text-primary)}.navbar__logo{align-items:baseline;display:flex;font-size:2.25rem;font-weight:800;letter-spacing:-.02em;text-decoration:none}.logo-word,.navbar__logo:hover{color:var(--text-primary)}.logo-connector{color:var(--text-muted);font-weight:500;margin:0 .05em}.logo-i{display:inline-block;position:relative}.logo-checkbox{height:.55em;top:-.15em;width:.55em}.logo-checkbox,.logo-umbrella{color:var(--accent);left:50%;position:absolute;transform:translateX(-50%)}.logo-umbrella{height:.65em;top:-.25em;width:.75em}.navbar__actions{align-items:center;display:flex;gap:.75rem}.navbar__btn-text{display:inline}.navbar__notification-wrapper{position:relative}.navbar__notification-badge{align-items:center;background:var(--danger);border-radius:var(--radius-full);color:#fff;display:flex;font-size:.7rem;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 4px;position:absolute;right:-4px;top:-4px}.navbar--landing{animation:fadeDown .6s ease-out;background:linear-gradient(to bottom,var(--bg-primary) 0,#0000 100%);border-bottom:none;left:0;padding:1.5rem 3rem;position:fixed;right:0;top:0}@media (max-width:640px){.navbar{padding:1rem}.navbar--landing{padding:1rem 1.5rem}.navbar__btn-text{display:none}.navbar__logo{font-size:1.1rem}}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.85rem;font-weight:600;margin-bottom:.5rem}.form-input,.form-label{color:var(--text-primary)}.form-input{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);font-family:inherit;font-size:1rem;padding:.875rem 1rem;transition:all var(--transition-normal);width:100%}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.form-input::placeholder{color:var(--text-muted)}.form-input--error{border-color:var(--danger)}.form-input--error:focus{box-shadow:0 0 0 3px var(--danger-light)}.form-error{color:var(--danger);font-size:.8rem;margin-top:.5rem}.form-hint{color:var(--text-muted);font-size:.75rem;margin-top:.5rem}.form-textarea{min-height:100px;resize:vertical}.inline-input{background:#0000;border:none;border-bottom:2px solid #0000;color:var(--text-primary);font-family:inherit;outline:none;padding:0;transition:border-color var(--transition-normal)}.inline-input:focus{border-bottom-color:var(--accent)}.price-input{background:#0000;border:1px solid #0000;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.9rem;font-weight:600;padding:.35rem .5rem;text-align:right;transition:all var(--transition-fast);width:70px}.price-input:hover{background:var(--bg-card);border-color:var(--border)}.price-input:focus{background:var(--bg-card);border-color:var(--accent);color:var(--text-primary);outline:none}.form-select{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:.8rem;font-weight:600;padding:.35rem .75rem;transition:all var(--transition-normal)}.form-select:hover{border-color:var(--border-dark)}.form-select:focus{border-color:var(--accent);outline:none}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.card--hover{transition:all var(--transition-normal)}.card--hover:hover{border-color:var(--border-dark);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card--clickable,.list-card{cursor:pointer}.list-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;padding:1.25rem;position:relative;transition:all var(--transition-normal)}.list-card:before{background:linear-gradient(90deg,var(--accent) 0,var(--accent-hover) 100%);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-normal)}.list-card:hover{border-color:var(--border-dark);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.list-card:hover:before{opacity:1}.list-card--checked-out:before{background:linear-gradient(90deg,var(--success) 0,#059669 100%)}.list-card__checked-badge{align-items:center;background:var(--success);bottom:12px;box-shadow:0 2px 4px #00000026;color:#fff;display:flex;font-size:.65rem;font-weight:700;gap:.3rem;justify-content:center;letter-spacing:.05em;padding:.35rem 2.5rem;position:absolute;right:-35px;text-transform:uppercase;transform:rotate(-45deg)}.list-card__checked-badge svg{height:10px;width:10px}.list-card__header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.list-card__title{flex:1 1;font-size:1.1rem;font-weight:700;line-height:1.3;margin-right:.5rem;text-decoration:none}.list-card__title,.list-card__title:hover{color:var(--text-primary)}.list-card__actions{display:flex;gap:.25rem;opacity:0;transition:opacity var(--transition-normal)}.list-card:hover .list-card__actions{opacity:1}.list-card__meta{color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:.8rem;gap:.75rem}.list-card__meta-item{align-items:center;display:flex;gap:.35rem}.list-card__meta-item svg{height:14px;opacity:.7;width:14px}.list-card__stats{border-top:1px solid var(--border);display:flex;gap:1rem;margin-top:1rem;padding-top:1rem}.list-card__stat{display:flex;flex-direction:column}.list-card__stat-value{color:var(--text-primary);font-size:1.25rem;font-weight:700}.list-card__stat-label{color:var(--text-muted);font-size:.7rem;letter-spacing:.05em;text-transform:uppercase}.list-card__stat--success .list-card__stat-value{color:var(--success)}.quick-add-card{align-items:center;background:var(--bg-card);border:2px dashed var(--border);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:180px;padding:2rem;transition:all var(--transition-normal)}.quick-add-card:hover{background:var(--accent-light);border-color:var(--accent)}.quick-add-card__icon{align-items:center;background:var(--bg-secondary);border-radius:50%;color:var(--text-muted);display:flex;height:48px;justify-content:center;margin-bottom:.75rem;transition:all var(--transition-normal);width:48px}.quick-add-card:hover .quick-add-card__icon{background:var(--accent);color:#fff}.quick-add-card__text{color:var(--text-secondary);font-weight:600}.quick-add-card:hover .quick-add-card__text{color:var(--accent)}.auth-card{animation:fadeUp .5s ease-out;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:2.5rem;width:100%}.auth-card__header{margin-bottom:2rem;text-align:center}.auth-card__title{font-size:1.75rem;font-weight:800;margin-bottom:.5rem}.auth-card__subtitle{color:var(--text-secondary);font-size:.95rem}.auth-card__footer{border-top:1px solid var(--border);margin-top:1.5rem;padding-top:1.5rem;text-align:center}.auth-card__footer p{color:var(--text-secondary);font-size:.9rem}.auth-card__footer a{color:var(--accent);font-weight:600;text-decoration:none}.auth-card__footer a:hover{text-decoration:underline}@media (max-width:640px){.list-card__actions{opacity:1}.auth-card{padding:1.5rem}}.avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:700;justify-content:center}.avatar--clickable{cursor:pointer;transition:transform var(--transition-normal)}.avatar--clickable:hover{transform:scale(1.05)}.avatar--sm{font-size:.75rem;height:32px;width:32px}.avatar--md{font-size:.85rem;height:36px;width:36px}.avatar--lg{font-size:1rem;height:48px;width:48px}.avatar--green{background:linear-gradient(135deg,var(--accent) 0,var(--accent-hover) 100%)}.avatar--blue{background:linear-gradient(135deg,var(--blue) 0,#2563eb 100%)}.avatar--purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.avatar--orange{background:linear-gradient(135deg,#f59e0b,#d97706)}.profile-header{margin-bottom:2.5rem;text-align:center}.profile-avatar{align-items:center;background:linear-gradient(135deg,var(--accent) 0,var(--accent-hover) 100%);border-radius:50%;box-shadow:0 4px 12px var(--accent-glow);color:#fff;display:flex;font-size:2rem;font-weight:800;height:80px;justify-content:center;margin:0 auto 1rem;width:80px}.profile-name{font-size:1.5rem;font-weight:800;margin-bottom:.25rem}.profile-username{color:var(--text-secondary);font-size:.95rem}.invitation-avatar{background:linear-gradient(135deg,var(--blue) 0,#2563eb 100%)}.toast{border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;font-weight:600;left:50%;opacity:0;padding:.875rem 1.25rem;position:fixed;top:5rem;transform:translateX(-50%) translateY(-100px);transition:all var(--transition-slow);z-index:1000}.toast--show{opacity:1;transform:translateX(-50%) translateY(0)}.toast--success{background:var(--success);color:#fff}.toast--error{background:var(--danger);color:#fff}.toast--info{background:var(--blue);color:#fff}.loading{opacity:.6;pointer-events:none;position:relative}.loading:after{animation:spin .8s linear infinite;border:3px solid var(--border);border-radius:50%;border-top-color:var(--accent);content:"";height:24px;left:50%;margin:-12px 0 0 -12px;position:absolute;top:50%;width:24px;z-index:10}@keyframes spin{to{transform:rotate(1turn)}}.loading-state{color:var(--text-secondary)}.error-state,.loading-state{padding:4rem 2rem;text-align:center}.error-state h2{color:var(--danger);margin-bottom:1rem}.error-state p{color:var(--text-secondary)}.error-state p,.list-header{margin-bottom:2rem}.list-title-row{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1rem}.list-title-editable{align-items:center;cursor:pointer;display:flex;flex:1 1;gap:.75rem}.list-title-editable:hover .list-title{border-bottom-color:var(--border)}.list-title-editable:hover .list-title-edit-icon{opacity:1}.list-title{background:#0000;border:none;border-bottom:2px solid #0000;color:var(--text-primary);font-family:inherit;font-size:2rem;font-weight:800;outline:none;padding:0;transition:border-color var(--transition-normal)}.list-title-edit-icon{color:var(--text-muted);flex-shrink:0;opacity:.3;transition:opacity var(--transition-normal)}.access-badge-select{display:inline-block;position:relative}.access-badge-btn{align-items:center;border:none;border-radius:var(--radius-full);cursor:pointer;display:flex;font-family:inherit;font-size:.7rem;font-weight:600;gap:.4rem;letter-spacing:.03em;padding:.35rem .7rem;text-transform:uppercase;transition:all .15s ease}.access-badge-btn--private{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-muted)}.access-badge-btn--private:hover{border-color:var(--border-dark);color:var(--text-secondary)}.access-badge-btn--friends{background:var(--success-light);color:var(--success)}.access-badge-btn--friends:hover{background:#10b98133}.access-badge-btn--public{background:var(--accent-light);color:var(--accent)}.access-badge-btn--public:hover{background:#2a9d8f33}.access-badge-btn--disabled{cursor:default;opacity:.7}.access-badge-btn--disabled:hover{background:inherit;border-color:inherit;color:inherit}.access-dropdown{animation:fadeUp .15s ease-out;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);left:0;min-width:140px;overflow:hidden;position:absolute;top:calc(100% + 4px);z-index:100}.access-dropdown__item{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:.85rem;gap:.5rem;padding:.6rem .8rem;transition:background .1s ease}.access-dropdown__item:hover{background:var(--bg-secondary)}.access-dropdown__item svg{opacity:.6}.list-title--editing{border-bottom-color:var(--accent);cursor:text;flex:1 1}.list-meta{color:var(--text-secondary);flex-wrap:wrap;font-size:.85rem;gap:1rem}.list-meta,.list-meta__item{align-items:center;display:flex}.list-meta__item{gap:.35rem}.list-meta__item svg{height:16px;opacity:.7;width:16px}.checkout-banner{align-items:center;background:var(--success-light);border:1px solid var(--success);border-radius:var(--radius-lg);display:flex;gap:.75rem;margin-bottom:1rem;padding:1rem 1.25rem}.checkout-banner__icon{align-items:center;background:var(--success);border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.checkout-banner__text{flex:1 1}.checkout-banner__text strong{color:var(--success);display:block}.checkout-banner__text span{color:var(--text-secondary);font-size:.85rem}.add-product-form{display:flex;gap:.75rem;margin-bottom:1.5rem}.add-product-form__input{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);flex:1 1;font-family:inherit;font-size:1rem;padding:.875rem 1rem;transition:all var(--transition-normal)}.add-product-form__input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.add-product-form__input::placeholder{color:var(--text-muted)}.filter-tab__badge--remaining{background:var(--warning-light)!important;color:var(--warning)!important;font-weight:800}.filter-tab--active .filter-tab__badge--remaining{background:var(--warning)!important;color:#fff!important}.filter-tab__badge--success{background:var(--success-light)!important;color:var(--success)!important}.filter-tab--active .filter-tab__badge--success{background:var(--success)!important;color:#fff!important}.filter-tab__badge--purple{background:var(--purple-light)!important;color:var(--purple)!important}.filter-tab--active .filter-tab__badge--purple{background:var(--purple)!important;color:#fff!important}.products-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.products-empty{color:var(--text-muted);padding:3rem 2rem;text-align:center}.product-item{align-items:center;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;overflow:hidden;padding:0;position:relative;transition:background var(--transition-fast)}.product-item--swiping{-webkit-user-select:none;user-select:none}.product-swipe-reveal{align-items:center;background:linear-gradient(90deg,var(--success) 0,#059669 100%);bottom:0;display:flex;justify-content:center;opacity:0;pointer-events:none;position:absolute;right:0;top:0;width:100px}.product-swipe-reveal__content{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:.75rem;font-weight:700;gap:.25rem;letter-spacing:.05em;text-transform:uppercase}.product-swipe-content{align-items:center;background:var(--bg-card);display:flex;width:100%;will-change:transform}.product-item--in-cart .product-swipe-content{background:var(--success-light)}.product-item--not-found .product-swipe-content{background:var(--purple-light)}.product-toggle{align-items:center;display:flex;flex:1 1;min-height:56px;padding:1rem 0 1rem 1.25rem}.product-toggle--clickable{cursor:pointer}.product-toggle--clickable:hover{background:var(--bg-secondary)}.product-toggle--clickable:active{background:var(--border)}.product-item:last-of-type{border-bottom:none}.product-item--in-cart{background:var(--success-light)}.product-item--in-cart .product-toggle--clickable:hover{background:#10b98126}.product-item--not-found{background:var(--purple-light)}.product-checkbox{align-items:center;border:2px solid var(--border-dark);border-radius:var(--radius-sm);display:flex;flex-shrink:0;height:22px;justify-content:center;margin-right:1rem;transition:all var(--transition-fast);width:22px}.product-toggle--clickable:hover .product-checkbox{border-color:var(--accent)}.product-checkbox--checked{background:var(--success);border-color:var(--success);color:#fff}.product-checkbox--not-found{background:var(--purple);border-color:var(--purple);color:#fff}.product-name{font-weight:500}.product-item--in-cart .product-name{color:var(--text-secondary);text-decoration:line-through}.product-price{background:#0000;border:1px solid #0000;border-radius:var(--radius-sm);color:var(--text-secondary);flex-shrink:0;font-family:inherit;font-size:.9rem;font-weight:600;margin-right:.5rem;min-width:80px;padding:.35rem .5rem;text-align:right;transition:all var(--transition-fast)}.product-price--editable{cursor:pointer}.product-price--editable:hover{background:var(--bg-card);border-color:var(--border)}.product-price--editing{background:var(--bg-card);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);color:var(--text-primary);outline:none;width:80px}.product-actions{display:flex;flex-shrink:0;gap:.25rem;opacity:0;padding-right:1rem;transition:opacity var(--transition-fast)}.product-item:hover .product-actions{opacity:1}.product-action-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.product-action-btn:hover{background:var(--bg-card);color:var(--text-primary)}.product-action-btn--danger:hover{background:var(--danger-light);color:var(--danger)}.product-action-btn--info{color:var(--text-muted)}.product-action-btn--info:hover{background:var(--accent-light);color:var(--accent)}.product-action-btn--info.product-action-btn--active{background:#e0e0e0;color:#666}.product-actions--always-visible{opacity:1!important}.product-info-panel{animation:slideDown .2s ease-out;background:var(--bg-secondary);border-top:1px solid var(--border);padding:1rem 1.25rem;width:100%}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.product-info-panel--closing{animation:slideUp .15s ease-out forwards}.product-info-panel__row{display:flex;gap:2rem;margin-bottom:.75rem}.product-info-panel__row:last-child{margin-bottom:0}.product-info-panel__item{align-items:center;display:flex;flex:1 1;gap:.5rem;min-width:0}.product-info-panel__item svg,.product-info-panel__label{color:var(--text-muted);flex-shrink:0}.product-info-panel__label{font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.product-info-panel__value{color:var(--text-primary);font-size:.875rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-info-panel__notes{align-items:flex-start;border-top:1px dashed var(--border);color:var(--text-secondary);display:flex;font-size:.85rem;font-style:italic;gap:.5rem;margin-top:.75rem;padding-top:.75rem}.product-info-panel__notes svg{color:var(--text-muted);flex-shrink:0;margin-top:2px}.products-footer{align-items:center;background:var(--bg-secondary);border-top:1px solid var(--border);display:flex;justify-content:space-between;padding:1rem 1.25rem}.products-footer__stats{display:flex;gap:1.5rem}.products-footer__stat{text-align:center}.products-footer__stat-value{font-size:1.25rem;font-weight:700}.products-footer__stat-value--success{color:var(--accent)}.products-footer__stat-label{color:var(--text-muted);font-size:.7rem;letter-spacing:.05em;text-transform:uppercase}.not-found-action{align-items:center;animation:fadeUp .3s ease-out;background:var(--purple-light);border:2px solid var(--purple);border-radius:var(--radius-lg);display:flex;gap:1rem;margin-bottom:2rem;margin-top:.5rem;padding:1.25rem}.not-found-action__icon{align-items:center;background:var(--purple);border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.not-found-action__content{flex:1 1}.not-found-action__title{color:var(--purple);font-weight:700;margin-bottom:.25rem}.not-found-action__text{color:var(--text-secondary);font-size:.85rem}.not-found-action button{transition:all var(--transition-fast)}.not-found-action button,.not-found-action button:hover{background:var(--purple)!important;border-color:var(--purple)!important}.not-found-action button:hover{box-shadow:0 8px 20px #8b5cf699,0 4px 8px #00000026;transform:translateY(-2px)}.arrow-hint{align-items:center;animation:arrowHintFadeIn .5s ease-out;display:flex;gap:.5rem;left:-160px;position:absolute;top:28px;transform:translateY(-50%);z-index:10}@keyframes arrowHintFadeIn{0%{opacity:0;transform:translateY(-50%) translateX(-15px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}.arrow-hint__text{color:#bbb;font-size:.8rem;font-weight:600;line-height:1.3;max-width:90px;text-align:center}.arrow-hint__arrow{animation:arrowWiggle 2s ease-in-out infinite;color:#ccc;flex-shrink:0}@keyframes arrowWiggle{0%,to{transform:translateX(0)}50%{transform:translateX(6px)}}.arrow-hint--right{animation-delay:.2s;animation-fill-mode:backwards;left:auto;right:-160px}.arrow-hint--right .arrow-hint__arrow{animation:arrowWiggleLeft 2s ease-in-out infinite;animation-delay:.5s}@keyframes arrowWiggleLeft{0%,to{transform:translateX(0)}50%{transform:translateX(-6px)}}.products-card-wrapper{position:relative}@media (max-width:900px){.arrow-hint{display:none}}@media (max-width:640px){.list-title{font-size:1.5rem}.add-product-form{flex-direction:column}.product-actions{opacity:1}.products-footer{flex-direction:column;gap:1rem}.products-footer button{justify-content:center;width:100%}}.hero,.landing{position:relative;z-index:1}.hero{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 80px);padding:2rem;text-align:center}.hero__badge{align-items:center;animation:fadeUp .6s ease-out .2s both;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);color:var(--text-secondary);display:inline-flex;font-size:.85rem;gap:.5rem;margin-bottom:2rem;padding:.5rem 1rem}.hero__badge-dot{animation:pulse 2s ease-in-out infinite;background:var(--success);border-radius:50%;height:8px;width:8px}.hero__title{animation:fadeUp .6s ease-out .3s both;font-size:clamp(3rem,10vw,6rem);font-weight:800;line-height:1;margin-bottom:1.5rem}.hero__title span{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent) 0,var(--accent-hover) 100%);-webkit-background-clip:text;background-clip:text}.hero__subtitle{animation:fadeUp .6s ease-out .4s both;color:var(--text-secondary);font-size:clamp(1.1rem,3vw,1.5rem);font-weight:400;line-height:1.6;margin-bottom:3rem;max-width:500px}.hero__cta{animation:fadeUp .6s ease-out .5s both;display:flex;gap:1rem;margin-bottom:6rem}.scroll-hint{align-items:center;animation:fadeUp .6s ease-out .7s both;bottom:3rem;color:var(--text-muted);display:flex;flex-direction:column;font-size:.8rem;gap:.5rem;left:0;margin:0 auto;position:absolute;right:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.scroll-hint__arrow{animation:bounce 2s ease-in-out infinite;border-bottom:2px solid var(--text-muted);border-right:2px solid var(--text-muted);height:20px;transform:rotate(45deg);width:20px}.features{margin:0 auto;max-width:1000px;padding:4rem 2rem 8rem;position:relative;z-index:1}.features__grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-card{animation:fadeUp .6s ease-out both;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:2rem;transition:all var(--transition-slow)}.feature-card:first-child{animation-delay:.6s}.feature-card:nth-child(2){animation-delay:.7s}.feature-card:nth-child(3){animation-delay:.8s}.feature-card:hover{border-color:var(--border-dark);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feature-card__icon{align-items:center;background:var(--accent-light);border-radius:var(--radius-lg);display:flex;font-size:1.5rem;height:48px;justify-content:center;margin-bottom:1.5rem;width:48px}.feature-card__title{font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.feature-card__text{color:var(--text-secondary);font-size:.95rem;line-height:1.6}@media (max-width:640px){.hero__cta{flex-direction:column;max-width:300px;width:100%}.hero__cta a{width:100%}.hero__cta button{justify-content:center;width:100%}}.lists-dashboard{animation:fadeUp .4s ease-out}.auth-page{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:calc(100vh - 80px);padding:2rem}.auth-container{animation:fadeUp .5s ease-out;max-width:400px;width:100%}.password-strength{display:flex;gap:4px;margin-top:.5rem}.password-strength__bar{background:var(--border);border-radius:2px;flex:1 1;height:4px;transition:background var(--transition-normal)}.password-strength__bar--active{background:var(--danger)}.password-strength__bar--active.password-strength__bar--medium{background:var(--warning)}.password-strength__bar--active.password-strength__bar--strong{background:var(--success)}@media (max-width:480px){.auth-page{padding:1rem}.auth-card{padding:1.5rem}}.friends-page{animation:fadeUp .4s ease-out}.invitation-item{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:1rem;padding:1rem 1.25rem}.invitation-item:last-child{border-bottom:none}.invitation-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:700;height:48px;justify-content:center;width:48px}.invitation-avatar--green{background:linear-gradient(135deg,var(--accent) 0,var(--accent-hover) 100%)}.invitation-avatar--blue{background:linear-gradient(135deg,var(--blue) 0,#2563eb 100%)}.invitation-avatar--purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.invitation-avatar--orange{background:linear-gradient(135deg,#f59e0b,#d97706)}.invitation-info{flex:1 1}.invitation-name{font-weight:700;margin-bottom:.15rem}.invitation-text{color:var(--text-secondary);font-size:.85rem}.invitation-actions{display:flex;gap:.5rem}.friend-item{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:1rem;padding:1rem 1.25rem;transition:background var(--transition-fast)}.friend-item:hover{background:var(--bg-secondary)}.friend-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.95rem;font-weight:700;height:44px;justify-content:center;width:44px}.friend-avatar--green{background:linear-gradient(135deg,var(--accent) 0,var(--accent-hover) 100%)}.friend-avatar--blue{background:linear-gradient(135deg,var(--blue) 0,#2563eb 100%)}.friend-avatar--purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.friend-avatar--orange{background:linear-gradient(135deg,#f59e0b,#d97706)}.friend-info{flex:1 1}.friend-name{font-weight:600}.friend-meta{color:var(--text-muted);font-size:.8rem}.friend-status{background:var(--accent);border-radius:50%;height:10px;width:10px}.friend-status--offline{background:var(--border-dark)}.pending-item{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:1rem;padding:.875rem 1.25rem}.pending-item:last-child{border-bottom:none}.pending-avatar{align-items:center;background:var(--bg-secondary);border-radius:50%;color:var(--text-secondary);display:flex;flex-shrink:0;font-size:.8rem;font-weight:600;height:36px;justify-content:center;width:36px}.pending-info{flex:1 1}.pending-name{font-size:.9rem;font-weight:600}.pending-status{align-items:center;color:var(--warning);display:flex;font-size:.75rem;gap:.35rem}.add-friend-form{background:var(--bg-secondary);border-top:1px solid var(--border);display:flex;gap:.75rem;padding:1rem 1.25rem}.add-friend-input{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);flex:1 1;font-family:inherit;font-size:.9rem;padding:.75rem 1rem;transition:all var(--transition-normal)}.add-friend-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.add-friend-input::placeholder{color:var(--text-muted)}.empty-state-small{align-items:center;color:var(--text-secondary);display:flex;gap:1rem;padding:2rem 1.25rem}.empty-state-small__icon{font-size:2rem;opacity:.5}.empty-state-small h3{color:var(--text-primary);font-size:1rem;margin-bottom:.25rem}.empty-state-small p{font-size:.9rem}@media (max-width:640px){.invitation-item{flex-wrap:wrap}.invitation-actions{margin-top:.5rem;padding-left:60px;width:100%}}.success-page{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem;position:relative;text-align:center;z-index:1}.success-page__orb{animation:success-float 8s ease-in-out infinite;background:radial-gradient(circle,var(--accent-glow) 0,#0000 70%);border-radius:50%;height:700px;pointer-events:none;position:fixed;right:-250px;top:-250px;width:700px;z-index:0}.success-page__orb--2{animation-delay:-4s;background:radial-gradient(circle,#a67c521a 0,#0000 70%);bottom:-150px;height:500px;left:-150px;right:auto;top:auto;width:500px}.success-page__orb--3{animation:success-pulse-orb 4s ease-in-out infinite;background:radial-gradient(circle,#a67c5226 0,#0000 70%);height:300px;left:50%;top:50%;transform:translate(-50%,-50%);width:300px}@keyframes success-float{0%,to{transform:translate(0)}50%{transform:translate(-20px,20px)}}@keyframes success-pulse-orb{0%,to{opacity:.8;transform:translate(-50%,-50%) scale(1)}50%{opacity:.4;transform:translate(-50%,-50%) scale(1.2)}}.success-page__confetti-container{bottom:0;left:0;overflow:hidden;pointer-events:none;position:fixed;right:0;top:0;z-index:10}.success-page__confetti{animation:confetti-fall 4s ease-out forwards;height:10px;position:absolute;top:-20px;width:10px}.success-page__confetti:first-child{animation-delay:0s;background:var(--accent);border-radius:50%;left:10%}.success-page__confetti:nth-child(2){animation-delay:.2s;background:var(--success);border-radius:2px;left:20%}.success-page__confetti:nth-child(3){animation-delay:.4s;background:#fbbf24;border-radius:50%;left:30%}.success-page__confetti:nth-child(4){animation-delay:.1s;background:var(--accent);border-radius:2px;left:40%}.success-page__confetti:nth-child(5){animation-delay:.3s;background:#ec4899;border-radius:50%;left:50%}.success-page__confetti:nth-child(6){animation-delay:.5s;background:var(--success);border-radius:2px;left:60%}.success-page__confetti:nth-child(7){animation-delay:.15s;background:#fbbf24;border-radius:50%;left:70%}.success-page__confetti:nth-child(8){animation-delay:.35s;background:var(--accent);border-radius:2px;left:80%}.success-page__confetti:nth-child(9){animation-delay:.25s;background:#ec4899;border-radius:50%;left:90%}.success-page__confetti:nth-child(10){animation-delay:.45s;background:var(--success);border-radius:2px;left:15%}.success-page__confetti:nth-child(11){animation-delay:.55s;background:#fbbf24;border-radius:50%;left:25%}.success-page__confetti:nth-child(12){animation-delay:.65s;background:var(--accent);border-radius:2px;left:35%}.success-page__confetti:nth-child(13){animation-delay:.1s;background:#ec4899;border-radius:50%;left:45%}.success-page__confetti:nth-child(14){animation-delay:.3s;background:var(--success);border-radius:2px;left:55%}.success-page__confetti:nth-child(15){animation-delay:.5s;background:#fbbf24;border-radius:50%;left:65%}.success-page__confetti:nth-child(16){animation-delay:.2s;background:var(--accent);border-radius:2px;left:75%}.success-page__confetti:nth-child(17){animation-delay:.4s;background:#ec4899;border-radius:50%;left:85%}.success-page__confetti:nth-child(18){animation-delay:.6s;background:var(--success);border-radius:2px;left:5%}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0) rotate(0deg) scale(1)}to{opacity:0;transform:translateY(100vh) rotate(2turn) scale(.5)}}.success-page__icon{align-items:center;animation:pop-in .5s cubic-bezier(.175,.885,.32,1.275) .2s both;background:var(--accent-light);border:3px solid var(--accent);border-radius:50%;display:flex;font-size:3.5rem;height:120px;justify-content:center;margin-bottom:2rem;width:120px}@keyframes pop-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.success-page__checkmark{animation:checkmark-draw .5s ease-out .5s both;color:var(--accent)}@keyframes checkmark-draw{0%{opacity:0;transform:scale(.5)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.success-page__title{animation:fadeUp .6s ease-out .4s both;font-size:clamp(2.5rem,8vw,4rem);font-weight:800;line-height:1.1;margin-bottom:1rem}.success-page__title span{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent) 0,var(--success) 100%);-webkit-background-clip:text;background-clip:text}.success-page__subtitle{animation:fadeUp .6s ease-out .5s both;color:var(--text-secondary);font-size:clamp(1rem,3vw,1.25rem);font-weight:400;line-height:1.6;margin-bottom:3rem;max-width:450px}.success-page__steps{animation:fadeUp .6s ease-out .6s both;display:flex;flex-direction:column;gap:1rem;margin-bottom:3rem}.success-page__step{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;gap:1rem;padding:1rem 1.5rem;text-align:left;transition:all .2s ease}.success-page__step:hover{border-color:var(--accent);transform:translateX(4px)}.success-page__step-number{align-items:center;background:var(--accent-light);border-radius:50%;color:var(--accent);display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:32px;justify-content:center;width:32px}.success-page__step-content h3{font-size:1rem;font-weight:600;margin-bottom:.25rem}.success-page__step-content p{color:var(--text-muted);font-size:.85rem}.success-page__cta{animation:fadeUp .6s ease-out .7s both;display:flex;gap:1rem}.success-page__btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:1rem;font-weight:600;gap:.5rem;padding:1rem 2rem;text-decoration:none;transition:all .2s ease}.success-page__btn--primary{background:var(--accent);color:#fff}.success-page__btn--primary:hover{background:var(--accent-hover);box-shadow:0 10px 30px var(--accent-glow);transform:translateY(-2px)}.success-page__btn--secondary{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary)}.success-page__btn--secondary:hover{background:var(--bg-secondary);border-color:var(--border-dark)}.success-page__btn-icon{font-size:1.1rem}.success-page__footer{animation:fadeUp .6s ease-out .9s both;bottom:2rem;color:var(--text-muted);font-size:.85rem;position:absolute}.success-page__footer a{color:var(--accent);font-weight:600;text-decoration:none}.success-page__footer a:hover{text-decoration:underline}@media (max-width:640px){.success-page__icon{font-size:3rem;height:100px;width:100px}.success-page__steps{max-width:350px;width:100%}.success-page__cta{flex-direction:column;max-width:300px;width:100%}.success-page__cta .success-page__btn{justify-content:center;width:100%}}
/*# sourceMappingURL=main.d1be8c29.css.map*/