:root{--color-white:#fff;--color-bg:#faf8f5;--color-surface:#fff;--color-surface-hover:#f5f3f0;--color-border:#e8e4de;--color-border-strong:#d4cfc7;--color-text:#1a1612;--color-text-secondary:#6b6560;--color-text-muted:#9a948d;--color-gray-50:#faf8f5;--color-gray-100:#f5f2ed;--color-gray-200:#e8e4de;--color-gray-300:#d4cfc7;--color-gray-400:#a39e96;--color-gray-500:#6b6560;--color-gray-600:#524e49;--color-gray-700:#3d3935;--color-gray-800:#292622;--color-gray-900:#1a1612;--color-black:#000;--color-primary:#b85c38;--color-primary-hover:#a04e2e;--color-primary-light:#f5e6e0;--color-accent:#2c5545;--color-accent-light:#e5f0eb;--color-success:#2d7d46;--color-warning:#c4841d;--color-error:#c4391d;--color-danger:#dc2626;--color-danger-hover:#b91c1c;--color-card-border:#ae9b7e57;--color-card-border-hover:#ae9b7e80;--spacing-2xs:2px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--font-family:"Plus Jakarta Sans",system-ui,sans-serif;--font-display:"Fraunces",Georgia,serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--font-size-5xl:3rem;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px;--border-radius-card:16px;--border-radius-full:9999px;--border-color:var(--color-gray-200);--shadow-color:0,0,0;--shadow-sm:0 1px 2px rgba(var(--shadow-color),.05);--shadow-md:0 4px 6px rgba(var(--shadow-color),.1);--shadow-lg:0 10px 15px rgba(var(--shadow-color),.1);--shadow-xl:0 20px 25px rgba(var(--shadow-color),.15);--transition-fast:.15s ease;--transition-normal:.2s ease;--transition-slow:.3s ease;--z-dropdown:100;--z-modal-backdrop:200;--z-modal:300;--z-tooltip:400;--z-selection-bar:500;--card-width:240px;--card-image-height:240px;--header-height:72px;--max-width:1400px}[data-theme=dark]{--color-bg:#1c1b19;--color-surface:#282724;--color-surface-hover:#353430;--color-text:#eae4d8;--color-text-secondary:#b8b0a4;--color-text-muted:#807870;--color-border:#403e38;--color-border-strong:#504e48;--color-card-border:#eae4d814;--color-card-border-hover:#eae4d826;--color-white:#eae4d8;--color-gray-50:#1c1b19;--color-gray-100:#282724;--color-gray-200:#403e38;--color-gray-300:#504e48;--color-gray-400:#807870;--color-gray-500:#b8b0a4;--color-gray-600:#ccc6b8;--color-gray-700:#dad4c8;--color-gray-800:#e4ded2;--color-gray-900:#eae4d8;--color-primary:#d4714a;--color-primary-hover:#e07d55;--color-primary-light:#2d2420;--color-accent:#7a9a6a;--color-accent-light:#232820;--color-success:#7a9a6a;--color-warning:#d4a855;--color-error:#d46a5a;--color-danger:#d46a5a;--color-danger-hover:#e07a6a;--shadow-color:0,0,0;--shadow-sm:0 1px 3px rgba(var(--shadow-color),.3);--shadow-md:0 4px 8px rgba(var(--shadow-color),.4);--shadow-lg:0 10px 20px rgba(var(--shadow-color),.45);--shadow-xl:0 20px 30px rgba(var(--shadow-color),.5)}[data-theme=dark] .filter-bar__select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23B8B0A4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}[data-theme=dark] .collection-action-btn{border-color:var(--color-gray-400)}*,*:before,*:after{box-sizing:border-box}html{scrollbar-gutter:stable;overflow-y:scroll}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;scrollbar-gutter:stable;margin:0;padding:0;line-height:1.5}body:before{content:"";position:fixed;opacity:.03;mix-blend-mode:multiply;pointer-events:none;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");inset:0}img{display:block;max-width:100%}button{cursor:pointer;font-family:inherit}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{max-width:var(--max-width);padding:var(--spacing-md)var(--spacing-sm);flex:1;width:100%;margin:0 auto}.header{position:sticky;z-index:var(--z-dropdown);background:var(--color-surface);border-bottom:1px solid var(--color-border);height:var(--header-height);transition:box-shadow var(--transition-slow);top:0}.header-inner{max-width:var(--max-width);padding:0 var(--spacing-xl);display:flex;align-items: center;gap:var(--spacing-lg);height:100%;margin:0 auto}.header-logo{font-family:var(--font-display);font-size:var(--font-size-2xl);letter-spacing:-.02em;text-decoration:none;display:flex;align-items:baseline;font-weight:500}.header-logo:hover{text-decoration:none}.header-logo__dark{color:var(--color-text)}.header-logo__accent{color:var(--color-primary)}.header-nav{display:flex;gap:var(--spacing-lg)}.header-nav__link{color:var(--color-text-secondary);text-decoration:none;padding:var(--spacing-sm)0;transition:color var(--transition-fast),border-color var(--transition-fast);border-bottom:2px solid #0000;font-weight:500}.header-nav__link:hover{color:var(--color-text);text-decoration:none}.header-nav__link--active{color:var(--color-text);border-bottom-color:var(--color-primary)}.header-nav__breadcrumb{display:flex;align-items: center;gap:var(--spacing-xs)}.header-nav__separator{color:var(--color-gray-400);font-weight:400}.header-nav__child{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-style:italic;font-weight:400}.footer{padding:var(--spacing-lg)var(--spacing-md);display:flex;background:0 0;justify-content:center;align-items: center}.footer-inner{text-align:center}.footer-note{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0}.footer-note a{color:var(--color-text-secondary);text-decoration:underline;transition:color var(--transition-fast)}.footer-note a:hover{color:var(--color-text)}@keyframes wiggle{0%,to{transform:rotate(-.3deg)}50%{transform:rotate(.3deg)}}@keyframes flutter{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.product-card--wiggle{animation:wiggle .2s ease-in-out infinite}.product-card--flutter{animation:flutter .4s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes vote-pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.vote-button--voted svg{animation:vote-pulse .3s ease-out}.btn{display:inline-flex;justify-content:center;align-items: center;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);transition:background var(--transition-fast),color var(--transition-fast);border:none;font-weight:500}.btn--primary{background:var(--color-primary);color:var(--color-white)}.btn--primary:hover{background:var(--color-primary-hover)}.btn--danger{background:var(--color-danger);color:var(--color-white)}.btn--danger:hover{background:var(--color-danger-hover)}.btn--secondary{background:var(--color-gray-100);color:var(--color-gray-700)}.btn--secondary:hover{background:var(--color-gray-200)}.btn--ghost{color:var(--color-gray-600);background:0 0}.btn--ghost:hover{background:var(--color-gray-100)}.filter-bar{max-width:var(--max-width);padding:var(--spacing-md)var(--spacing-lg);display:flex;position:relative;justify-content:center;align-items: center;gap:var(--spacing-xs);flex-wrap:wrap;margin:0 auto}.filter-bar__search-wrapper{display:inline-flex;padding:0 var(--spacing-sm);background:var(--color-surface);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);transition:all var(--transition-fast);align-items: center;height:36px}.filter-bar__search-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.filter-bar__search-icon{color:var(--color-gray-400);transition:color var(--transition-fast);flex-shrink:0}.filter-bar__search-wrapper:focus-within .filter-bar__search-icon{color:var(--color-primary)}.filter-bar__search{font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-family);color:var(--color-text);padding:0 0 0 var(--spacing-sm);outline:none;background:0 0;border:none;width:120px}.filter-bar__search::placeholder{color:var(--color-gray-400)}.filter-bar__pills{display:flex;align-items: center;gap:var(--spacing-xs);flex-wrap:wrap}.filter-bar__pill{display:inline-flex;justify-content:center;align-items: center;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-family);color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;height:36px;padding:0 14px}.filter-bar__pill:hover{border-color:var(--color-primary);color:var(--color-primary)}.filter-bar__pill--active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.filter-bar__pill--active:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:var(--color-white)}.filter-bar__select{display:inline-flex;font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-family);color:var(--color-text-secondary);background-color:var(--color-surface);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast);-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236B6560' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;align-items: center;min-width:100px;height:36px;padding:0 28px 0 14px}.filter-bar__select:hover{border-color:var(--color-primary);color:var(--color-primary)}.filter-bar__select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.filter-bar__select--has-value{background-color:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.filter-bar__clear{display:inline-flex;align-items: center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-gray-400);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;height:36px;padding:0 14px;font-weight:500}.filter-bar__clear:hover{color:var(--color-danger);border-color:var(--color-danger);background:color-mix(in srgb,var(--color-danger)8%,transparent)}.filter-bar__price-slider{display:flex;align-items: center;gap:var(--spacing-sm);min-width:180px}.filter-bar__price-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:nowrap;text-align:center;min-width:45px;font-weight:600}.filter-bar__price-track{position:relative;background:var(--border-color);border-radius:var(--border-radius-sm);width:100px;height:4px}.filter-bar__price-range{position:absolute;background:var(--color-primary);border-radius:var(--border-radius-sm);height:100%;top:0}.filter-bar__price-input{position:absolute;pointer-events:none;-webkit-appearance:none;appearance:none;background:0 0;width:100%;height:20px;margin:0;top:50%;transform:translateY(-50%)}.filter-bar__price-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--color-white);border:2px solid var(--color-primary);cursor:pointer;pointer-events:auto;transition:transform var(--transition-fast),box-shadow var(--transition-fast);border-radius:50%;width:16px;height:16px;box-shadow:0 1px 3px #00000026}.filter-bar__price-input::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 2px 6px #0003}.filter-bar__price-input::-moz-range-thumb{background:var(--color-white);border:2px solid var(--color-primary);cursor:pointer;pointer-events:auto;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 3px #00000026}.filter-bar__price-input--min{z-index:1}.filter-bar__price-input--max{z-index:2}.modal-backdrop{position:fixed;display:flex;z-index:var(--z-modal-backdrop);background:#00000080;justify-content:center;align-items: center;inset:0}.modal{background:var(--color-surface);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);overflow:auto;z-index:var(--z-modal);max-width:90vw;max-height:90vh}.modal__header{display:flex;padding:var(--spacing-md);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items: center}.modal__title{font-size:var(--font-size-lg);margin:0;font-weight:600}.modal__close{border-radius:var(--border-radius-full);display:flex;color:var(--color-gray-500);background:0 0;border:none;justify-content:center;align-items: center;width:32px;height:32px}.modal__close:hover{background:var(--color-gray-100)}.modal__body{padding:var(--spacing-lg)}.quick-view{width:600px}.quick-view__image-container{position:relative;background:var(--color-gray-100);width:100%;height:400px}.quick-view__image{object-fit:contain;width:100%;height:100%}.quick-view__carousel-btn{position:absolute;border-radius:var(--border-radius-full);background:var(--color-white);box-shadow:var(--shadow-md);display:flex;border:none;justify-content:center;align-items: center;width:40px;height:40px;top:50%;transform:translateY(-50%)}.quick-view__carousel-btn--prev{left:var(--spacing-md)}.quick-view__carousel-btn--next{right:var(--spacing-md)}.quick-view__details{padding:var(--spacing-lg)}.quick-view__name{font-size:var(--font-size-xl);margin:0 0 var(--spacing-sm);font-weight:600}.quick-view__brand{font-size:var(--font-size-base);color:var(--color-gray-500);margin:0 0 var(--spacing-md)}.quick-view__price{font-size:var(--font-size-xl);color:var(--color-gray-900);margin:0 0 var(--spacing-md);font-weight:700}.quick-view__supplier{font-size:var(--font-size-sm);color:var(--color-gray-500)}.quick-view__color{font-size:var(--font-size-sm);color:var(--color-gray-600);margin:0 0 var(--spacing-sm)}.quick-view__sizes{font-size:var(--font-size-sm);color:var(--color-gray-600);margin:0 0 var(--spacing-md)}.quick-view__sizes-label{font-weight:500}.quick-view__dots{position:absolute;bottom:var(--spacing-md);display:flex;gap:var(--spacing-xs);left:50%;transform:translate(-50%)}.quick-view__dot{cursor:pointer;background:#ffffff80;border-radius:50%;width:8px;height:8px}.quick-view__dot--active{background:var(--color-white)}.comparison-overlay{position:fixed;z-index:var(--z-modal-backdrop);display:flex;padding:var(--spacing-xl);background:#000000e6;justify-content:center;align-items: center;inset:0}.comparison__zoom-controls{position:absolute;top:var(--spacing-lg);display:flex;gap:var(--spacing-xs);z-index:10;left:50%;transform:translate(-50%)}.comparison__close-btn{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);border-radius:var(--border-radius-full);display:flex;color:var(--color-white);cursor:pointer;z-index:10;transition:background var(--transition-fast);background:#ffffff1a;border:none;justify-content:center;align-items: center;width:40px;height:40px}.comparison__close-btn:hover{background:#fff3}.comparison__control-btn{border-radius:var(--border-radius-full);display:flex;color:var(--color-white);cursor:pointer;transition:background var(--transition-fast),opacity var(--transition-fast);background:#ffffff1a;border:none;justify-content:center;align-items: center;width:40px;height:40px}.comparison__control-btn:hover:not(:disabled){background:#fff3}.comparison__control-btn:disabled{opacity:.3;cursor:not-allowed}.comparison__grid{--thumb-min:120px;display:flex;overflow-x:auto;overflow-y:auto;box-sizing:border-box;justify-content:center;align-items:stretch;gap:24px;width:100%;max-height:calc(100vh - 64px);padding:32px}.comparison__product{display:flex;flex-wrap:wrap;flex:1;align-content:safe center;gap:8px;min-width:200px;max-width:600px}.comparison__thumb{width:var(--thumb-min);aspect-ratio:4/5;border-radius:var(--border-radius-md);overflow:hidden;cursor:pointer;background:var(--color-gray-900);transition:transform var(--transition-fast),box-shadow var(--transition-fast);border:none;padding:0}.comparison__thumb:hover{box-shadow:0 0 0 2px var(--color-white);transform:scale(1.03)}.comparison__thumb img{object-fit:cover;width:100%;height:100%}.comparison__row-view{display:flex;align-items: center;gap:var(--spacing-lg);flex-direction:column;max-width:100%}.comparison__row-images{display:flex;justify-content:flex-start;gap:var(--spacing-lg);overflow-x:auto;padding:var(--spacing-md);max-width:calc(100vw - 64px);max-height:calc(100vh - 150px)}.comparison__row-image{border-radius:var(--border-radius-md);overflow:hidden;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);background:0 0;border:none;flex-shrink:0;width:300px;height:calc(100vh - 220px);padding:0}.comparison__row-image:hover{transform:scale(1.02)}.comparison__row-image img{object-fit:contain;width:100%;height:100%}.comparison__row-nav{display:flex;align-items: center;gap:var(--spacing-md)}.comparison__nav-btn{border-radius:var(--border-radius-full);display:flex;color:var(--color-white);cursor:pointer;transition:background var(--transition-fast);background:#ffffff1a;border:none;justify-content:center;align-items: center;width:44px;height:44px}.comparison__nav-btn:hover{background:#fff3}.comparison__row-indicator{font-size:var(--font-size-base);color:#ffffffb3;text-align:center;min-width:60px}.comparison__single-view{display:flex;cursor:zoom-out;justify-content:center;align-items: center;width:100%;height:100%}.comparison__single-image{object-fit:contain;border-radius:var(--border-radius-md);cursor:default;max-width:calc(100vw - 80px);max-height:calc(100vh - 80px)}.share-modal-overlay{position:fixed;backdrop-filter:blur(4px);z-index:1000;display:flex;padding:var(--spacing-md);background:#00000080;justify-content:center;align-items: flex-start;padding-top:15vh;inset:0}.share-modal{position:relative;background:var(--color-surface);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);overflow:hidden;width:100%;max-width:400px}.share-modal-header{display:flex;padding:var(--spacing-sm)var(--spacing-md);justify-content:flex-end}.share-modal-close{display:flex;border-radius:var(--border-radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items: center;width:24px;height:24px}.share-modal-close:hover{background:var(--color-gray-100);color:var(--color-text)}.share-modal-body{display:flex;gap:var(--spacing-lg);padding:var(--spacing-lg);flex-direction:column;min-height:180px;padding-top:0}.share-setting-row{display:flex;align-items: center;gap:var(--spacing-sm)}.share-setting-label{font-size:var(--font-size-base);color:var(--color-text);flex:1;font-weight:600}.share-setting-status{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:right;min-width:60px}.pill-toggle-mini{position:relative;border-radius:var(--border-radius-full);background:var(--color-gray-200);cursor:pointer;transition:background var(--transition-fast);border:none;flex-shrink:0;width:40px;height:22px}.pill-toggle-mini:disabled{cursor:not-allowed;opacity:.6}.pill-toggle-mini.enabled{background:var(--color-primary)}.pill-toggle-knob{position:absolute;border-radius:var(--border-radius-full);background:var(--color-white);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast);width:18px;height:18px;top:2px;left:2px}.pill-toggle-mini.enabled .pill-toggle-knob{transform:translate(18px)}.share-link-section-compact .share-link-label{display:block;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin-bottom:var(--spacing-xs);font-weight:600}.share-link-row{display:flex;gap:var(--spacing-sm)}.share-link-input{padding:var(--spacing-sm)var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-md);font-size:var(--font-size-base);color:var(--color-primary);cursor:text;flex:1}.share-link-input:focus{outline:none;border-color:var(--color-primary)}.share-link-copy-btn{display:flex;border:1px solid var(--color-border);border-radius:var(--border-radius-md);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items: center;width:40px;height:40px}.share-link-copy-btn:hover{background:var(--color-gray-100);color:var(--color-text)}.share-link-copy-btn.copied{background:var(--color-success);border-color:var(--color-success);color:#fff}.share-permissions-compact .share-permissions-label{display:block;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);font-weight:600}.share-permissions-toggles{display:flex;gap:var(--spacing-lg)}.permission-toggle{display:flex;align-items: center;gap:var(--spacing-sm);color:var(--color-text);cursor:pointer;font-size:.875rem}.permission-toggle span{user-select:none;font-weight:500}.product-card{background:var(--color-surface);border-radius:var(--border-radius-card);overflow:hidden;border:1px solid var(--color-card-border);cursor:pointer;position:relative;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #1a161205,0 8px 16px #1a16120a}.product-card:hover{border-color:var(--color-card-border-hover);transform:translateY(-4px);box-shadow:0 4px 6px #1a161205,0 12px 24px #1a161214,0 24px 48px #1a16120f}.product-card__image-container{position:relative;height:var(--card-image-height);background:var(--color-gray-100);overflow:hidden;width:100%}.product-card__image{object-fit:cover;width:100%;height:100%}.product-card__delete-btn{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);border-radius:var(--border-radius-full);background:var(--color-white);display:flex;opacity:0;transition:opacity var(--transition-fast);z-index:10;border:none;justify-content:center;align-items: center;width:24px;height:24px}.product-card__image-zone{position:absolute;cursor:pointer;z-index:5;width:33%;top:0;bottom:0}.product-card__image-zone--left{left:0}.product-card__image-zone--right{right:0}.product-card:hover .product-card__delete-btn{opacity:1}.product-card__delete-btn:hover{background:var(--color-danger);color:var(--color-white)}.product-card__info{position:relative;padding:var(--spacing-md)var(--spacing-lg);display:flex;overflow:hidden;flex-direction:column;height:160px}.product-card__info:before{content:"";position:absolute;opacity:.13;mix-blend-mode:multiply;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");inset:0}.product-card__info>*{position:relative;z-index:1}.product-card__source-btn{position:absolute;bottom:var(--spacing-md);right:var(--spacing-md);display:inline-flex;border-radius:var(--border-radius-sm);color:var(--color-text-secondary);text-decoration:none;pointer-events:auto;z-index:10;background:0 0;align-items: center;gap:4px;padding:4px 8px;transition:all .15s;font-size:.75rem;font-weight:500}.product-card__source-btn:hover{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary)10%,transparent);text-decoration:none}.product-card__brand{color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--spacing-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;height:1.2em;font-size:.75rem;font-weight:600}.product-card__name{color:var(--color-text);margin:0 0 var(--spacing-xs);display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;-webkit-box-orient:vertical;flex-shrink:0;height:2.6em;font-size:1rem;font-weight:500;line-height:1.3}.product-card__supplier{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--spacing-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;height:1.2em;font-size:.75rem;font-weight:600}.product-card__price{font-family:var(--font-family);color:var(--color-text);margin:auto 0 0;font-size:1.125rem;font-weight:600}.product-card__price--unavailable{font-family:var(--font-family);color:var(--color-text-secondary);font-size:.875rem;font-style:italic;font-weight:400}.product-card__sold-badge{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);background:var(--color-text);color:var(--color-bg);font-size:var(--font-size-xs);border-radius:var(--border-radius-full);z-index:10;padding:4px 10px;font-weight:600}.product-card__vote-overlay{position:absolute;bottom:var(--spacing-sm);right:var(--spacing-sm);z-index:10}.single-card{position:relative;min-width:0}.single-card--merge-target{box-shadow:0 0 0 3px var(--color-primary);transition:transform var(--transition-fast),box-shadow var(--transition-fast);transform:scale(1.02)}.card-stack{position:relative;cursor:pointer;min-width:0}.card-stack:not(.card-stack--fanned):hover{transform:translateY(-4px)}.card-stack:not(.card-stack--fanned) .card-stack__slot:not(:first-of-type) .product-card{box-shadow:none}.card-stack:not(.card-stack--fanned) .product-card:hover{transform:none}.card-stack--fanned{z-index:100}.card-stack:hover{z-index:50}.card-stack__slot{position:absolute;transform-origin:bottom center;width:100%;top:0;left:0}.card-stack__slot:first-of-type{position:relative}.card-stack--fanned .card-stack__slot .product-card{transition:box-shadow .2s}.card-stack--fanned .card-stack__slot:hover .product-card:not(.product-card--selected):not(.product-card--delete-selected){box-shadow:var(--shadow-lg)}.card-stack--fanned .card-stack__slot:hover .product-card.product-card--selected{box-shadow:var(--shadow-lg),0 0 0 3px var(--color-primary)}.card-stack--fanned .card-stack__slot:hover .product-card.product-card--delete-selected{box-shadow:var(--shadow-lg),0 0 0 3px var(--color-danger)}.card-stack__slot--lifted{pointer-events:none}.card-stack--merge-target{box-shadow:0 0 0 3px var(--color-primary);transition:transform var(--transition-fast),box-shadow var(--transition-fast);transform:scale(1.02)}.product-card--mini{width:140px}.product-card--mini .product-card__image-container{height:175px}.product-card--mini .product-card__info{display:flex;flex-direction:column;height:64px;padding:8px 10px}.product-card--mini .product-card__brand{font-size:var(--font-size-xs);margin-bottom:var(--spacing-2xs);flex-shrink:0;height:auto}.product-card--mini .product-card__name{-webkit-line-clamp:1;flex-shrink:0;height:auto;margin-bottom:0;font-size:12px;line-height:1.25}.product-card--mini .product-card__supplier{display:none}.product-card--mini .product-card__price{font-size:var(--font-size-sm);margin-top:auto;font-weight:600}.product-card--mini .product-card__price--unavailable{font-size:var(--font-size-xs)}.product-card--mini .product-card__source-btn{display:none}.product-card__info{position:relative;padding:var(--spacing-sm)var(--spacing-md);height:120px}.product-card__price{position:absolute;bottom:var(--spacing-sm);left:var(--spacing-md)}.product-card__name{-webkit-line-clamp:3;height:3.9em;margin:0;transition:opacity .25s,transform .25s}.product-card:hover .product-card__name,.card-stack:hover .product-card__name{opacity:0;transform:translateY(-12px)}.product-card__brand,.product-card__supplier{position:absolute;left:var(--spacing-md);right:var(--spacing-md);opacity:0;margin:0;transition:opacity .25s,transform .25s;transform:translateY(12px)}.product-card__brand{top:var(--spacing-sm)}.product-card__supplier{top:calc(var(--spacing-sm) + 1.4em)}.product-card__source-btn{opacity:0;transition:opacity .25s,transform .25s;transform:translateY(8px)}.product-card:hover .product-card__brand,.product-card:hover .product-card__supplier,.product-card:hover .product-card__source-btn,.card-stack:hover .product-card__brand,.card-stack:hover .product-card__supplier,.card-stack:hover .product-card__source-btn,.card-stack--fanned .card-stack__slot:hover .product-card__brand,.card-stack--fanned .card-stack__slot:hover .product-card__supplier,.card-stack--fanned .card-stack__slot:hover .product-card__source-btn{opacity:1;transform:translateY(0)}.card-stack--fanned .card-stack__slot:hover .product-card__name{opacity:0;transform:translateY(-12px)}.grid-container{transition:opacity .15s ease-out}.grid-container--fetching{opacity:.6;pointer-events:none}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,var(--card-width));padding:var(--spacing-md)0;justify-content:center;gap:28px}.drag-placeholder{pointer-events:none;min-width:0;height:1px}.product-grid.is-dragging .card-stack,.product-grid.is-dragging .single-card{pointer-events:none}.product-grid.is-dragging{user-select:none}.physical-drag-card{position:fixed;z-index:9999;pointer-events:none;cursor:grabbing;border-radius:var(--border-radius-card);top:0;left:0}.physical-drag-card .product-card{box-shadow:none;width:100%;transition:none}.physical-drag-card .product-card:hover{transform:none}.physical-drag-card__count{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);background:var(--color-gray-900);color:var(--color-white);font-size:var(--font-size-xs);border-radius:var(--border-radius-full);z-index:10;padding:2px 8px;font-weight:600}.physical-drag-card__trailing{border-radius:var(--border-radius-card);overflow:hidden}.physical-drag-card__trailing .product-card{box-shadow:none;width:100%;transition:none}.physical-drag-card__trailing .product-card:hover{transform:none}.product-card--selected{box-shadow:var(--shadow-sm),0 0 0 3px var(--color-primary)}.product-card--selected:hover{box-shadow:var(--shadow-md),0 0 0 3px var(--color-primary)}.product-card--delete-selected{box-shadow:var(--shadow-sm),0 0 0 3px var(--color-danger)}.product-card--delete-selected:hover{box-shadow:var(--shadow-md),0 0 0 3px var(--color-danger)}.product-card--delete-selected:after{content:"";position:absolute;background:color-mix(in srgb,var(--color-danger)25%,transparent);border-radius:var(--border-radius-md);pointer-events:none;z-index:10;inset:0}.product-card--delete-selected .product-card__image{opacity:.7}.selection-bar{position:fixed;bottom:var(--spacing-xl);background:var(--color-surface);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);padding:var(--spacing-md)var(--spacing-md)var(--spacing-md)var(--spacing-lg);display:flex;align-items:stretch;gap:var(--spacing-lg);z-index:var(--z-selection-bar);transition:transform var(--transition-normal),opacity var(--transition-normal);left:50%;transform:translate(-50%)translateY(0)}.selection-bar--hidden{transform:translateX(-50%)translateY(calc(100% + var(--spacing-xl)));opacity:0;pointer-events:none}.selection-bar__close{display:flex;border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;border-radius:var(--border-radius-md);transition:all var(--transition-fast);background:0 0;justify-content:center;align-items: center;width:36px}.selection-bar__close:hover{border-color:var(--color-danger);color:var(--color-danger)}.selection-bar__close svg{width:16px;height:16px}.selection-bar__thumbnails{display:flex;align-items: center;gap:var(--spacing-sm);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;max-width:480px}.selection-bar__thumbnails::-webkit-scrollbar{display:none}.selection-bar__thumbnail-wrapper{position:relative;cursor:pointer;flex-shrink:0}.selection-bar__thumbnail-wrapper:after{content:"×";position:absolute;color:#fff;display:flex;border-radius:var(--border-radius-md);opacity:0;transition:opacity var(--transition-fast);pointer-events:none;background:#ef4444b3;justify-content:center;align-items: center;font-size:1.5rem;font-weight:700;inset:0}.selection-bar__thumbnail-wrapper:hover:after{opacity:1}.selection-bar__thumbnail{border-radius:var(--border-radius-md);object-fit:cover;display:block;border:2px solid #0000;width:80px;height:80px}.selection-bar__actions{display:flex;align-items:stretch;gap:var(--spacing-xs);flex-shrink:0}.selection-bar__actions-stack{display:flex;gap:var(--spacing-xs);flex-direction:column}.selection-bar__btn{display:inline-flex;border-radius:var(--border-radius-md);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-fast);border:1px solid var(--color-border);color:var(--color-text-secondary);background:0 0;justify-content:center;align-items: center;gap:6px;padding:10px 18px;font-weight:500}.selection-bar__btn:hover{border-color:var(--color-gray-400);color:var(--color-text)}.selection-bar__btn:disabled{opacity:.5;cursor:not-allowed}.selection-bar__btn--primary{color:var(--color-primary);border-color:var(--color-primary-light)}.selection-bar__btn--primary:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.selection-bar__btn--secondary{color:var(--color-accent);border-color:var(--color-accent-light)}.selection-bar__btn--secondary:hover{background:var(--color-accent-light);border-color:var(--color-accent);color:var(--color-accent)}.selection-bar__btn--danger{align-self:stretch}.selection-bar__btn--danger:hover{border-color:var(--color-danger);color:var(--color-danger)}.delete-toolbar{position:fixed;bottom:var(--spacing-xl);background:var(--color-surface);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);padding:var(--spacing-md);display:flex;align-items:stretch;gap:var(--spacing-sm);z-index:var(--z-selection-bar);left:50%;transform:translate(-50%)}.delete-toolbar__btn{display:inline-flex;border-radius:var(--border-radius-md);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-fast);border:1px solid var(--color-border);color:var(--color-text-secondary);background:0 0;justify-content:center;align-items: center;gap:6px;padding:10px 18px;font-weight:500}.delete-toolbar__btn:hover{border-color:var(--color-gray-400);color:var(--color-text)}.delete-toolbar__btn:disabled{opacity:.5;cursor:not-allowed}.delete-toolbar__btn--danger{background:color-mix(in srgb,var(--color-danger)15%,transparent);border-color:color-mix(in srgb,var(--color-danger)40%,transparent);color:var(--color-danger)}.delete-toolbar__btn--danger:hover{background:color-mix(in srgb,var(--color-danger)25%,transparent);border-color:var(--color-danger);color:var(--color-danger-hover)}.pagination{display:flex;justify-content:center;align-items: center;gap:var(--spacing-md);padding:var(--spacing-lg)0}.pagination__info{font-size:var(--font-size-sm);color:var(--color-gray-500)}.loading{display:flex;padding:var(--spacing-2xl);color:var(--color-gray-500);justify-content:center;align-items: center}.spinner{border:3px solid var(--color-gray-200);border-top-color:var(--color-primary);animation:spin .8s linear infinite;border-radius:50%;width:32px;height:32px}.empty-state{text-align:center;padding:var(--spacing-2xl);color:var(--color-gray-500)}.empty-state__title{font-size:var(--font-size-lg);margin:0 0 var(--spacing-sm);font-weight:500}.empty-state__description{font-size:var(--font-size-sm);margin:0}.spinner-small{animation:spin .8s linear infinite;display:inline-block;border:2px solid #00000040;border-top-color:currentColor;border-radius:50%;width:18px;height:18px}.coachmark-overlay{position:fixed;z-index:1000;pointer-events:auto;background:#00000080;inset:0}.coachmark-spotlight{position:relative;z-index:1001}.coachmark-hint{position:absolute;z-index:1002;display:flex;pointer-events:none;animation:coachmark-hint-enter .4s ease-out;flex-direction:column;align-items: center;top:-12px;left:50%;transform:translate(-50%)translateY(-100%)}@keyframes coachmark-hint-enter{0%{opacity:0;transform:translate(-50%)translateY(-100%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(-100%)translateY(0)}}.coachmark-hint__text{color:#fff;white-space:nowrap;background:#000000d9;border-radius:12px;padding:12px 20px;font-family:Plus Jakarta Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:15px;font-weight:600;box-shadow:0 4px 20px #0000004d}.coachmark-hint__arrow{border-top:10px solid #000000d9;border-left:10px solid #0000;border-right:10px solid #0000;width:0;height:0}.coachmark{position:absolute;z-index:10;display:flex;border-radius:var(--border-radius-full);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:coachmark-enter .3s ease-out;pointer-events:auto;background:#1a1612d9;align-items: center;gap:6px;padding:6px 10px;bottom:130px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #00000026,0 0 0 1px #ffffff1a}@keyframes coachmark-enter{0%{opacity:0;transform:translate(-50%)translateY(4px)scale(.95)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.coachmark__icon{opacity:.9;font-size:12px}.coachmark__text{color:#fffffff2;white-space:nowrap;letter-spacing:.01em;font-size:11px;font-weight:500}.coachmark__dismiss{display:flex;border-radius:var(--border-radius-full);color:#fff9;cursor:pointer;background:0 0;border:none;justify-content:center;align-items: center;width:16px;height:16px;margin-left:2px;transition:all .15s}.coachmark__dismiss:hover{color:#ffffffe6;background:#ffffff26}[data-theme=dark] .coachmark{background:#282724e6;box-shadow:0 2px 8px #0000004d,0 0 0 1px #ffffff0d}.product-card-wrapper{position:relative}.product-card-wrapper--has-coachmark:before{content:"";position:absolute;z-index:1;pointer-events:none;background:conic-gradient(from var(--border-angle,0deg),#b85c38 0deg,#e8d4c8 60deg,#fff 90deg,#e8d4c8 120deg,#b85c38 180deg,#b85c38 360deg);animation:border-rotate 3s linear infinite;border-radius:18px;inset:-2px}.product-card-wrapper--has-coachmark:after{content:"";position:absolute;z-index:2;background:var(--color-bg,#faf8f5);pointer-events:none;border-radius:16px;inset:0}.product-card-wrapper--has-coachmark .product-card{position:relative;z-index:3}@property --border-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes border-rotate{to{--border-angle:360deg}}.coachmark-label{position:absolute;z-index:10;pointer-events:auto;cursor:default;overflow:hidden;background:#fff;border:2px solid #b85c38;border-radius:4px;padding:5px 14px;top:-1px;left:50%;transform:translate(-50%)translateY(-50%)}.coachmark-label:before{content:"";position:absolute;animation:label-shine 3s linear infinite;background:linear-gradient(90deg,#0000 0%,#ffffffb3 50%,#0000 100%);width:80%;height:100%;top:0;left:-100%}@keyframes label-shine{0%{left:-100%;opacity:0}20%{opacity:1}40%{left:120%;opacity:1}41%,to{left:120%;opacity:0}}.coachmark-label__text{position:relative;z-index:2;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;color:#b85c38;font-family:Plus Jakarta Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:11px;font-weight:600}[data-theme=dark] .product-card-wrapper--has-coachmark:before{background:conic-gradient(from var(--border-angle,0deg),#d4714a 0deg,#4a3830 60deg,#6b5545 90deg,#4a3830 120deg,#d4714a 180deg,#d4714a 360deg)}[data-theme=dark] .product-card-wrapper--has-coachmark:after{background:var(--color-bg,#1c1b19)}[data-theme=dark] .coachmark-label{background:#282724;border-color:#d4714a}[data-theme=dark] .coachmark-label__text{color:#d4714a}.collections-header{display:flex;margin-bottom:var(--spacing-lg);justify-content:flex-start}.collections-list{display:flex;gap:var(--spacing-lg);margin-top:var(--spacing-lg);flex-direction:column}.collection-row{position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);transition:box-shadow var(--transition-normal),border-color var(--transition-normal);overflow:hidden}.collection-row:before{content:"";position:absolute;border-radius:var(--border-radius-lg);opacity:.06;mix-blend-mode:multiply;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");inset:0}.collection-row>*{position:relative;z-index:1}.collection-row:hover{box-shadow:var(--shadow-md);border-color:var(--color-gray-300)}.collection-row__header{display:flex;align-items: center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.collection-row__name{color:var(--color-primary);text-decoration:none;cursor:pointer;font-size:1.1rem;font-weight:600}.collection-row__name:hover{text-decoration:underline}.collection-row__status{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.collection-row__actions{display:flex;justify-content:space-between;align-items: center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.collection-row__actions-left{display:flex;align-items: center;gap:var(--spacing-sm)}.collection-tray{display:flex;align-items: flex-start;gap:var(--spacing-md);padding:var(--spacing-md)0;overflow-x:auto;cursor:grab;scrollbar-width:none;-ms-overflow-style:none}.collection-tray::-webkit-scrollbar{display:none}.collection-tray--dragging{cursor:grabbing;user-select:none}.collection-tray--dragging .product-card{pointer-events:none}.tray-card-wrapper{flex-shrink:0;width:140px}.tray-card-wrapper--wiggle .product-card{animation:wiggle .2s ease-in-out infinite}.tray-card-wrapper--selected .product-card{box-shadow:0 0 0 2px var(--color-danger)}.collections-empty{display:flex;text-align:center;padding:var(--spacing-2xl);color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);margin-top:var(--spacing-lg);flex-direction:column;justify-content:center;align-items: center}.collections-empty__icon{margin-bottom:var(--spacing-md);color:var(--color-gray-400);width:48px;height:48px}.collections-empty__title{font-family:var(--font-display);color:var(--color-text);margin:0 0 var(--spacing-sm);font-size:1.25rem;font-weight:500}.collections-empty__description{max-width:300px;margin:0;line-height:1.5}.collection-row__delete-controls{display:flex;align-items: center;gap:var(--spacing-sm)}.collection-actions-bar{display:flex;padding:var(--spacing-md)0;margin-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items: center}.collection-actions-bar__primary{display:flex;align-items: center;gap:var(--spacing-sm)}.collection-action-btn{display:inline-flex;border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);align-items: center;gap:4px;padding:4px 10px;font-weight:500}.collection-action-btn:hover{border-color:var(--color-gray-400);color:var(--color-text)}.collection-action-btn--primary{color:var(--color-primary);border-color:var(--color-primary-light)}.collection-action-btn--primary:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.collection-action-btn--secondary:hover{border-color:var(--color-accent);color:var(--color-accent)}.collection-action-btn--danger:hover{border-color:var(--color-danger);color:var(--color-danger)}.collection-action-btn--confirming{background:var(--color-danger);border-color:var(--color-danger);color:#fff}.collection-action-btn--confirming:hover{background:var(--color-danger-hover)}.collection-action-btn:disabled{opacity:.6;cursor:not-allowed}.collection-detail__loading,.collection-detail__error{display:flex;padding:var(--spacing-2xl);text-align:center;color:var(--color-text-secondary);flex-direction:column;justify-content:center;align-items: center}.collection-detail__error h2{font-size:var(--font-size-lg);color:var(--color-text);margin:0 0 var(--spacing-sm);font-weight:600}.collection-detail__error p{margin:0 0 var(--spacing-sm)}.collection-detail__error-hint{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin-top:var(--spacing-md)}.collection-detail__actions-row{display:flex;margin-bottom:var(--spacing-lg);justify-content:flex-end}.collection-detail__actions{display:flex;align-items: center;gap:var(--spacing-sm)}.collection-detail__actions .btn{display:inline-flex;align-items: center;gap:var(--spacing-sm)}.collection-detail__meta{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.collection-detail__grid{display:grid;grid-template-columns:repeat(auto-fill,var(--card-width));gap:var(--spacing-lg);margin-top:var(--spacing-lg);justify-content:center}.collection-detail__grid--delete-mode .product-card,.collection-detail__grid--select-mode .product-card{cursor:pointer}.collection-detail__grid--select-mode .product-card--selected{border:3px solid var(--color-primary)}.vote-button-container{position:relative}.vote-button{display:flex;align-items: center;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-sm);border-radius:var(--border-radius-full);cursor:pointer;transition:all var(--transition-fast);color:var(--color-gray-500);box-shadow:var(--shadow-sm);background:#fffffff2;border:none}.vote-button:hover{background:var(--color-white);box-shadow:var(--shadow-md)}.vote-button--voted{color:var(--color-danger);background:var(--color-white)}.vote-button--voted:hover{color:var(--color-danger-hover)}.vote-button:disabled{opacity:.6;cursor:not-allowed}.vote-button__count{font-size:var(--font-size-xs);font-weight:600}.vote-button__tooltip{position:absolute;background:var(--color-gray-900);color:var(--color-white);font-size:var(--font-size-xs);padding:var(--spacing-sm)var(--spacing-sm);border-radius:var(--border-radius-sm);white-space:nowrap;pointer-events:none;z-index:20;overflow:hidden;text-overflow:ellipsis;max-width:200px;bottom:calc(100% + 8px);right:0}.vote-button__tooltip:after{content:"";position:absolute;border:5px solid #0000;border-top-color:var(--color-gray-900);top:100%;right:12px}.add-items-modal-overlay{position:fixed;backdrop-filter:blur(4px);display:flex;z-index:var(--z-modal-backdrop);padding:var(--spacing-lg);background:#00000080;justify-content:center;align-items: center;inset:0}.add-items-modal{background:var(--color-surface);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);display:flex;z-index:var(--z-modal);overflow:hidden;flex-direction:column;width:100%;max-width:720px;max-height:80vh}.add-items-modal__body{overflow-y:auto;padding:var(--spacing-lg);flex:1}.add-items-modal__loading,.add-items-modal__empty{display:flex;padding:var(--spacing-2xl);text-align:center;color:var(--color-text-secondary);flex-direction:column;justify-content:center;align-items: center}.add-items-modal__empty-hint{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--spacing-sm)}.add-items-modal__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--spacing-md)}.add-items-modal__footer{display:flex;align-items: center;gap:var(--spacing-sm);padding:var(--spacing-md)var(--spacing-xl);border-top:1px solid var(--color-border);background:var(--color-gray-50)}.add-items-modal__add-btn{flex:4}.add-items-modal__footer .btn--ghost{flex:1}.add-items-card{position:relative;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius-md);overflow:hidden;cursor:pointer;transition:all var(--transition-fast)}.add-items-card:hover{border-color:var(--color-gray-300);box-shadow:var(--shadow-sm)}.add-items-card--selected{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.add-items-card__image{position:relative;aspect-ratio:1;background:var(--color-gray-100)}.add-items-card__image img{object-fit:cover;width:100%;height:100%}.add-items-card__placeholder{background:var(--color-gray-100);width:100%;height:100%}.add-items-card__check{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:var(--color-primary);border-radius:var(--border-radius-full);display:flex;color:#fff;justify-content:center;align-items: center;width:28px;height:28px}.add-items-card__info{padding:var(--spacing-sm)}.add-items-card__name{display:block;font-size:var(--font-size-xs);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.add-items-card__price{display:block;font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:2px;font-weight:600}.billing-page{background:var(--color-bg);min-height:100vh}.billing-layout{padding:var(--spacing-2xl)var(--spacing-lg);display:flex;align-items: center;gap:var(--spacing-2xl);flex-direction:column;max-width:1152px;margin:0 auto}.alert{display:flex;align-items: center;gap:var(--spacing-sm);padding:var(--spacing-md)var(--spacing-lg);border-radius:var(--border-radius-lg);font-size:var(--font-size-base);width:100%;max-width:500px;font-weight:500}.alert svg{flex-shrink:0}.alert-success{background:var(--color-accent-light);border:1px solid var(--color-success);color:var(--color-success)}.alert-warning{background:color-mix(in srgb,var(--color-warning)12%,transparent);border:1px solid var(--color-warning);color:var(--color-warning)}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);margin-top:var(--spacing-2xl);width:100%}@media (max-width:768px){.plans-grid{grid-template-columns:1fr;max-width:360px}}.plan-card{background:var(--color-surface);border:2px var(--color-border-strong);padding:var(--spacing-2xl)var(--spacing-xl)var(--spacing-xl);display:flex;align-items: center;gap:var(--spacing-xl);position:relative;z-index:1;overflow:visible;zoom:1.2;border-radius:20px;flex-direction:column;transition:border-color .2s,box-shadow .2s,transform .2s}.plan-card__glow{position:absolute;z-index:-1;pointer-events:none;filter:blur(40px);opacity:.6;animation:glow-drift 8s ease-in-out infinite,glow-breathe 5s ease-in-out infinite;border-radius:70px;inset:-50px}.plan-card__glow:before{content:"";position:absolute;filter:blur(50px);opacity:.5;animation:glow-drift-reverse 11s ease-in-out infinite,glow-fade 7s ease-in-out infinite;border-radius:90px;inset:-20px}.plan-card__glow:after{content:"";position:absolute;filter:blur(30px);opacity:.4;animation:glow-wander 13s ease-in-out infinite,glow-pulse 4s ease-in-out infinite;border-radius:60px;inset:10px}@keyframes glow-drift{0%,to{transform:translate(0)scale(1)}25%{transform:translate(8px,-5px)scale(1.02)}50%{transform:translate(-5px,8px)scale(.98)}75%{transform:translate(-8px,-3px)scale(1.01)}}@keyframes glow-drift-reverse{0%,to{transform:translate(0)scale(1.02)}33%{transform:translate(-10px,6px)scale(.97)}66%{transform:translate(6px,-8px)scale(1.03)}}@keyframes glow-wander{0%,to{transform:translate(0)}20%{transform:translate(12px,5px)}40%{transform:translate(-8px,12px)}60%{transform:translate(-12px,-6px)}80%{transform:translate(5px,-10px)}}@keyframes glow-breathe{0%,to{opacity:.5}50%{opacity:.7}}@keyframes glow-fade{0%,to{opacity:.4}30%{opacity:.6}70%{opacity:.3}}@keyframes glow-pulse{0%,to{opacity:.3}50%{opacity:.5}}.plan-card__glow--free{background:radial-gradient(at 30% 40%,#786e64cc,#504b4666)}.plan-card__glow--free:before{background:radial-gradient(at 70% 60%,#645f55b3,#0000)}.plan-card__glow--free:after{background:radial-gradient(at 40% 70%,#5a554b99,#0000)}.plan-card__glow--plus{background:radial-gradient(at 30% 40%,#dc6432b3,#b450284d)}.plan-card__glow--plus:before{background:radial-gradient(at 70% 30%,#f0783c99,#0000)}.plan-card__glow--plus:after{background:radial-gradient(at 50% 80%,#c85a2d80,#0000)}.plan-card__glow--pro{background:radial-gradient(at 30% 40%,#32a064b3,#2878504d)}.plan-card__glow--pro:before{background:radial-gradient(at 70% 30%,#3cb46e99,#0000)}.plan-card__glow--pro:after{background:radial-gradient(at 50% 80%,#2d8c5a80,#0000)}.plan-card:before{content:"";position:absolute;opacity:.04;mix-blend-mode:multiply;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");border-radius:18px;inset:0}.plan-card>*{position:relative;z-index:1}.plan-card--current{border-style:solid}.plan-card--free{box-shadow:0 25px 50px -12px #00000026}.plan-card--free:hover{transform:translateY(-2px);box-shadow:0 30px 60px -15px #0000002e}.plan-card--free .plan-card__divider{background:var(--color-text-muted)}.plan-card--plus{box-shadow:0 25px 50px -12px #b85c3833}.plan-card--plus:hover{transform:translateY(-2px);box-shadow:0 30px 60px -15px #b85c3840}.plan-card--plus .plan-card__divider{background:var(--color-primary)}.plan-card--pro{box-shadow:0 25px 50px -12px #2c554533}.plan-card--pro:hover{transform:translateY(-2px);box-shadow:0 30px 60px -15px #2c554540}.plan-card--pro .plan-card__divider{background:var(--color-accent)}.plan-card__header{display:flex;align-items: center;gap:var(--spacing-xs);flex-direction:column}.plan-card__name{font-family:var(--font-display);font-size:var(--font-size-2xl);color:var(--color-text);margin:0;font-style:italic;font-weight:400}.plan-card__tagline{font-size:var(--font-size-sm);color:var(--color-text-muted);letter-spacing:.02em}.plan-card__price{display:flex;align-items:baseline;gap:1px}.plan-card__price-amount{font-family:var(--font-display);color:var(--color-text);letter-spacing:-.02em;font-size:3.5rem;font-weight:300;line-height:1}.plan-card__price-period{font-size:var(--font-size-base);color:var(--color-text-muted);margin-left:2px}.plan-card__divider{background:var(--color-border);border-radius:1px;width:40px;height:2px}.plan-card__feature{text-align:center;display:flex;justify-content:center;align-items: center;min-height:48px}.plan-card__feature-limit{font-size:var(--font-size-base);color:var(--color-text-secondary);display:flex;align-items: center;gap:var(--spacing-xs);font-weight:600}.plan-card--free .plan-card__feature-limit{color:var(--color-gray-600)}.plan-card--plus .plan-card__feature-limit{color:var(--color-primary)}.plan-card__feature-unlimited{font-size:var(--font-size-base);color:var(--color-accent);display:flex;align-items: center;gap:var(--spacing-xs);font-weight:600}.plan-card__feature-unlimited svg{color:var(--color-accent)}.plan-card__usage .plan-card__feature-unlimited{text-shadow:0 1px 2px #2c554526}.plan-card__usage{display:flex;justify-content:center;align-items: center;gap:var(--spacing-sm);flex-direction:column;flex:1;width:100%}.plan-card__usage-text{font-size:var(--font-size-base);color:var(--color-text-secondary);font-weight:600}.plan-card--free .plan-card__usage-text{color:var(--color-gray-600);text-shadow:0 1px 2px #524e4926}.plan-card--plus .plan-card__usage-text{color:var(--color-primary);text-shadow:0 1px 2px #b85c3826}.plan-card__btn{padding:var(--spacing-md)var(--spacing-xl);border-radius:var(--border-radius-md);font-size:var(--font-size-base);cursor:pointer;background:0 0;border:1px solid;width:100%;margin-top:auto;transition:all .2s;font-weight:500}.plan-card__btn:hover:not(:disabled){transform:translateY(-1px)}.plan-card__btn:disabled{cursor:default;opacity:.7}.plan-card--free .plan-card__btn{border-color:var(--color-gray-600);color:var(--color-gray-600)}.plan-card--free .plan-card__btn:hover:not(:disabled){box-shadow:0 6px 20px #524e494d}.plan-card--plus .plan-card__btn{border-color:var(--color-primary);color:var(--color-primary)}.plan-card--plus .plan-card__btn:hover:not(:disabled){box-shadow:0 6px 20px #b85c384d}.plan-card--pro .plan-card__btn{border-color:var(--color-accent);color:var(--color-accent)}.plan-card--pro .plan-card__btn:hover:not(:disabled){box-shadow:0 6px 20px #2c55454d}.plan-card__btn--downgrade{font-weight:400}.plan-card--free .plan-card__btn--downgrade:hover:not(:disabled){box-shadow:0 2px 8px #524e4926}.plan-card--plus .plan-card__btn--downgrade:hover:not(:disabled){box-shadow:0 2px 8px #b85c3826}.plan-card--pro .plan-card__btn--downgrade:hover:not(:disabled){box-shadow:0 2px 8px #2c554526}.subscription-manage{margin-top:var(--spacing-md)}.subscription-manage__link{color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer;background:0 0;border:none;transition:color .15s}.subscription-manage__link:hover{color:var(--color-text)}.subscription-manage__link:disabled{opacity:.5;cursor:default}.header-actions{display:flex;align-items: center;gap:var(--spacing-md);margin-left:auto}.saves-usage{display:flex;padding:var(--spacing-sm)0;text-decoration:none;transition:color var(--transition-fast),border-color var(--transition-fast);border-bottom:2px solid #0000;align-items: center}.saves-usage:hover{text-decoration:none}.saves-usage--active{border-bottom-color:var(--color-primary)}.saves-usage__text{font-size:var(--font-size-base);font-weight:600}.saves-usage--free{color:var(--color-gray-600)}.saves-usage--free:hover{color:var(--color-gray-700);border-bottom-color:var(--color-primary)}.saves-usage--plus{color:var(--color-primary)}.saves-usage--plus:hover{color:var(--color-primary-hover);border-bottom-color:var(--color-primary)}.saves-usage--pro{gap:0}.saves-usage__badge{color:#6b5820;font-size:var(--font-size-xs);padding:var(--spacing-2xs)var(--spacing-sm);border-radius:var(--border-radius-sm);text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#f5e8b0 0%,#e8d480 100%);font-weight:700}.credit-balance{display:flex;color:var(--color-text-secondary);font-size:var(--font-size-sm);padding:var(--spacing-sm)0;text-decoration:none;transition:color var(--transition-fast),border-color var(--transition-fast);border-bottom:2px solid #0000;align-items: center;font-weight:500}.credit-balance:hover{color:var(--color-text);border-bottom-color:var(--color-primary);text-decoration:none}.credit-balance__value{color:inherit}.credit-balance__label{color:inherit;margin-left:4px}.notification-wrapper{position:relative;display:flex;flex-shrink:0;align-items: center}.notification-bell{position:relative;padding:var(--spacing-sm);cursor:pointer;color:var(--color-text-secondary);transition:color var(--transition-fast);display:flex;background:0 0;border:none;justify-content:center;align-items: center}.notification-bell:hover{color:var(--color-primary)}.notification-badge{position:absolute;top:var(--spacing-2xs);right:var(--spacing-2xs);background:var(--color-danger);color:#fff;font-size:var(--font-size-xs);padding:var(--spacing-2xs)var(--spacing-xs);border-radius:var(--border-radius-full);display:flex;justify-content:center;align-items: center;min-width:18px;height:18px;font-weight:600;line-height:1}.notification-panel{position:absolute;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);z-index:1000;display:flex;flex-direction:column;width:380px;max-height:500px;top:calc(100% + 8px);right:0}.notification-header{display:flex;padding:var(--spacing-md);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items: center}.notification-header h3{font-size:var(--font-size-base);color:var(--color-text);margin:0;font-weight:600}.btn-text-small{color:var(--color-primary);font-size:var(--font-size-sm);cursor:pointer;background:0 0;border:none;padding:0;font-weight:500}.btn-text-small:hover{color:var(--color-primary-hover);text-decoration:underline}.btn-text-small:disabled{color:var(--color-gray-400);cursor:not-allowed}.notification-list{overflow-y:auto;max-height:440px}.notification-empty{display:flex;padding:var(--spacing-2xl);color:var(--color-text-secondary);flex-direction:column;justify-content:center;align-items: center}.notification-empty svg{margin-bottom:var(--spacing-md);opacity:.3}.notification-empty p{font-size:var(--font-size-base);margin:0}.notification-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);transition:background var(--transition-fast)}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:var(--color-gray-50)}.notification-icon{border-radius:var(--border-radius-full);display:flex;flex-shrink:0;justify-content:center;align-items: center;width:32px;height:32px}.notification-item.status-processing .notification-icon,.notification-item.status-received .notification-icon{background:var(--color-primary-light);color:var(--color-primary)}.notification-item.status-completed .notification-icon{background:var(--color-accent-light);color:var(--color-success)}.notification-item.status-failed .notification-icon{background:color-mix(in srgb,var(--color-danger)10%,transparent);color:var(--color-danger)}.notification-content{flex:1;min-width:0}.notification-message{margin:0 0 var(--spacing-xs)0;font-size:var(--font-size-sm);color:var(--color-text);line-height:1.4}.notification-message strong{font-weight:600}.notification-error{color:var(--color-danger);font-size:var(--font-size-sm)}.notification-preview{color:var(--color-text-secondary);font-style:italic}.notification-meta{color:var(--color-gray-400);margin:0;font-size:.75rem}.notification-spinner{border:2px solid var(--color-primary-light);border-top-color:var(--color-primary);animation:spin .8s linear infinite;border-radius:50%;width:16px;height:16px}.notification-item-share{text-decoration:none;color:inherit;cursor:pointer}.notification-item-share .notification-icon{background:var(--color-primary-light);color:var(--color-primary)}.notification-item-share.unread{background:color-mix(in srgb,var(--color-primary)5%,transparent)}.notification-item-share.unread:before{content:"";position:absolute;background:var(--color-primary);border-radius:0 2px 2px 0;width:3px;height:60%;top:50%;left:0;transform:translateY(-50%)}.notification-item-share{position:relative}.tip-banner{border-radius:var(--border-radius-lg);padding:var(--spacing-sm)var(--spacing-md);margin:var(--spacing-sm)auto;max-width:700px}.tip-banner--warm{background:var(--color-primary-light);border:1px solid color-mix(in srgb,var(--color-primary)20%,transparent)}.tip-banner__content{display:flex;align-items: center;gap:var(--spacing-sm);flex-wrap:wrap}.tip-banner__icon{font-size:var(--font-size-2xl);display:flex;flex-shrink:0;justify-content:center;align-items: center;width:32px;height:32px}.tip-banner__text{font-size:var(--font-size-sm);color:var(--color-text-secondary);flex:1;min-width:200px}.tip-banner__text strong{color:var(--color-text)}.tip-banner__btn{background:var(--color-primary);color:var(--color-white);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);text-decoration:none;white-space:nowrap;transition:all .2s;font-weight:600}.tip-banner__btn:hover{background:var(--color-primary-hover);text-decoration:none;transform:translateY(-1px)}@media (max-width:600px){.tip-banner__content{text-align:center;flex-direction:column}.tip-banner__text{min-width:auto}.tip-banner__btn{text-align:center;width:100%}}.sparkline-container{position:relative;width:100%}.sparkline{overflow:visible;width:100%;height:120px}.sparkline__grid-line{stroke:#a0908033;stroke-width:1}.sparkline__line{stroke:#9a7a28;stroke-width:2}.sparkline__spot{fill:#9a7a28;stroke:#9a7a28}.sparkline__tooltip{position:absolute;color:var(--color-text-secondary);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);white-space:nowrap;pointer-events:none;display:flex;align-items: center;gap:var(--spacing-2xs);background:#fffdf8;border:1px solid #0000000f;flex-direction:column;bottom:calc(100% + 12px);transform:translate(-50%);box-shadow:0 2px 4px #0000000f,0 4px 8px #0000000a}.sparkline__tooltip-date{color:var(--color-text-secondary)}.sparkline__tooltip-value{color:#9a7a28;font-weight:500}.visually-hidden{position:absolute;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0}.theme-switcher__trigger{padding:var(--spacing-xs);cursor:pointer;display:flex;transition:transform var(--transition-fast);background:0 0;border:none;justify-content:center;align-items: center}.theme-switcher__trigger:hover{transform:scale(1.1)}.theme-switcher__icon{display:flex;opacity:.6;filter:saturate(.5);transition:opacity var(--transition-fast),filter var(--transition-fast);justify-content:center;align-items: center}.theme-switcher__trigger:hover .theme-switcher__icon{opacity:.85;filter:saturate(.75)}