*,*::before,*::after{box-sizing:border-box}*{margin:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light}[data-theme=dark]{color-scheme:dark}@media(prefers-color-scheme: dark){[data-theme=system],:root:not([data-theme]){color-scheme:dark}}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:var(--text-base);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-bg)}img,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:inherit;text-decoration:none}ul,ol{list-style:none;padding:0}[data-phx-session],[data-phx-teleported-src]{display:contents}:root{--color-neutral-50: #f8f8f8;--color-neutral-100: #f0f0f0;--color-neutral-200: #e4e4e4;--color-neutral-300: #c8c8c8;--color-neutral-400: #a0a0a0;--color-neutral-500: #737373;--color-neutral-600: #525252;--color-neutral-700: #3a3a3a;--color-neutral-800: #262626;--color-neutral-900: #171717;--color-neutral-950: #0a0a0a;--color-accent: #6366f1;--color-accent-hover: #4f46e5;--color-accent-muted: #e0e7ff;--color-owned: #16a34a;--color-owned-bg: #f0fdf4;--color-owned-border: #bbf7d0;--color-subscription: #7c3aed;--color-subscription-bg: #faf5ff;--color-subscription-border: #ddd6fe;--color-buy: #ea580c;--color-buy-bg: #fff7ed;--color-buy-border: #fed7aa;--color-sale: #dc2626;--color-sale-bg: #fef2f2;--color-bg: #ffffff;--color-bg-subtle: #f8f8f8;--color-border: #e4e4e4;--color-text: #171717;--color-text-muted: #737373;--space-1: 0.25rem;--space-2: 0.5rem;--space-3: 0.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;--text-xs: 0.75rem;--text-sm: 0.875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--radius-sm: 0.25rem;--radius-md: 0.375rem;--radius-lg: 0.5rem;--radius-xl: 0.75rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.08), 0 2px 4px -2px rgb(0 0 0 / 0.05);--transition-fast: 100ms ease;--transition-base: 150ms ease;--transition-slow: 250ms ease;--container-max: 90rem;--nav-height: 3.5rem;--color-success: #16a34a;--color-error: #dc2626}[data-theme=dark]{--color-neutral-50: #171717;--color-neutral-100: #1e1e1e;--color-neutral-200: #2a2a2a;--color-neutral-300: #3a3a3a;--color-neutral-400: #525252;--color-neutral-500: #737373;--color-neutral-600: #a0a0a0;--color-neutral-700: #c8c8c8;--color-neutral-800: #e4e4e4;--color-neutral-900: #f0f0f0;--color-neutral-950: #f8f8f8;--color-accent: #818cf8;--color-accent-hover: #6366f1;--color-accent-muted: #312e81;--color-owned: #4ade80;--color-owned-bg: #052e16;--color-owned-border: #166534;--color-subscription: #a78bfa;--color-subscription-bg: #1e1338;--color-subscription-border: #4c1d95;--color-buy: #fb923c;--color-buy-bg: #2a1508;--color-buy-border: #7c2d12;--color-sale: #f87171;--color-sale-bg: #2a0a0a;--color-bg: #111111;--color-bg-subtle: #171717;--color-border: #2a2a2a;--color-text: #f0f0f0;--color-text-muted: #a0a0a0;--color-success: #4ade80;--color-error: #f87171;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.4), 0 2px 4px -2px rgb(0 0 0 / 0.3);--color-sale-border: #7f1d1d;--badge-steam-bg: #1b2838;--badge-steam-text: #8bb9e0;--badge-steam-border: #2a4060;--badge-gog-bg: #1e1338;--badge-gog-text: #b794f4;--badge-gog-border: #4c1d95;--badge-bnet-bg: #0d1f3c;--badge-bnet-text: #63b3ed;--badge-bnet-border: #1a3a6b;--badge-gamepass-bg: #0a1f2e;--badge-gamepass-text: #63b3ed;--badge-gamepass-border: #1a3a5c;--badge-psplus-bg: #0d0d2b;--badge-psplus-text: #8ba4d9;--badge-psplus-border: #1a1a5c;--badge-ea-bg: #2a1a08;--badge-ea-text: #fbbf24;--badge-ea-border: #5c3a12}@media(prefers-color-scheme: dark){[data-theme=system],:root:not([data-theme]){--color-neutral-50: #171717;--color-neutral-100: #1e1e1e;--color-neutral-200: #2a2a2a;--color-neutral-300: #3a3a3a;--color-neutral-400: #525252;--color-neutral-500: #737373;--color-neutral-600: #a0a0a0;--color-neutral-700: #c8c8c8;--color-neutral-800: #e4e4e4;--color-neutral-900: #f0f0f0;--color-neutral-950: #f8f8f8;--color-accent: #818cf8;--color-accent-hover: #6366f1;--color-accent-muted: #312e81;--color-owned: #4ade80;--color-owned-bg: #052e16;--color-owned-border: #166534;--color-subscription: #a78bfa;--color-subscription-bg: #1e1338;--color-subscription-border: #4c1d95;--color-buy: #fb923c;--color-buy-bg: #2a1508;--color-buy-border: #7c2d12;--color-sale: #f87171;--color-sale-bg: #2a0a0a;--color-bg: #111111;--color-bg-subtle: #171717;--color-border: #2a2a2a;--color-text: #f0f0f0;--color-text-muted: #a0a0a0;--color-success: #4ade80;--color-error: #f87171;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.4), 0 2px 4px -2px rgb(0 0 0 / 0.3);--color-sale-border: #7f1d1d;--badge-steam-bg: #1b2838;--badge-steam-text: #8bb9e0;--badge-steam-border: #2a4060;--badge-gog-bg: #1e1338;--badge-gog-text: #b794f4;--badge-gog-border: #4c1d95;--badge-bnet-bg: #0d1f3c;--badge-bnet-text: #63b3ed;--badge-bnet-border: #1a3a6b;--badge-gamepass-bg: #0a1f2e;--badge-gamepass-text: #63b3ed;--badge-gamepass-border: #1a3a5c;--badge-psplus-bg: #0d0d2b;--badge-psplus-text: #8ba4d9;--badge-psplus-border: #1a1a5c;--badge-ea-bg: #2a1a08;--badge-ea-text: #fbbf24;--badge-ea-border: #5c3a12}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);border-radius:var(--radius-md);border:1px solid rgba(0,0,0,0);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);white-space:nowrap;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.phx-click-loading,.btn.phx-submit-loading,.btn[disabled].phx-click-loading{opacity:.6;cursor:progress;pointer-events:none}.btn-primary{background-color:var(--color-accent);color:#fff;border-color:var(--color-accent)}.btn-primary:hover:not(:disabled){background-color:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn-secondary{background-color:rgba(0,0,0,0);color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background-color:var(--color-neutral-100)}.btn-ghost{background-color:rgba(0,0,0,0);color:var(--color-text-muted);border-color:rgba(0,0,0,0)}.btn-ghost:hover:not(:disabled){background-color:var(--color-neutral-100);color:var(--color-text)}.btn-danger-hover:hover:not(:disabled){background-color:color-mix(in srgb, var(--color-error) 12%, transparent);color:var(--color-error)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.card{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.card-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border)}.card-body{padding:var(--space-5)}.card-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);background-color:var(--color-bg-subtle)}.card-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.state-panel{border-radius:var(--radius-lg);padding:var(--space-5);border:1px solid}.state-panel--owned{background-color:var(--color-owned-bg);border-color:var(--color-owned-border)}.state-panel--subscription{background-color:var(--color-subscription-bg);border-color:var(--color-subscription-border)}.state-panel--buy{background-color:var(--color-buy-bg);border-color:var(--color-buy-border)}.state-panel__label{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--space-2)}.state-panel__header{display:flex;align-items:center;justify-content:space-between}.state-panel--owned .state-panel__label{color:var(--color-owned)}.state-panel--subscription .state-panel__label{color:var(--color-subscription)}.state-panel--subscription-other .state-panel__label{color:var(--color-subscription)}.state-panel--buy .state-panel__label{color:var(--color-buy)}.state-panel--subscription-other{background-color:var(--color-subscription-bg);border-color:var(--color-subscription-border)}.state-panel--muted{opacity:.55;border-style:dashed}.badge{display:inline-flex;align-items:center;padding:.1em var(--space-2);font-size:var(--text-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);border:1px solid rgba(0,0,0,0);white-space:nowrap;line-height:1.6}.badge-platform{background-color:var(--color-neutral-100);color:var(--color-neutral-700);border-color:var(--color-neutral-200)}.badge-owned{background-color:var(--color-owned-bg);color:var(--color-owned);border-color:var(--color-owned-border)}.badge-subscription{background-color:var(--color-subscription-bg);color:var(--color-subscription);border-color:var(--color-subscription-border)}.badge-playable{background-color:var(--color-owned-bg);color:var(--color-owned);border-color:var(--color-owned-border)}.badge-sale{background-color:var(--color-sale-bg);color:var(--color-sale);border-color:var(--color-sale-border, #fecaca);font-weight:var(--font-weight-semibold)}.badge-add{background-color:rgba(0,0,0,0);color:var(--color-owned);border:1px dashed var(--color-owned-border);cursor:pointer;transition:background-color .15s,border-style .15s}.badge-add:hover{background-color:var(--color-owned-bg);border-style:solid}.library-entry{position:relative;padding-right:var(--space-5)}.library-entry__remove{position:absolute;right:2px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-owned);cursor:pointer;font-size:var(--text-sm);line-height:1;opacity:0;transition:opacity .15s;padding:0 2px}.library-entry:hover .library-entry__remove{opacity:.6}.library-entry__remove:hover{opacity:1 !important}.badge-subscription-muted{background-color:var(--color-neutral-100);color:var(--color-neutral-600);border-color:var(--color-neutral-200)}.badge-steam{background-color:var(--badge-steam-bg, #e3edf7);color:var(--badge-steam-text, #1b2838);border-color:var(--badge-steam-border, #c5d6e8)}.badge-gog{background-color:var(--badge-gog-bg, #f0e8ff);color:var(--badge-gog-text, #6c2dc7);border-color:var(--badge-gog-border, #d6c8f5)}.badge-battle-net{background-color:var(--badge-bnet-bg, #e8f0fe);color:var(--badge-bnet-text, #148eff);border-color:var(--badge-bnet-border, #c5d9f5)}.badge-gamepass{background-color:var(--badge-gamepass-bg, #e8f4fd);color:var(--badge-gamepass-text, #0078d4);border-color:var(--badge-gamepass-border, #bde3f8)}.badge-psplus{background-color:var(--badge-psplus-bg, #f0e8ff);color:var(--badge-psplus-text, #003087);border-color:var(--badge-psplus-border, #d6c8f5)}.badge-ea-play{background-color:var(--badge-ea-bg, #fff3e0);color:var(--badge-ea-text, #f77f00);border-color:var(--badge-ea-border, #ffe0b2)}.input{display:block;width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-base);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);appearance:none}.input::placeholder{color:var(--color-text-muted)}.input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 15%, transparent)}.input:disabled{background-color:var(--color-neutral-100);cursor:not-allowed;opacity:.6}.input-lg{padding:var(--space-3) var(--space-4);font-size:var(--text-lg);border-radius:var(--radius-lg)}.input-group{display:flex;flex-direction:column;gap:var(--space-1)}.input-label{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.input-hint{font-size:var(--text-sm);color:var(--color-text-muted)}.input-error{font-size:var(--text-sm);color:var(--color-sale)}.input--error{border-color:var(--color-sale)}.notice{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:var(--line-height-normal)}.notice--info{background:color-mix(in srgb, var(--color-accent) 10%, transparent);border:1px solid color-mix(in srgb, var(--color-accent) 25%, transparent);color:var(--color-text)}.notice--success{background:color-mix(in srgb, var(--color-success) 10%, transparent);border:1px solid color-mix(in srgb, var(--color-success) 25%, transparent);color:var(--color-text)}.notice--error{background:color-mix(in srgb, var(--color-error) 10%, transparent);border:1px solid color-mix(in srgb, var(--color-error) 25%, transparent);color:var(--color-text)}.search-bar{position:relative;display:flex;align-items:center}.search-bar .input{padding-left:var(--space-10);font-size:var(--text-lg)}.search-bar__icon{position:absolute;left:var(--space-3);color:var(--color-text-muted);pointer-events:none}.nav{position:sticky;top:0;z-index:100;height:var(--nav-height);background-color:var(--color-bg);border-bottom:1px solid var(--color-border);display:flex;align-items:center}.nav__inner{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.nav__brand{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--color-text);text-decoration:none;letter-spacing:-0.01em}.nav__logo{height:2rem;width:auto}.nav__logo .logo-text{fill:#110f0f}[data-theme=dark] .nav__logo .logo-text{fill:#f0f0f0}[data-theme=dark] .nav__logo .logo-mark>rect:first-child{stroke:hsla(0,0%,100%,.4);stroke-width:40px;paint-order:stroke fill}@media(prefers-color-scheme: dark){[data-theme=system] .nav__logo .logo-text,:root:not([data-theme]) .nav__logo .logo-text{fill:#f0f0f0}[data-theme=system] .nav__logo .logo-mark>rect:first-child,:root:not([data-theme]) .nav__logo .logo-mark>rect:first-child{stroke:hsla(0,0%,100%,.12);stroke-width:1px}}.nav__links{display:flex;align-items:center;gap:var(--space-1)}.nav__link{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);border-radius:var(--radius-md);text-decoration:none;transition:color var(--transition-fast),background-color var(--transition-fast)}.nav__link:hover,.nav__link--active{color:var(--color-text);background-color:var(--color-neutral-100)}.nav__search{position:relative;display:flex;align-items:center;flex:1;max-width:20rem}.nav__search-icon{position:absolute;left:var(--space-2);color:var(--color-text-muted);pointer-events:none}.nav__search-input{width:100%;padding:var(--space-1) var(--space-2) var(--space-1) calc(var(--space-2) + 20px);font-size:var(--text-sm);color:var(--color-text);background-color:var(--color-neutral-100);border:1px solid rgba(0,0,0,0);border-radius:var(--radius-md);transition:border-color var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast);appearance:none}.nav__search-input::placeholder{color:var(--color-text-muted)}.nav__search-input:focus{outline:none;background-color:var(--color-bg);border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 15%, transparent)}.nav__notification-badge{background:var(--color-accent);color:#fff;border-radius:9999px;font-size:.65rem;min-width:1.1rem;height:1.1rem;display:inline-flex;align-items:center;justify-content:center;padding:0 .3rem;font-weight:700}.nav__dropdown{position:relative}.nav__dropdown-trigger{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);background:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast)}.nav__dropdown-trigger:hover{color:var(--color-text);background-color:var(--color-neutral-100)}.nav__dropdown-menu{display:none;position:absolute;right:0;top:calc(100% + var(--space-1));min-width:12rem;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 4px 12px rgba(0,0,0,.1);padding:var(--space-1);z-index:200}.nav__dropdown.open .nav__dropdown-menu{display:block}.nav__dropdown-item{display:block;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text);text-decoration:none;border-radius:var(--radius-md);transition:background-color var(--transition-fast);cursor:pointer;border:none;background:none;width:100%;text-align:left}.nav__dropdown-item:hover{background-color:var(--color-neutral-100)}.nav__dropdown-item--danger{color:var(--color-error, var(--color-sale))}.nav__dropdown-item--danger:hover{background-color:color-mix(in srgb, var(--color-error, var(--color-sale)) 10%, transparent)}.nav__dropdown-email{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:14rem}.nav__dropdown-divider{height:1px;background-color:var(--color-border);margin:var(--space-1) 0}.nav__dropdown-theme{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3)}.nav__dropdown-label{font-size:var(--text-sm);color:var(--color-text-muted)}.theme-switcher{display:inline-flex;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.theme-switcher__btn{display:flex;align-items:center;justify-content:center;padding:var(--space-1) var(--space-2);background:none;border:none;color:var(--color-text-muted);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.theme-switcher__btn:hover{color:var(--color-text);background-color:var(--color-neutral-100)}.theme-switcher__btn.active{color:var(--color-accent);background-color:var(--color-accent-muted)}@media(max-width: 640px){.nav{height:auto}.nav__inner{flex-wrap:wrap;padding-block:var(--space-2)}.nav__logo{width:6rem;height:auto;flex-shrink:0}.nav__search{order:3;flex-basis:100%;max-width:none;margin-top:var(--space-2)}}.game-result{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);transition:background-color var(--transition-fast);text-decoration:none;color:inherit}.game-result:hover{background-color:var(--color-bg-subtle)}.game-result__cover{flex-shrink:0;width:3rem;height:4rem;border-radius:var(--radius-md);background-color:var(--color-neutral-200);object-fit:cover;overflow:hidden}.game-result__cover--placeholder{display:flex;align-items:center;justify-content:center;color:var(--color-neutral-400);font-size:var(--text-xl)}.game-result__meta{flex:1;min-width:0}.game-result__title{font-size:var(--text-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-result__platforms{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-1)}.game-result__details{margin-top:var(--space-1)}.game-result__status{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);margin-top:var(--space-2)}.game-result__status-label{font-size:var(--text-xs);color:var(--color-text-muted);margin-right:var(--space-1)}.library-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(10rem, 1fr));gap:var(--space-4)}.library-card{display:flex;flex-direction:column;gap:var(--space-2);cursor:pointer;text-decoration:none;color:inherit}.library-card__cover{aspect-ratio:3/4;border-radius:var(--radius-lg);background-color:var(--color-neutral-200);object-fit:cover;width:100%}.library-card__title{font-size:var(--text-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.library-tab{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);background:none;border:none;border-bottom:2px solid rgba(0,0,0,0);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast);margin-bottom:-1px}.library-tab:hover{color:var(--color-text)}.library-tab--active{color:var(--color-text);border-bottom-color:var(--color-text)}.filter-pill{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);background:var(--color-neutral-100);border:1px solid var(--color-neutral-200);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.filter-pill:hover{background:var(--color-neutral-200);color:var(--color-text)}.filter-pill--active{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}.filter-pill--disabled{opacity:.4;cursor:default;text-decoration:none}.filter-pill--disabled:hover{opacity:.6}.reconciliation-card{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-3)}.reconciliation-search-results{border-top:1px solid var(--color-border);padding-top:var(--space-2);display:flex;flex-direction:column;gap:var(--space-1)}.reconciliation-search-results>div:hover{background-color:var(--color-neutral-100);border-radius:var(--radius-md)}.sync-progress{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-neutral-50, #fafafa)}.sync-progress-bar{height:6px;background:var(--color-neutral-200);border-radius:3px;overflow:hidden}.sync-progress-fill{height:100%;background:var(--color-accent);border-radius:3px;transition:width .3s ease}.sync-progress-indeterminate{width:30% !important;animation:indeterminate 1.5s ease-in-out infinite}@keyframes indeterminate{0%{transform:translateX(-100%)}100%{transform:translateX(400%)}}.reconciliation-link{color:var(--color-accent);text-decoration:underline;text-underline-offset:2px;opacity:.8}.reconciliation-link:hover{opacity:1}#product-table tbody tr:hover{background-color:rgba(0,0,0,.04)}[data-theme=dark] #product-table tbody tr:hover{background-color:hsla(0,0%,100%,.04)}@media(prefers-color-scheme: dark){[data-theme=system] #product-table tbody tr:hover,:root:not([data-theme]) #product-table tbody tr:hover{background-color:hsla(0,0%,100%,.04)}}.kbd-hint{display:inline-flex;align-items:center;justify-content:center;min-width:1.25em;height:1.25em;padding:0 3px;margin-left:4px;font-family:inherit;font-size:.75em;font-weight:600;line-height:1;border-radius:var(--radius-sm, 3px);background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.2)}.btn-outline .kbd-hint{background:rgba(0,0,0,.06);border-color:rgba(0,0,0,.12)}[data-theme=dark] .btn-outline .kbd-hint{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.15)}.hero{text-align:center;padding:var(--space-16) var(--space-4) var(--space-12);max-width:42rem;margin-inline:auto}.hero__title{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--space-4)}.hero__subtitle{font-size:var(--text-lg);color:var(--color-text-muted);line-height:var(--line-height-relaxed);max-width:36rem;margin-inline:auto;margin-bottom:var(--space-8)}.hero__features{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);text-align:left;margin-bottom:var(--space-8)}.hero__feature-item{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text);line-height:var(--line-height-normal)}.hero__feature-icon{flex-shrink:0;width:1.25rem;height:1.25rem;margin-top:.125rem;color:var(--color-accent)}.hero__cta{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}@media(max-width: 640px){.hero__features{grid-template-columns:1fr}.hero{padding-top:var(--space-10)}}.registration-split{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:start;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--space-6)}.registration-benefits{padding-top:var(--space-8)}.registration-benefits__title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-6)}.registration-benefits__list{list-style:none;padding:0;margin:0 0 var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.registration-benefits__list li{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--text-sm);line-height:var(--line-height-normal)}.registration-benefits__list .benefit-icon{flex-shrink:0;width:1.25rem;height:1.25rem;margin-top:.125rem;color:var(--color-accent)}.registration-benefits__note{font-size:var(--text-sm);color:var(--color-text-muted)}@media(max-width: 640px){.registration-split{grid-template-columns:1fr;gap:var(--space-8)}.registration-benefits{order:2}}.about-page{max-width:48rem;margin-inline:auto;padding:var(--space-8) var(--space-4)}.about-page h1{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-4)}.about-page h2{font-size:var(--text-xl);font-weight:var(--font-weight-semibold);margin-top:var(--space-10);margin-bottom:var(--space-4)}.about-page p{color:var(--color-text-muted);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4)}.about-page ul{list-style:none;padding:0;margin:0 0 var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}.about-page li{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--text-sm);line-height:var(--line-height-normal)}.about-page li svg{flex-shrink:0;width:1.25rem;height:1.25rem;margin-top:.125rem;color:var(--color-accent)}.about-steps{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--space-6);margin-bottom:var(--space-6)}.about-step{text-align:center;padding:var(--space-4)}.about-step__number{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-full);background-color:var(--color-accent);color:#fff;font-size:var(--text-sm);font-weight:var(--font-weight-bold);margin-bottom:var(--space-3)}.about-step__title{font-weight:var(--font-weight-semibold);font-size:var(--text-sm);margin-bottom:var(--space-1)}.about-step__desc{font-size:var(--text-xs);color:var(--color-text-muted)}@media(max-width: 640px){.about-steps{grid-template-columns:1fr}}.triage-card{transition:background-color var(--transition-fast),border-color var(--transition-fast)}.triage-title{font-size:var(--text-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.triage-title-mapping{display:flex;flex-direction:column;gap:2px}.triage-mapping-arrow{display:inline-block;color:var(--color-text-muted);font-size:.9rem;line-height:1;margin-right:4px;vertical-align:-1px}.triage-store-link{display:inline-block;margin-left:6px;color:var(--color-accent);font-size:var(--text-xs);text-decoration:underline;text-underline-offset:2px;vertical-align:1px}.triage-store-link:hover{text-decoration-thickness:2px}.triage-wrong-match{background:none;border:none;padding:2px 0;margin-top:4px;font-size:var(--text-xs);color:var(--color-text-muted);cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px;align-self:flex-start}.triage-wrong-match:hover{color:var(--color-accent)}.source-tag{display:inline-block;font-size:.65rem;font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em;padding:1px 5px;margin-right:6px;border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-text) 8%, transparent);color:var(--color-text-muted);vertical-align:2px}.source-tag--scanline{background:color-mix(in srgb, var(--color-accent) 18%, transparent);color:var(--color-accent)}.needs-matching-section{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);background:color-mix(in srgb, var(--color-text) 2%, transparent)}.needs-matching-summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:6px;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);user-select:none}.needs-matching-summary::before{content:"▸";display:inline-block;transition:transform .15s ease;font-size:1.1rem}.needs-matching-summary::-webkit-details-marker{display:none}.needs-matching-section[open]>.needs-matching-summary::before{transform:rotate(90deg)}.needs-matching-icon{font-size:.85rem;line-height:1}.needs-matching-body{margin-top:var(--space-3)}.triage-card:hover{background-color:color-mix(in srgb, var(--color-text) 4%, transparent);border-color:color-mix(in srgb, var(--color-text) 25%, transparent)}.triage-card:has(.phx-click-loading),.triage-card:has(.phx-submit-loading){pointer-events:none}.triage-card:has(.phx-click-loading)::before,.triage-card:has(.phx-submit-loading)::before{content:"";position:absolute;inset:0;background:color-mix(in srgb, var(--color-bg) 88%, transparent);border-radius:inherit;z-index:10}.triage-card:has(.phx-click-loading)::after,.triage-card:has(.phx-submit-loading)::after{content:"";position:absolute;top:50%;left:50%;width:28px;height:28px;margin:-14px 0 0 -14px;border:3px solid color-mix(in srgb, var(--color-text) 25%, transparent);border-top-color:var(--color-accent);border-radius:50%;animation:triage-spinner .7s linear infinite;z-index:11}@keyframes triage-spinner{to{transform:rotate(360deg)}}.cookie-banner{position:sticky;bottom:0;z-index:1000;background:#1a1a1a;border-top:1px solid #333;box-shadow:0 -4px 24px rgba(0,0,0,.5);padding:var(--space-5) var(--space-4);animation:cookie-slide-up .35s ease-out}.cookie-banner__inner{max-width:960px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}.cookie-banner__content{flex:1;min-width:0}.cookie-banner__heading{font-size:var(--text-base);font-weight:600;color:#f0f0f0;margin-bottom:var(--space-1)}.cookie-banner__text{font-size:var(--text-sm);color:#b0b0b0;line-height:var(--line-height-relaxed, 1.6)}.cookie-banner__link{color:#818cf8;text-decoration:underline;text-underline-offset:2px}.cookie-banner__link:hover{opacity:.8}.cookie-banner__actions{display:flex;gap:var(--space-2);flex-shrink:0}.cookie-banner__btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md, 6px);font-size:var(--text-sm);font-weight:500;cursor:pointer;border:1px solid rgba(0,0,0,0);white-space:nowrap;transition:opacity .15s ease}.cookie-banner__btn:hover{opacity:.85}.cookie-banner__btn--primary{background:#818cf8;color:#fff}.cookie-banner__btn--secondary{background:rgba(0,0,0,0);color:#ccc;border-color:#555}.cookie-banner__btn--secondary:hover{border-color:#999;opacity:1}@keyframes cookie-slide-up{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width: 600px){.cookie-banner__inner{flex-direction:column;text-align:center;gap:var(--space-3)}.cookie-banner__actions{width:100%;flex-direction:column-reverse}.cookie-banner__btn{width:100%}}.toast{position:fixed;top:var(--space-4);right:var(--space-4);z-index:1000;pointer-events:auto}.toast-alert{display:flex;align-items:flex-start;gap:var(--space-2);width:22rem;max-width:calc(100vw - 2rem);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);font-size:var(--text-sm);line-height:var(--line-height-normal);box-shadow:var(--shadow-md);cursor:pointer;word-wrap:break-word;overflow-wrap:break-word}.toast-alert-info{border-color:var(--color-accent);background:var(--color-bg)}.toast-alert-info .toast-icon{color:var(--color-accent)}.toast-alert-error{border-color:var(--color-error);background:var(--color-bg)}.toast-alert-error .toast-icon{color:var(--color-error)}.toast-icon{flex-shrink:0;width:1.25rem;height:1.25rem;margin-top:1px}.toast-body{flex:1;min-width:0}.toast-title{font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}.toast-close{flex-shrink:0;background:none;border:none;cursor:pointer;padding:0;color:var(--color-text-muted);opacity:.4;transition:opacity var(--transition-fast)}.toast-close:hover{opacity:.8}.toast-close svg{width:1.25rem;height:1.25rem}.toast-spinner{display:inline-block;width:.75rem;height:.75rem;margin-left:var(--space-1);vertical-align:middle}@media(prefers-reduced-motion: no-preference){.toast-spinner{animation:toast-spin 1s linear infinite}}@keyframes toast-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.p-4{padding:var(--space-4)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-muted{color:var(--color-text-muted)}.text-center{text-align:center}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w-full{width:100%}.min-h-screen{min-height:100vh}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.divider{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.divider::before,.divider::after{content:"";flex:1;height:1px;background:var(--color-border)}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--space-4)}.site-footer{border-top:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-text-muted)}.site-footer__inner{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:var(--container-max);margin-inline:auto;padding:var(--space-6) var(--space-4)}.site-footer a{color:var(--color-text-muted);text-decoration:none}.site-footer a:hover{color:var(--color-text)}.site-footer__heading{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text);margin-bottom:var(--space-2)}.site-footer__links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-1)}/*# sourceMappingURL=app.css.map */