:root{--color-neutral-0:#fff;--color-neutral-50:#fafaf9;--color-neutral-100:#f5f5f4;--color-neutral-200:#e7e5e4;--color-neutral-300:#d6d3d1;--color-neutral-400:#a8a29e;--color-neutral-500:#78716c;--color-neutral-600:#57534e;--color-neutral-700:#44403c;--color-neutral-800:#292524;--color-neutral-900:#1c1917;--color-neutral-950:#0c0a09;--color-accent-50:#fff1f2;--color-accent-100:#ffe4e6;--color-accent-200:#fecdd3;--color-accent-300:#fda4af;--color-accent-400:#fb7185;--color-accent-500:#e13661;--color-accent-600:#c1246b;--color-accent-700:#a11477;--color-accent-800:#831843;--color-accent-900:#500724;--color-accent-tint:rgba(225,54,97,.08);--color-accent-tint-strong:rgba(225,54,97,.15);--color-success-50:#ecfdf5;--color-success-500:#10b981;--color-success-600:#059669;--color-success-700:#047857;--color-warning-50:#fffbeb;--color-warning-500:#f59e0b;--color-warning-600:#d97706;--color-warning-700:#b45309;--color-danger-50:#fef2f2;--color-danger-500:#ef4444;--color-danger-600:#dc2626;--color-danger-700:#b91c1c;--color-info-50:#eff6ff;--color-info-500:#3b82f6;--color-info-600:#2563eb;--color-info-700:#1d4ed8;--color-bg-page:var(--color-neutral-50);--color-bg-section:var(--color-neutral-100);--color-bg-inset:var(--color-neutral-200);--color-surface-card:var(--color-neutral-0);--color-surface-elevated:var(--color-neutral-0);--color-surface-overlay:rgba(12,10,9,.55);--color-text-primary:var(--color-neutral-900);--color-text-secondary:var(--color-neutral-600);--color-text-tertiary:var(--color-neutral-500);--color-text-muted:var(--color-neutral-400);--color-text-inverse:var(--color-neutral-0);--color-text-accent:var(--color-accent-600);--color-text-on-accent:var(--color-neutral-0);--color-text-success:var(--color-success-700);--color-text-warning:var(--color-warning-700);--color-text-danger:var(--color-danger-700);--color-text-info:var(--color-info-700);--color-border-subtle:var(--color-neutral-200);--color-border-default:var(--color-neutral-300);--color-border-strong:var(--color-neutral-400);--color-border-focus:var(--color-accent-500);--color-border-accent:var(--color-accent-500);--color-action-primary-bg:var(--color-accent-600);--color-action-primary-bg-hover:var(--color-accent-700);--color-action-primary-bg-active:var(--color-accent-800);--color-action-primary-fg:var(--color-neutral-0);--color-action-secondary-bg:var(--color-neutral-0);--color-action-secondary-bg-hover:var(--color-neutral-100);--color-action-secondary-fg:var(--color-neutral-900);--color-action-secondary-border:var(--color-neutral-300);--color-action-ghost-bg-hover:var(--color-neutral-100);--color-action-ghost-fg:var(--color-neutral-700);--color-action-danger-bg:var(--color-danger-600);--color-action-danger-bg-hover:var(--color-danger-700);--color-action-danger-fg:var(--color-neutral-0);--color-accent:var(--color-accent-500);--color-accent-hover:var(--color-accent-600);--color-accent-soft:var(--color-accent-400);--color-price:var(--color-success-700);--color-price-sale:var(--color-accent-600);--color-success-bg-subtle:var(--color-success-50);--color-warning-bg-subtle:var(--color-warning-50);--color-danger-bg-subtle:var(--color-danger-50);--color-info-bg-subtle:var(--color-info-50);--color-border-success:var(--color-success-500);--color-border-warning:var(--color-warning-500);--color-border-danger:var(--color-danger-500);--color-border-info:var(--color-info-500);--color-success-fg-strong:var(--color-success-600);--color-warning-fg-strong:var(--color-warning-600);--color-danger-fg-strong:var(--color-danger-600);--color-info-fg-strong:var(--color-info-600);--color-skeleton-base:var(--color-bg-inset);--color-skeleton-highlight:var(--color-bg-section)}[data-theme=dark]{--color-bg-page:#0a0a0a;--color-bg-section:var(--color-neutral-900);--color-bg-inset:var(--color-neutral-800);--color-surface-card:var(--color-neutral-900);--color-surface-elevated:var(--color-neutral-800);--color-surface-overlay:rgba(0,0,0,.75);--color-text-primary:var(--color-neutral-50);--color-text-secondary:var(--color-neutral-300);--color-text-tertiary:var(--color-neutral-400);--color-text-muted:var(--color-neutral-500);--color-text-inverse:var(--color-neutral-900);--color-text-accent:#f17090;--color-text-success:#34d399;--color-text-warning:#fbbf24;--color-text-danger:#f87171;--color-text-info:#60a5fa;--color-border-subtle:var(--color-neutral-800);--color-border-default:var(--color-neutral-700);--color-border-strong:var(--color-neutral-600);--color-border-focus:#f17090;--color-border-accent:#f17090;--color-action-primary-bg:var(--color-accent-600);--color-action-primary-bg-hover:var(--color-accent-700);--color-action-primary-bg-active:var(--color-accent-800);--color-action-primary-fg:var(--color-neutral-0);--color-action-secondary-bg:var(--color-neutral-800);--color-action-secondary-bg-hover:var(--color-neutral-700);--color-action-secondary-fg:var(--color-neutral-50);--color-action-secondary-border:var(--color-neutral-700);--color-action-ghost-bg-hover:var(--color-neutral-800);--color-action-ghost-fg:var(--color-neutral-200);--color-action-danger-bg:var(--color-danger-600);--color-action-danger-bg-hover:var(--color-danger-700);--color-action-danger-fg:var(--color-neutral-0);--color-accent:var(--color-accent-500);--color-accent-hover:var(--color-accent-600);--color-accent-soft:var(--color-accent-400);--color-accent-tint:rgba(241,112,144,.12);--color-accent-tint-strong:rgba(241,112,144,.22);--color-price:#34d399;--color-price-sale:#f17090;--color-success-bg-subtle:rgba(16,185,129,.14);--color-warning-bg-subtle:rgba(245,158,11,.14);--color-danger-bg-subtle:rgba(239,68,68,.14);--color-info-bg-subtle:rgba(59,130,246,.14);--color-border-success:rgba(16,185,129,.45);--color-border-warning:rgba(245,158,11,.45);--color-border-danger:rgba(239,68,68,.45);--color-border-info:rgba(59,130,246,.45);--color-success-fg-strong:#34d399;--color-warning-fg-strong:#fbbf24;--color-danger-fg-strong:#f87171;--color-info-fg-strong:#60a5fa;--color-skeleton-base:var(--color-neutral-800);--color-skeleton-highlight:var(--color-neutral-700)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg-page:#0a0a0a;--color-bg-section:var(--color-neutral-900);--color-bg-inset:var(--color-neutral-800);--color-surface-card:var(--color-neutral-900);--color-surface-elevated:var(--color-neutral-800);--color-surface-overlay:rgba(0,0,0,.75);--color-text-primary:var(--color-neutral-50);--color-text-secondary:var(--color-neutral-300);--color-text-tertiary:var(--color-neutral-400);--color-text-muted:var(--color-neutral-500);--color-text-inverse:var(--color-neutral-900);--color-text-accent:#f17090;--color-text-success:#34d399;--color-text-warning:#fbbf24;--color-text-danger:#f87171;--color-text-info:#60a5fa;--color-border-subtle:var(--color-neutral-800);--color-border-default:var(--color-neutral-700);--color-border-strong:var(--color-neutral-600);--color-border-focus:#f17090;--color-border-accent:#f17090;--color-action-primary-bg:var(--color-accent-500);--color-action-primary-bg-hover:var(--color-accent-700);--color-action-primary-bg-active:var(--color-accent-800);--color-action-primary-fg:var(--color-neutral-0);--color-action-secondary-bg:var(--color-neutral-800);--color-action-secondary-bg-hover:var(--color-neutral-700);--color-action-secondary-fg:var(--color-neutral-50);--color-action-secondary-border:var(--color-neutral-700);--color-action-ghost-bg-hover:var(--color-neutral-800);--color-action-ghost-fg:var(--color-neutral-200);--color-action-danger-bg:var(--color-danger-600);--color-action-danger-bg-hover:var(--color-danger-700);--color-action-danger-fg:var(--color-neutral-0);--color-accent:var(--color-accent-500);--color-accent-hover:var(--color-accent-600);--color-accent-soft:var(--color-accent-400);--color-accent-tint:rgba(241,112,144,.12);--color-accent-tint-strong:rgba(241,112,144,.22);--color-price:#34d399;--color-price-sale:#f17090;--color-success-bg-subtle:rgba(16,185,129,.14);--color-warning-bg-subtle:rgba(245,158,11,.14);--color-danger-bg-subtle:rgba(239,68,68,.14);--color-info-bg-subtle:rgba(59,130,246,.14);--color-border-success:rgba(16,185,129,.45);--color-border-warning:rgba(245,158,11,.45);--color-border-danger:rgba(239,68,68,.45);--color-border-info:rgba(59,130,246,.45);--color-success-fg-strong:#34d399;--color-warning-fg-strong:#fbbf24;--color-danger-fg-strong:#f87171;--color-info-fg-strong:#60a5fa;--color-skeleton-base:var(--color-neutral-800);--color-skeleton-highlight:var(--color-neutral-700)}}:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:"SF Mono", "Roboto Mono", "Courier New", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-tight:1.2;--leading-snug:1.35;--leading-normal:1.55;--leading-relaxed:1.7;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.02em;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--radius-none:0;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-pill:9999px;--shadow-sm:0 1px 2px 0 rgba(24,24,27,.04);--shadow-md:0 4px 12px -2px rgba(24,24,27,.08), 0 2px 4px -2px rgba(24,24,27,.06);--shadow-lg:0 12px 24px -6px rgba(24,24,27,.12), 0 4px 8px -4px rgba(24,24,27,.08);--shadow-xl:0 24px 48px -12px rgba(24,24,27,.18);--shadow-focus:0 0 0 3px var(--color-accent-tint-strong)}[data-theme=dark]{--shadow-sm:0 1px 2px 0 rgba(0,0,0,.4);--shadow-md:0 4px 12px -2px rgba(0,0,0,.45), 0 2px 4px -2px rgba(0,0,0,.4);--shadow-lg:0 12px 24px -6px rgba(0,0,0,.55), 0 4px 8px -4px rgba(0,0,0,.4);--shadow-xl:0 24px 48px -12px rgba(0,0,0,.6)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--shadow-sm:0 1px 2px 0 rgba(0,0,0,.4);--shadow-md:0 4px 12px -2px rgba(0,0,0,.45), 0 2px 4px -2px rgba(0,0,0,.4);--shadow-lg:0 12px 24px -6px rgba(0,0,0,.55), 0 4px 8px -4px rgba(0,0,0,.4);--shadow-xl:0 24px 48px -12px rgba(0,0,0,.6)}}:root{--duration-fast:.12s;--duration-base:.16s;--duration-slow:.24s;--duration-slower:.32s;--ease-out:cubic-bezier(.2, 0, 0, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--ease-standard:cubic-bezier(.2, 0, 0, 1)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--header-height:4rem;--header-height-mobile:3.5rem;--footer-height:3.5rem;--container-max:80rem;--container-max-wide:90rem;--container-pad:var(--space-4);--container-pad-desktop:var(--space-6);--sidebar-width:17rem;--sidebar-width-tablet:15rem;--input-height:2.5rem;--input-height-lg:3rem;--button-height-sm:2rem;--button-height-md:2.5rem;--button-height-lg:3rem;--z-base:0;--z-raised:10;--z-sticky:20;--z-overlay:30;--z-modal:40;--z-popover:50;--z-toast:60}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:16px}body{min-height:100vh;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background:var(--color-bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--duration-base) var(--ease-out), color var(--duration-base) var(--ease-out);margin:0;overflow-x:clip}img,picture,video,canvas,svg{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}ul,ol{margin:0;padding:0;list-style:none}hr{border:0;border-top:1px solid var(--color-border-subtle);margin:var(--space-6) 0}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;border-radius:var(--radius-sm)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}::selection{background:var(--color-accent-tint-strong);color:var(--color-text-primary)}h1,h2,h3,h4,h5,h6{margin:0 0 var(--space-3);font-weight:var(--weight-semibold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-text-primary)}h1{font-size:var(--text-4xl);font-weight:var(--weight-bold)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base);font-weight:var(--weight-semibold)}@media (width<=768px){h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}}p{margin:0 0 var(--space-4);line-height:var(--leading-normal);color:var(--color-text-primary)}small{font-size:var(--text-sm);color:var(--color-text-tertiary)}strong,b{font-weight:var(--weight-semibold)}code,kbd,samp,pre{font-family:var(--font-mono);font-size:.95em}code{background:var(--color-bg-section);border-radius:var(--radius-sm);color:var(--color-text-primary);padding:.125em .375em}a{color:var(--color-text-accent);transition:color var(--duration-fast) var(--ease-out);text-decoration:none}a:not([class]):hover,a.text-accent:hover{color:var(--color-action-primary-bg-hover);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-muted{color:var(--color-text-muted)}.text-accent{color:var(--color-text-accent)}.text-success{color:var(--color-text-success)}.text-warning{color:var(--color-text-warning)}.text-danger{color:var(--color-text-danger)}.price{color:var(--color-price);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.price--sale{color:var(--color-price-sale)}.price--original{color:var(--color-text-muted);font-weight:var(--weight-normal);text-decoration:line-through}input,textarea,select{font:inherit;color:inherit}textarea,select{width:100%;min-height:var(--input-height);padding:var(--space-2) var(--space-3);color:var(--color-text-primary);background:var(--color-surface-card);border:1px solid var(--color-border-default);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out)}input[type=text]{width:100%;min-height:var(--input-height);padding:var(--space-2) var(--space-3);color:var(--color-text-primary);background:var(--color-surface-card);border:1px solid var(--color-border-default);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out)}input[type=email]{width:100%;min-height:var(--input-height);padding:var(--space-2) var(--space-3);color:var(--color-text-primary);background:var(--color-surface-card);border:1px solid var(--color-border-default);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out)}input[type=password]{width:100%;min-height:var(--input-height);padding:var(--space-2) var(--space-3);color:var(--color-text-primary);background:var(--color-surface-card);border:1px solid var(--color-border-default);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out)}input[type=number]{width:100%;min-height:var(--input-height);padding:var(--space-2) var(--space-3);color:var(--color-text-primary);background:var(--color-surface-card);border:1px solid var(--color-border-default);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out)}input[type=search]{width:100%;min-height:var(--input-height);padding:var(--space-2) var(--space-3);color:var(--color-text-primary);background:var(--color-surface-card);border:1px solid var(--color-border-default);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out)}input[type=tel]{width:100%;min-height:var(--input-height);padding:var(--space-2) var(--space-3);color:var(--color-text-primary);background:var(--color-surface-card);border:1px solid var(--color-border-default);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out)}input[type=url]{width:100%;min-height:var(--input-height);padding:var(--space-2) var(--space-3);color:var(--color-text-primary);background:var(--color-surface-card);border:1px solid var(--color-border-default);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out)}input[type=text]::placeholder{color:var(--color-text-muted)}input[type=email]::placeholder{color:var(--color-text-muted)}input[type=password]::placeholder{color:var(--color-text-muted)}input[type=number]::placeholder{color:var(--color-text-muted)}input[type=search]::placeholder{color:var(--color-text-muted)}input[type=tel]::placeholder{color:var(--color-text-muted)}input[type=url]::placeholder{color:var(--color-text-muted)}textarea::placeholder{color:var(--color-text-muted)}select::placeholder{color:var(--color-text-muted)}textarea:hover:not(:disabled):not(:focus),select:hover:not(:disabled):not(:focus){border-color:var(--color-border-strong)}input[type=text]:hover:not(:disabled):not(:focus){border-color:var(--color-border-strong)}input[type=email]:hover:not(:disabled):not(:focus){border-color:var(--color-border-strong)}input[type=password]:hover:not(:disabled):not(:focus){border-color:var(--color-border-strong)}input[type=number]:hover:not(:disabled):not(:focus){border-color:var(--color-border-strong)}input[type=search]:hover:not(:disabled):not(:focus){border-color:var(--color-border-strong)}input[type=tel]:hover:not(:disabled):not(:focus){border-color:var(--color-border-strong)}input[type=url]:hover:not(:disabled):not(:focus){border-color:var(--color-border-strong)}textarea:focus,select:focus{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus);outline:none}input[type=text]:focus{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus);outline:none}input[type=email]:focus{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus);outline:none}input[type=password]:focus{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus);outline:none}input[type=number]:focus{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus);outline:none}input[type=search]:focus{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus);outline:none}input[type=tel]:focus{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus);outline:none}input[type=url]:focus{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus);outline:none}textarea:disabled,select:disabled{background:var(--color-bg-section);cursor:not-allowed;opacity:.65}input[type=text]:disabled{background:var(--color-bg-section);cursor:not-allowed;opacity:.65}input[type=email]:disabled{background:var(--color-bg-section);cursor:not-allowed;opacity:.65}input[type=password]:disabled{background:var(--color-bg-section);cursor:not-allowed;opacity:.65}input[type=number]:disabled{background:var(--color-bg-section);cursor:not-allowed;opacity:.65}input[type=search]:disabled{background:var(--color-bg-section);cursor:not-allowed;opacity:.65}input[type=tel]:disabled{background:var(--color-bg-section);cursor:not-allowed;opacity:.65}input[type=url]:disabled{background:var(--color-bg-section);cursor:not-allowed;opacity:.65}textarea{resize:vertical;min-height:6rem;line-height:var(--leading-normal)}select{appearance:none;padding-right:var(--space-8);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2378716c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;background-size:1rem}input[type=checkbox]{accent-color:var(--color-accent);cursor:pointer;width:1rem;height:1rem}input[type=radio]{accent-color:var(--color-accent);cursor:pointer;width:1rem;height:1rem}label{margin-bottom:var(--space-1);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);display:block}.field{gap:var(--space-1);flex-direction:column;display:flex}.field__label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary)}.field__hint{font-size:var(--text-sm);color:var(--color-text-tertiary)}.field__error{font-size:var(--text-sm);color:var(--color-text-danger)}.field--invalid .input,.field--invalid .textarea,.field--invalid .select,.field--invalid input,.field--invalid textarea,.field--invalid select{border-color:var(--color-border-danger)}.field--invalid .input:focus,.field--invalid .textarea:focus,.field--invalid .select:focus,.field--invalid input:focus,.field--invalid textarea:focus,.field--invalid select:focus{box-shadow:0 0 0 3px rgba(239,68,68,.15)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--button-height-md);padding:0 var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-medium);letter-spacing:var(--tracking-normal);border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);border:1px solid transparent;line-height:1;display:inline-flex;position:relative}.btn:focus-visible{box-shadow:var(--shadow-focus);outline:none}.btn:disabled,.btn[disabled]{cursor:not-allowed;opacity:.55}.btn:active:not(:disabled){transform:translateY(1px)}.btn__label{align-items:center;gap:var(--space-2);display:inline-flex}.btn__spinner{border:2px solid;border-top-color:transparent;border-radius:50%;width:1rem;height:1rem;animation:.7s linear infinite btn-spin;display:none}.btn--loading .btn__label{visibility:hidden}.btn--loading .btn__spinner{margin:-.5rem 0 0 -.5rem;display:inline-block;position:absolute;top:50%;left:50%}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn--primary{background:var(--color-action-primary-bg);color:var(--color-action-primary-fg)}.btn--primary:hover:not(:disabled){background:var(--color-action-primary-bg-hover)}.btn--primary:active:not(:disabled){background:var(--color-action-primary-bg-active)}.btn--secondary{background:var(--color-action-secondary-bg);color:var(--color-action-secondary-fg);border-color:var(--color-action-secondary-border)}.btn--secondary:hover:not(:disabled){background:var(--color-action-secondary-bg-hover);border-color:var(--color-border-strong);color:var(--color-text-primary)}.btn--ghost{color:var(--color-action-ghost-fg);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--color-action-ghost-bg-hover);color:var(--color-text-primary)}.btn--danger{background:var(--color-action-danger-bg);color:var(--color-action-danger-fg)}.btn--danger:hover:not(:disabled){background:var(--color-action-danger-bg-hover)}.btn--sm{min-height:var(--button-height-sm);padding:0 var(--space-3);font-size:var(--text-xs)}.btn--lg{min-height:var(--button-height-lg);padding:0 var(--space-6);font-size:var(--text-base)}.btn--full{width:100%}.btn--icon{width:var(--button-height-md);padding:0}.btn--icon.btn--sm{width:var(--button-height-sm)}.btn--icon.btn--lg{width:var(--button-height-lg)}.btn--outline{color:var(--color-text-primary);border-color:var(--color-border-default);background:0 0}.btn--outline:hover:not(:disabled){background:var(--color-action-ghost-bg-hover);border-color:var(--color-border-strong);color:var(--color-text-primary)}.btn--icon-remove{top:var(--space-1);right:var(--space-1);border-radius:var(--radius-full);background:var(--color-action-danger-bg);width:1.5rem;height:1.5rem;min-height:0;color:var(--color-action-danger-fg);font-size:var(--text-xs);border:0;padding:0;line-height:1;position:absolute}.btn--icon-remove:hover:not(:disabled){background:var(--color-action-danger-bg-hover)}.card{background:var(--color-surface-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);transition:border-color var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out);flex-direction:column;display:flex;overflow:hidden}.card--elevated{box-shadow:var(--shadow-md);border-color:transparent}.card--outline{background:0 0}.card--interactive{cursor:pointer}.card--interactive:hover{border-color:var(--color-border-default);box-shadow:var(--shadow-md)}.card--interactive:active{transform:translateY(1px)}.card--pad-none>.card__body,.card--pad-none>.card__header,.card--pad-none>.card__footer{padding:0}.card--pad-sm>.card__body,.card--pad-sm>.card__header,.card--pad-sm>.card__footer{padding:var(--space-3)}.card--pad-md>.card__body,.card--pad-md>.card__header,.card--pad-md>.card__footer{padding:var(--space-4)}.card--pad-lg>.card__body,.card--pad-lg>.card__header,.card--pad-lg>.card__footer{padding:var(--space-6)}.card__header{justify-content:space-between;align-items:center;gap:var(--space-3);border-bottom:1px solid var(--color-border-subtle);display:flex}.card__header h1,.card__header h2,.card__header h3,.card__header h4,.card__header h5,.card__header h6{margin:0}.card__body{flex:1;min-height:0}.card__footer{align-items:center;gap:var(--space-3);border-top:1px solid var(--color-border-subtle);display:flex}.input,.textarea,.select{width:100%;min-height:var(--input-height);padding:var(--space-2) var(--space-3);font:inherit;font-size:var(--text-base);color:var(--color-text-primary);background:var(--color-surface-card);border:1px solid var(--color-border-default);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out)}.input::placeholder{color:var(--color-text-muted)}.textarea::placeholder{color:var(--color-text-muted)}.select::placeholder{color:var(--color-text-muted)}.input:hover:not(:disabled):not(:focus),.textarea:hover:not(:disabled):not(:focus),.select:hover:not(:disabled):not(:focus){border-color:var(--color-border-strong)}.input:focus,.textarea:focus,.select:focus{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus);outline:none}.input:disabled,.textarea:disabled,.select:disabled{background:var(--color-bg-section);cursor:not-allowed;opacity:.65}.textarea{resize:vertical;min-height:6rem;line-height:var(--leading-normal);padding:var(--space-3)}.input--invalid,.textarea--invalid,.select--invalid{border-color:var(--color-border-danger)}.input--invalid:focus,.textarea--invalid:focus,.select--invalid:focus{box-shadow:0 0 0 3px rgba(239,68,68,.15)}.input--lg{min-height:var(--input-height-lg);font-size:var(--text-lg);padding:var(--space-3) var(--space-4)}.input-group{background:var(--color-surface-card);border:1px solid var(--color-border-default);border-radius:var(--radius-md);width:100%;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);align-items:center;display:flex}.input-group:focus-within{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus)}.input-group .input{box-shadow:none;padding-left:var(--space-2);background:0 0;border:0}.input-group .input:focus{box-shadow:none}.input-group__prefix,.input-group__suffix{padding:0 var(--space-3);color:var(--color-text-tertiary);align-items:center;display:inline-flex}.badge{align-items:center;gap:var(--space-1);padding:.125rem var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);border-radius:var(--radius-sm);white-space:nowrap;line-height:1.4;display:inline-flex}.badge--pill{border-radius:var(--radius-pill);padding-left:var(--space-3);padding-right:var(--space-3)}.badge--neutral{background:var(--color-bg-inset);color:var(--color-text-secondary)}.badge--accent{background:var(--color-accent-tint);color:var(--color-text-accent)}.badge--success{background:var(--color-success-bg-subtle);color:var(--color-text-success)}.badge--warning{background:var(--color-warning-bg-subtle);color:var(--color-text-warning)}.badge--danger{background:var(--color-danger-bg-subtle);color:var(--color-text-danger)}.badge--info{background:var(--color-info-bg-subtle);color:var(--color-text-info)}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--color-skeleton-base) 25%, var(--color-skeleton-highlight) 50%, var(--color-skeleton-base) 75%);border-radius:var(--radius-md);-webkit-user-select:none;user-select:none;pointer-events:none;background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-shimmer}.skeleton--text,.skeleton--line{border-radius:var(--radius-sm);width:100%;height:.875em}.skeleton--short{width:60%}.skeleton--long{width:90%}.skeleton--circle{border-radius:var(--radius-pill);width:2.5rem;height:2.5rem}.skeleton--rect{border-radius:var(--radius-md)}.skeleton--image{aspect-ratio:4/3;border-radius:var(--radius-md);width:100%}.skeleton--button{height:var(--button-height-md);border-radius:var(--radius-md);width:6rem}.skeleton--badge{border-radius:var(--radius-sm);width:3.5rem;height:1.25rem}.skeleton-text,.skeleton-text-group{gap:var(--space-2);flex-direction:column;display:flex}.stack{flex-direction:column;display:flex}.stack--align-start{align-items:flex-start}.stack--align-center{align-items:center}.stack--align-end{align-items:flex-end}.stack--align-stretch{align-items:stretch}.stack--justify-start{justify-content:flex-start}.stack--justify-center{justify-content:center}.stack--justify-end{justify-content:flex-end}.stack--justify-between{justify-content:space-between}.stack--gap-0{gap:0}.stack--gap-1{gap:var(--space-1)}.stack--gap-2{gap:var(--space-2)}.stack--gap-3{gap:var(--space-3)}.stack--gap-4{gap:var(--space-4)}.stack--gap-5{gap:var(--space-5)}.stack--gap-6{gap:var(--space-6)}.stack--gap-8{gap:var(--space-8)}.stack--gap-10{gap:var(--space-10)}.stack--gap-12{gap:var(--space-12)}.cluster{flex-wrap:wrap;align-items:center;display:flex}.cluster--nowrap{flex-wrap:nowrap}.cluster--align-start{align-items:flex-start}.cluster--align-center{align-items:center}.cluster--align-end{align-items:flex-end}.cluster--align-stretch{align-items:stretch}.cluster--align-baseline{align-items:baseline}.cluster--justify-start{justify-content:flex-start}.cluster--justify-center{justify-content:center}.cluster--justify-end{justify-content:flex-end}.cluster--justify-between{justify-content:space-between}.cluster--gap-0{gap:0}.cluster--gap-1{gap:var(--space-1)}.cluster--gap-2{gap:var(--space-2)}.cluster--gap-3{gap:var(--space-3)}.cluster--gap-4{gap:var(--space-4)}.cluster--gap-5{gap:var(--space-5)}.cluster--gap-6{gap:var(--space-6)}.cluster--gap-8{gap:var(--space-8)}.container{width:100%;max-width:var(--container-max);padding-inline:var(--container-pad);margin-inline:auto}@media (width>=1024px){.container{padding-inline:var(--container-pad-desktop)}}.container--narrow{max-width:48rem}.container--wide{max-width:var(--container-max-wide)}.container--full{max-width:100%}.section{padding-block:var(--space-10)}@media (width>=768px){.section{padding-block:var(--space-16)}}.section--tight{padding-block:var(--space-6)}.section--loose{padding-block:var(--space-20)}.nav{z-index:var(--z-sticky);background:var(--color-bg-page);border-bottom:1px solid var(--color-border-subtle);-webkit-backdrop-filter:saturate(160%)blur(8px);position:sticky;top:0}.nav__inner{align-items:center;gap:var(--space-4);min-height:var(--header-height-mobile);max-width:var(--container-max);padding-inline:var(--container-pad);flex-wrap:wrap;margin-inline:auto;display:flex}@media (width>=768px){.nav__inner{min-height:0;height:var(--header-height);padding-inline:var(--container-pad-desktop);gap:var(--space-6);flex-wrap:nowrap}}.nav__brand{color:var(--color-text-primary);font-weight:700;font-size:var(--text-lg);letter-spacing:-.02em;transition:color var(--duration-fast) var(--ease-out);align-items:center;text-decoration:none;display:inline-flex}.nav__brand:hover{color:var(--color-text-accent)}.nav__brand:focus-visible{box-shadow:var(--shadow-focus);border-radius:var(--radius-sm);outline:none}.nav__brand-text{display:inline-block}.nav__search-slot{opacity:0;min-width:0;transition:opacity var(--duration-base) var(--ease-out);flex:1;display:none}.nav__search-slot--visible{opacity:1;display:flex}@media (width<=767.98px){.nav__search-slot--visible{padding-bottom:var(--space-2);flex-basis:100%;order:99}}.nav__menu{padding:var(--space-3) var(--container-pad);background:var(--color-surface-card);border-bottom:1px solid var(--color-border-subtle);box-shadow:var(--shadow-md);display:none;position:absolute;top:100%;left:0;right:0}@media (width>=768px){.nav__menu{box-shadow:none;background:0 0;border-bottom:none;margin-left:auto;padding:0;display:flex;position:static}}.nav__menu--open{display:block}@media (width>=768px){.nav__menu--open{display:flex}}.nav__list{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}@media (width>=768px){.nav__list{align-items:center;gap:var(--space-1);flex-direction:row}}.nav__item{display:block}@media (width>=768px){.nav__item{display:inline-flex}}.nav__link{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);color:var(--color-text-secondary);font-size:var(--text-sm);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);background:0 0;border:1px solid transparent;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.nav__link:hover{color:var(--color-text-primary);background:var(--color-action-ghost-bg-hover)}.nav__link:focus-visible{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus);outline:none}@media (width<=767.98px){.nav__link{width:100%;padding:var(--space-3)}}.nav__link--accent{color:var(--color-action-primary-fg);background:var(--color-action-primary-bg)}.nav__link--accent:hover{color:var(--color-action-primary-fg);background:var(--color-action-primary-bg-hover)}.nav__link--button{text-align:left;font-family:inherit}@media (width>=768px){.nav__link--button{text-align:center}}.nav__actions{align-items:center;gap:var(--space-1);margin-left:auto;display:inline-flex}@media (width>=768px){.nav__actions{margin-left:0}}.nav__theme-toggle{display:none}@media (width>=768px){.nav__theme-toggle{display:inline-flex}}.nav__toggle{width:var(--button-height-md);height:var(--button-height-md);color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);background:0 0;border:1px solid transparent;justify-content:center;align-items:center;padding:0;display:inline-flex}.nav__toggle:hover{background:var(--color-action-ghost-bg-hover);color:var(--color-text-primary)}.nav__toggle:focus-visible{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus);outline:none}@media (width>=768px){.nav__toggle{display:none}}.theme-toggle{width:var(--button-height-md);height:var(--button-height-md);color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);background:0 0;border:1px solid transparent;justify-content:center;align-items:center;padding:0;display:inline-flex}.theme-toggle:hover{background:var(--color-action-ghost-bg-hover);color:var(--color-text-primary)}.theme-toggle:focus-visible{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus);outline:none}.theme-toggle__icons{width:18px;height:18px;display:inline-flex;position:relative}.theme-toggle__icon{transition:opacity var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out);justify-content:center;align-items:center;display:inline-flex;position:absolute;inset:0}.theme-toggle--light .theme-toggle__icon--moon{opacity:1;transform:scale(1)rotate(0)}.theme-toggle--light .theme-toggle__icon--sun{opacity:0;transform:scale(.6)rotate(-90deg)}.theme-toggle--dark .theme-toggle__icon--moon{opacity:0;transform:scale(.6)rotate(90deg)}.theme-toggle--dark .theme-toggle__icon--sun{opacity:1;transform:scale(1)rotate(0)}.product-card{background:var(--color-surface-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);min-width:0;transition:border-color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);flex-direction:column;display:flex;overflow:hidden}.product-card:hover{border-color:var(--color-border-default);box-shadow:var(--shadow-md);transform:translateY(-2px)}.product-card:focus-within{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus)}.product-card__media{aspect-ratio:1;background:var(--color-bg-section);width:100%;display:block;position:relative;overflow:hidden}.product-card__media-skeleton{position:absolute;inset:0}.product-card__image{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-slow) var(--ease-out);display:block}.product-card:hover .product-card__image{transform:scale(1.03)}.product-card__placeholder{color:var(--color-text-muted);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.product-card__body{gap:var(--space-2);padding:var(--space-3);flex-direction:column;flex:1;min-width:0;display:flex}@media (width<=480px){.product-card__body{padding:var(--space-2)}}.product-card__title{font-size:var(--text-sm);font-weight:500;line-height:var(--leading-snug);color:var(--color-text-primary);margin:0}.product-card__title a{color:inherit;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;text-decoration:none;display:-webkit-box;overflow:hidden}.product-card__title a:hover{color:var(--color-text-accent)}.product-card__description{font-size:var(--text-xs);color:var(--color-text-tertiary);line-height:var(--leading-snug);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.product-card__footer{gap:var(--space-1);flex-direction:column;min-width:0;margin-top:auto;display:flex}@media (width>=768px){.product-card__footer{justify-content:space-between;align-items:center;gap:var(--space-2);flex-direction:row-reverse}}.product-card__price{font-size:var(--text-base);color:var(--color-price);letter-spacing:-.01em;white-space:nowrap;flex-shrink:0;font-weight:700}.product-card__merchant{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-text-tertiary);min-width:0;max-width:100%;transition:color var(--duration-fast) var(--ease-out);text-decoration:none;display:inline-flex}.product-card__merchant:hover{color:var(--color-text-accent)}.product-card__merchant-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.products-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width>=640px){.products-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1024px){.products-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1280px){.products-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.merchant-card{background:var(--color-surface-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);min-width:0;max-width:100%;transition:border-color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);flex-direction:column;display:flex;overflow:hidden}.merchant-card:hover{border-color:var(--color-border-default);transform:translateY(-1px)}.merchant-card__link{align-items:center;gap:var(--space-3);padding:var(--space-4);color:inherit;text-decoration:none;display:flex}.merchant-card__avatar{border-radius:var(--radius-pill);background:var(--color-bg-section);flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;display:inline-flex;overflow:hidden}.merchant-card__avatar-img{object-fit:cover;width:100%;height:100%}.merchant-card__avatar-placeholder{color:var(--color-text-secondary);font-weight:600;font-size:var(--text-lg)}.merchant-card__info{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.merchant-card__name-row{align-items:center;gap:var(--space-1);min-width:0;display:flex}.merchant-card__name{min-width:0;color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.merchant-card__verified{color:var(--color-text-accent);display:inline-flex}.merchant-card__meta{gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-tertiary);flex-wrap:wrap;display:flex}.merchant-card__rating,.merchant-card__reviews,.merchant-card__response{align-items:center;gap:var(--space-1);display:inline-flex}.merchant-card__arrow{color:var(--color-text-tertiary);flex-shrink:0}.search-bar{width:100%}.search-bar__form{width:100%;position:relative}.search-bar__field{background:var(--color-surface-card);border:1px solid var(--color-border-default);border-radius:var(--radius-md);width:100%;padding:0 0 0 var(--space-3);height:var(--input-height);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);align-items:stretch;gap:0;display:flex;position:relative;overflow:hidden}.search-bar__field:focus-within{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus)}.search-bar--hero .search-bar__field{height:var(--input-height-lg);padding:0 0 0 var(--space-4);border-radius:var(--radius-lg)}.search-bar__icon{color:var(--color-text-tertiary);pointer-events:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.search-bar__input{min-width:0;height:100%;min-height:0;box-shadow:none;color:var(--color-text-primary);font-size:var(--text-base);background:0 0;border:0;flex:1;padding:0;font-family:inherit}input[type=search].search-bar__input{min-width:0;height:100%;min-height:0;box-shadow:none;color:var(--color-text-primary);font-size:var(--text-base);background:0 0;border:0;flex:1;padding:0;font-family:inherit}.search-bar__input:hover,.search-bar__input:focus{box-shadow:none;background:0 0;border:0;outline:none}input[type=search].search-bar__input:hover{box-shadow:none;background:0 0;border:0;outline:none}input[type=search].search-bar__input:focus{box-shadow:none;background:0 0;border:0;outline:none}.search-bar__input::placeholder{color:var(--color-text-muted)}input[type=search].search-bar__input::placeholder{color:var(--color-text-muted)}.search-bar__input::-webkit-search-cancel-button{-webkit-appearance:none}.search-bar__input::-webkit-search-decoration{-webkit-appearance:none}input[type=search].search-bar__input::-webkit-search-cancel-button{-webkit-appearance:none}input[type=search].search-bar__input::-webkit-search-decoration{-webkit-appearance:none}.search-bar__input:-webkit-autofill{-webkit-text-fill-color:var(--color-text-primary);caret-color:var(--color-text-primary);transition:background-color 5000s ease-in-out}.search-bar__input:-webkit-autofill:hover{-webkit-text-fill-color:var(--color-text-primary);caret-color:var(--color-text-primary);transition:background-color 5000s ease-in-out}.search-bar__input:-webkit-autofill:focus{-webkit-text-fill-color:var(--color-text-primary);caret-color:var(--color-text-primary);transition:background-color 5000s ease-in-out}.search-bar__input:-webkit-autofill:active{-webkit-text-fill-color:var(--color-text-primary);caret-color:var(--color-text-primary);transition:background-color 5000s ease-in-out}.search-bar-docked__input:-webkit-autofill{-webkit-text-fill-color:var(--color-text-primary);caret-color:var(--color-text-primary);transition:background-color 5000s ease-in-out}.search-bar-docked__input:-webkit-autofill:hover{-webkit-text-fill-color:var(--color-text-primary);caret-color:var(--color-text-primary);transition:background-color 5000s ease-in-out}.search-bar-docked__input:-webkit-autofill:focus{-webkit-text-fill-color:var(--color-text-primary);caret-color:var(--color-text-primary);transition:background-color 5000s ease-in-out}.search-bar-docked__input:-webkit-autofill:active{-webkit-text-fill-color:var(--color-text-primary);caret-color:var(--color-text-primary);transition:background-color 5000s ease-in-out}.search-bar__submit{width:var(--input-height);height:100%;margin-left:var(--space-2);color:var(--color-action-primary-fg);background:var(--color-action-primary-bg);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out);border:0;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.search-bar__submit:hover{background:var(--color-action-primary-bg-hover)}.search-bar__submit:focus-visible{box-shadow:inset 0 0 0 2px var(--color-border-focus);outline:none}.search-bar--hero .search-bar__submit{width:var(--input-height-lg)}.search-bar__submit--docked{width:var(--button-height-md)}.search-bar-docked{width:100%;position:relative}.search-bar-docked__field{background:var(--color-bg-section);border-radius:var(--radius-md);padding:0 0 0 var(--space-3);height:var(--button-height-md);transition:border-color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out);border:1px solid transparent;align-items:stretch;gap:0;display:flex;position:relative;overflow:hidden}.search-bar-docked__field:focus-within{background:var(--color-surface-card);border-color:var(--color-border-focus)}.search-bar-docked__input{min-width:0;height:100%;min-height:0;box-shadow:none;font-size:var(--text-sm);color:var(--color-text-primary);background:0 0;border:0;flex:1;padding:0}input[type=search].search-bar-docked__input{min-width:0;height:100%;min-height:0;box-shadow:none;font-size:var(--text-sm);color:var(--color-text-primary);background:0 0;border:0;flex:1;padding:0}.search-bar-docked__input:hover,.search-bar-docked__input:focus{box-shadow:none;background:0 0;border:0;outline:none}input[type=search].search-bar-docked__input:hover{box-shadow:none;background:0 0;border:0;outline:none}input[type=search].search-bar-docked__input:focus{box-shadow:none;background:0 0;border:0;outline:none}.search-bar-docked__input::placeholder{color:var(--color-text-muted)}input[type=search].search-bar-docked__input::placeholder{color:var(--color-text-muted)}.search-bar-docked__input::-webkit-search-cancel-button{-webkit-appearance:none}.search-bar-docked__input::-webkit-search-decoration{-webkit-appearance:none}input[type=search].search-bar-docked__input::-webkit-search-cancel-button{-webkit-appearance:none}input[type=search].search-bar-docked__input::-webkit-search-decoration{-webkit-appearance:none}.search-bar__clear{width:1.75rem;height:1.75rem;margin:0 var(--space-1);color:var(--color-text-tertiary);border-radius:var(--radius-pill);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:0;flex-shrink:0;justify-content:center;align-self:center;align-items:center;padding:0;display:inline-flex}.search-bar__clear:hover{color:var(--color-text-primary);background:var(--color-action-ghost-bg-hover)}.search-bar__clear:focus-visible{box-shadow:0 0 0 2px var(--color-border-focus);outline:none}.search-mode-toggle{margin:var(--space-3) 0;background:var(--color-bg-section);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);align-items:center;gap:2px;padding:2px;display:inline-flex}.search-mode-toggle__btn{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.search-mode-toggle__btn:hover{color:var(--color-text-primary)}.search-mode-toggle__btn--active{color:var(--color-text-primary);background:var(--color-surface-card);box-shadow:var(--shadow-sm)}.search-suggestions{left:0;right:0;top:calc(100% + var(--space-2));z-index:20;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-surface-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:absolute}.search-suggestions--hero{border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5)}.search-suggestions--docked{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.search-suggestions__label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary);font-weight:var(--weight-semibold)}.search-suggestions__chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.search-suggestions__chip{padding:var(--space-1) var(--space-3);color:var(--color-text-secondary);background:var(--color-bg-section);border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);font-size:var(--text-sm);transition:color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out);align-items:center;text-decoration:none;display:inline-flex}.search-suggestions__chip:hover{color:var(--color-text-accent);border-color:var(--color-border-accent);background:var(--color-accent-tint)}.accordion{gap:var(--space-2);flex-direction:column;width:100%;display:flex}.accordion-item{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface-card);transition:border-color var(--duration-fast) var(--ease-out);overflow:hidden}.accordion-item[data-state=open]{border-color:var(--color-border-accent)}.accordion-trigger{width:100%;padding:var(--space-4);text-align:left;cursor:pointer;font-size:var(--text-base);color:var(--color-text-primary);justify-content:space-between;align-items:center;gap:var(--space-3);transition:background-color var(--duration-fast) var(--ease-out);background:0 0;border:0;font-weight:600;display:flex}.accordion-trigger:hover{background:var(--color-bg-section)}.accordion-trigger:focus-visible{box-shadow:inset 0 0 0 2px var(--color-border-focus);outline:none}.accordion-trigger .accordion-title{flex:1}.accordion-trigger .accordion-icon{color:var(--color-text-tertiary);transition:transform var(--duration-fast) var(--ease-out);flex-shrink:0}.accordion-trigger[aria-expanded=true] .accordion-icon{transform:rotate(180deg)}.accordion-content{transition:grid-template-rows var(--duration-base) var(--ease-out);display:grid;overflow:hidden}.accordion-content[data-state=closed]{grid-template-rows:0fr}.accordion-content[data-state=open]{grid-template-rows:1fr}.accordion-content .accordion-content-inner{min-height:0;padding:0 var(--space-4) var(--space-4);color:var(--color-text-secondary)}.breadcrumb{margin-bottom:var(--space-4);-webkit-overflow-scrolling:touch;overflow-x:auto}.breadcrumb-list{flex-wrap:nowrap;align-items:center;gap:0;margin:0;padding:0;list-style:none;display:inline-flex}.breadcrumb-item{white-space:nowrap;align-items:center;gap:0;display:inline-flex}.breadcrumb-link{color:var(--color-text-secondary);font-size:var(--text-sm);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out);text-decoration:none}.breadcrumb-link:hover{color:var(--color-text-accent);background:var(--color-bg-section)}.breadcrumb-link[aria-current=page]{color:var(--color-text-primary);font-weight:500}.breadcrumb-current{color:var(--color-text-primary);font-size:var(--text-sm);padding:var(--space-1) var(--space-2);font-weight:500}.breadcrumb-separator{color:var(--color-text-muted);font-size:var(--text-sm);-webkit-user-select:none;user-select:none;padding:0 var(--space-1);line-height:1}.rating-stars{align-items:center;gap:var(--space-1);font-size:var(--text-sm);display:inline-flex}.rating-stars__container{color:var(--color-border-subtle);display:inline-flex;position:relative}.rating-star{width:1em;height:1em;font-size:1.2em;line-height:1;display:inline-block;position:relative}.rating-star__background,.rating-star__fill{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.rating-star__background{color:var(--color-border-subtle);z-index:1}.rating-star__fill{color:var(--color-accent);z-index:2;width:0%;transition:width var(--duration-base) var(--ease-out)}.rating-stars__count,.rating-stars__no-rating{margin-left:var(--space-1);font-size:var(--text-xs);color:var(--color-text-tertiary)}.compact-rating{flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:inline-flex;position:relative}.compact-rating__circle{width:100%;height:100%;position:absolute;top:0;left:0}.compact-rating__bg{stroke:var(--color-border-subtle);transition:stroke var(--duration-fast) var(--ease-out)}.compact-rating__fill{stroke:var(--color-accent);transition:stroke-dasharray var(--duration-base) var(--ease-out)}.compact-rating__value{z-index:1;font-size:var(--text-xs);color:var(--color-text-primary);-webkit-user-select:none;user-select:none;font-weight:700;line-height:1;position:relative}.indeterminate-progress-bar{height:var(--space-1);background-color:var(--color-border-subtle);border-radius:999px;position:relative;overflow:hidden}.indeterminate-progress-bar__progress{background:linear-gradient(90deg, transparent 0%, var(--color-accent) 50%, transparent 100%);border-radius:999px;width:50%;animation:1.5s linear infinite indeterminate-progress-bar;position:absolute;top:0;bottom:0}@keyframes indeterminate-progress-bar{0%{left:-50%}to{left:100%}}.spinner{width:var(--space-8);height:var(--space-8);border:3px solid var(--color-border-subtle);border-top-color:var(--color-accent);border-radius:50%;animation:1s linear infinite spinner-spin}@keyframes spinner-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.indeterminate-progress-bar__progress,.spinner{animation:none}}.pagination{align-items:center;gap:var(--space-4);margin-top:var(--space-8);flex-direction:column;display:flex}.pagination-controls,.pagination-pages{align-items:center;gap:var(--space-1);display:flex}.pagination-button,.pagination-page{justify-content:center;align-items:center;gap:var(--space-2);min-width:2rem;height:2rem;padding:0 var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface-card);color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);font-weight:500;text-decoration:none;display:inline-flex}.pagination-button:hover:not(:disabled):not(.pagination-disabled):not(.pagination-current),.pagination-page:hover:not(:disabled):not(.pagination-disabled):not(.pagination-current){background:var(--color-bg-section);border-color:var(--color-border-default);color:var(--color-text-primary)}.pagination-button:focus-visible{box-shadow:var(--shadow-focus);outline:none}.pagination-page:focus-visible{box-shadow:var(--shadow-focus);outline:none}.pagination-button:disabled,.pagination-button.pagination-disabled,.pagination-page:disabled,.pagination-page.pagination-disabled{opacity:.4;cursor:not-allowed}.pagination-page{padding:0 var(--space-2)}.pagination-page.pagination-current,.pagination-current{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-text-on-accent);cursor:default;font-weight:600}@media (width<=480px){.pagination-button-text{display:none}}.pagination-icon{flex-shrink:0;display:inline-flex}.pagination-ellipsis{padding:0 var(--space-2);color:var(--color-text-tertiary);font-size:var(--text-sm);-webkit-user-select:none;user-select:none}input.pagination-page.pagination-current{field-sizing:content;width:auto;min-width:2rem;padding:0 var(--space-2);text-align:center;font:inherit;cursor:text;appearance:textfield;font-weight:600}input.pagination-page.pagination-current::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input.pagination-page.pagination-current::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input.pagination-page.pagination-current:focus-visible{box-shadow:var(--shadow-focus);outline:none}.pagination-range{font-size:var(--text-xs);color:var(--color-text-tertiary);margin:0}.pagination-range strong{color:var(--color-text-secondary);font-weight:600}.pagination--compact{margin-top:var(--space-3);gap:var(--space-2)}.pagination--compact .pagination-button-text{display:none}.pagination--compact .pagination-button{padding:0 var(--space-2);min-width:1.75rem}.pagination--compact .pagination-page{padding:0 var(--space-1);min-width:1.75rem;height:1.75rem}.pagination--compact .pagination-info{font-size:var(--text-xs)}.content>footer{align-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-4) var(--space-6);margin-top:var(--space-12);border-top:1px solid var(--color-border-subtle);color:var(--color-text-secondary);font-size:var(--text-sm);flex-direction:column;display:flex}.content>footer p{margin:0}.footer-links{gap:var(--space-4);margin-bottom:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.footer-links a{color:var(--color-text-secondary);font-size:var(--text-sm);text-decoration:none}.footer-links a:hover,.footer-links a:focus{color:var(--color-text-primary);text-decoration:underline}.footer-version{font-size:var(--text-xs);color:var(--color-text-secondary);font-family:var(--font-mono,monospace)}.price{white-space:nowrap;align-items:baseline;gap:.25rem;display:inline-flex}.price__amount{font-weight:inherit;color:inherit}.price__currency{color:var(--color-text-tertiary);letter-spacing:.02em;text-transform:none;font-size:.75em;font-weight:500}abbr.price{cursor:inherit;text-decoration:none}.toast-viewport{bottom:var(--space-4);right:var(--space-4);z-index:1000;gap:var(--space-2);max-width:min(420px, 100vw - var(--space-8));pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast{pointer-events:auto;align-items:start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-card);box-shadow:var(--shadow-md,0 4px 12px rgba(0,0,0,.1));font-size:var(--text-sm);animation:toast-slide-in var(--duration-base,.2s) var(--ease-out,ease-out);border:1px solid transparent;grid-template-columns:auto 1fr auto;display:grid}.toast__icon{justify-content:center;align-items:center;width:1.25rem;height:1.25rem;display:inline-flex}.toast__message{color:var(--color-text-primary);align-self:center;line-height:1.4}.toast__close{appearance:none;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:0;justify-content:center;align-self:start;align-items:center;padding:4px;display:inline-flex}.toast__close:hover{color:var(--color-text-primary);background:var(--color-bg-section)}.toast--info{background:var(--color-info-bg-subtle);border-color:rgba(59,130,246,.3)}.toast--info .toast__icon{color:var(--color-text-info)}.toast--success{background:var(--color-success-bg-subtle);border-color:rgba(16,185,129,.3)}.toast--success .toast__icon{color:var(--color-text-success)}.toast--warning{background:var(--color-warning-bg-subtle);border-color:rgba(217,119,6,.3)}.toast--warning .toast__icon{color:var(--color-text-warning)}.toast--error{background:var(--color-danger-bg-subtle);border-color:rgba(220,38,38,.4)}.toast--error .toast__icon{color:var(--color-text-danger)}@media (width<=640px){.toast-viewport{bottom:var(--space-2);right:var(--space-2);left:var(--space-2);max-width:none}}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}.loading-dots{justify-content:center;align-items:center;gap:var(--space-2);background:var(--color-bg-page);min-height:100vh;display:flex}.loading-dots__dot{background:var(--color-border-default);border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite loading-dots-pulse}.loading-dots__dot:nth-child(2){animation-delay:.15s}.loading-dots__dot:nth-child(3){animation-delay:.3s}@keyframes loading-dots-pulse{0%,to{opacity:.3;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.loading-dots__dot{opacity:.6;animation:none}}html{scroll-behavior:smooth;font-size:16px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;transition:background-color var(--duration-base) var(--ease-out), color var(--duration-base) var(--ease-out);overflow-x:clip}