:root{color-scheme:dark;--bg: #0c100e;--card: #141a16;--card-raised: #1a221d;--border: #232d26;--border-strong: #5f6b62;--fg: #e6e9e6;--muted: #97a49b;--accent: #27a451;--accent-bright: #6eb642;--accent-deep: #088552;--accent-pale: #b6e1c7;--hero-glow: radial-gradient(60% 50% at 50% 0%, rgba(39, 164, 81, .16), transparent);--up: #6eb642;--down: #e8705e;--selection-bg: rgb(39 164 81 / .32);--selection-fg: var(--fg);--font-display: Georgia, "Times New Roman", serif;--font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--step--1: .833rem;--step-0: 1rem;--step-1: 1.2rem;--step-2: 1.44rem;--step-3: 1.728rem;--step-4: clamp(2rem, 1.4rem + 3vw, 3.25rem);--leading-tight: 1.15;--leading-body: 1.55;--tracking-caps: .06em;--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--radius-pill: 999px;--elev-flat: var(--card);--elev-raised: var(--card-raised);--shadow-raised: 0 1px 2px rgb(0 0 0 / .4), 0 8px 24px rgb(0 0 0 / .25);--maxw: 1080px}::selection{background:var(--selection-bg);color:var(--selection-fg)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);font-size:var(--step-0);background:var(--bg);color:var(--fg);line-height:var(--leading-body);-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.site-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1.25rem;border-bottom:1px solid var(--border);position:sticky;top:0;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(8px);z-index:10}.brand{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--font-display);font-weight:700;font-size:var(--step-1);letter-spacing:-.01em;color:var(--fg)}.brand:hover{text-decoration:none}.brand img{width:28px;height:28px;display:block}.site-header nav{display:flex;gap:1.25rem}.site-header nav a{color:var(--muted);font-size:var(--step--1);letter-spacing:.01em}.site-header nav a:hover,.site-header nav a[aria-current=page]{color:var(--fg);text-decoration:none}main{max-width:var(--maxw);margin:0 auto;padding:2.5rem 1.25rem 4rem}footer{border-top:1px solid var(--border);padding:1.5rem 1.25rem;text-align:center;color:var(--muted);font-size:var(--step--1)}footer .footer-note{margin:.4rem 0 0}h1{font-family:var(--font-display);font-size:var(--step-4);line-height:var(--leading-tight);letter-spacing:-.02em;margin:0 0 .6rem;color:var(--fg);text-wrap:balance}h2{font-family:var(--font-display);margin:2.25rem 0 .85rem;font-size:var(--step-2);line-height:1.25;letter-spacing:-.01em}.lead{color:var(--muted);font-size:var(--step-1);max-width:54ch;margin:0 0 1.25rem}.muted{color:var(--muted);font-size:var(--step--1)}.tnum,.stat-value,table td,table th{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.hero{position:relative;padding:3rem 0 2rem;margin:0 0 1.5rem;background:var(--hero-glow);border-bottom:1px solid var(--border)}.eyebrow{display:block;font-size:var(--step--1);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--accent);margin:0 0 .75rem;font-weight:600}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin:1.75rem 0 0}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--elev-flat)}.empty{color:var(--muted);padding:1.5rem;border:1px dashed var(--border);border-radius:var(--radius);background:var(--elev-flat)}.badges{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}.badges li{background:var(--elev-flat);border:1px solid var(--border);border-radius:var(--radius-pill);padding:.35rem .85rem;font-size:var(--step--1);color:var(--muted)}.cta{display:inline-block;margin:.5rem 0 1rem;background:var(--accent-bright);color:var(--bg);padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-weight:700;letter-spacing:.01em;transition:transform .12s ease,filter .12s ease}.cta:hover{text-decoration:none;filter:brightness(1.08)}.cta:active{transform:translateY(1px)}.cta-secondary{background:transparent;color:var(--fg);border:1px solid var(--border-strong);font-weight:600}.cta-secondary:hover{border-color:var(--accent);color:var(--accent);filter:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}@media(prefers-reduced-motion:reduce){.cta{transition:none}}@media(max-width:640px){.site-header{flex-direction:column;align-items:flex-start;gap:.6rem}.site-header nav{gap:1rem}.hero{padding:2rem 0 1.5rem}}.table-caption{margin:0 0 .6rem;color:var(--muted);font-size:var(--step--1)}.products{width:100%;border-collapse:collapse;font-size:var(--step--1)}.products th,.products td{padding:.7rem .9rem;text-align:left;vertical-align:middle}.products thead th{position:sticky;top:0;background:var(--card-raised);border-bottom:1px solid var(--border);color:var(--muted);font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:var(--tracking-caps);white-space:nowrap}.products tbody tr{border-bottom:1px solid var(--border)}.products tbody tr:last-child{border-bottom:none}.products tbody tr:hover{background:var(--card-raised)}.num{text-align:right!important;font-variant-numeric:tabular-nums;white-space:nowrap}.product-cell{font-weight:400;min-width:16rem;width:100%}.product-inner{display:flex;align-items:center;gap:.7rem}.product-text{display:flex;flex-direction:column;gap:.1rem;min-width:0}.product-text a{color:var(--fg);font-weight:600;line-height:1.3}.product-text a:hover{color:var(--accent)}.creator{color:var(--muted);font-size:.78rem}.thumb{flex:none;width:40px;height:40px;border-radius:var(--radius-sm);object-fit:cover;border:1px solid var(--border);background:var(--card)}.thumb-fallback{display:grid;place-items:center;font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--card));border-color:color-mix(in srgb,var(--accent) 25%,var(--border));text-transform:uppercase}.unknown{color:var(--muted);cursor:help}.up{color:var(--up)}.down{color:var(--down)}.toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin:0 0 .85rem}.search{flex:1 1 22rem;display:block}.search input{width:100%;font:inherit;font-size:var(--step-0);color:var(--fg);background:var(--card);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:.65rem .9rem}.search input::placeholder{color:var(--muted)}.search input:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.result-count{margin:0;color:var(--muted);font-size:var(--step--1);font-variant-numeric:tabular-nums}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.products thead th[data-sort]{cursor:pointer;user-select:none}.products thead th[data-sort]:hover{color:var(--fg)}.products thead th[data-sort]:after{content:"";display:inline-block;width:.7em;color:var(--accent)}.products thead th[data-sort][aria-sort=ascending]:after{content:" ↑"}.products thead th[data-sort][aria-sort=descending]:after{content:" ↓"}.no-results{margin:1rem 0 0;padding:1.25rem;border:1px dashed var(--border);border-radius:var(--radius);color:var(--muted);font-size:var(--step--1)}.preview-edge{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin:.85rem 0 0;padding:.85rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);color:var(--muted);font-size:var(--step--1)}.preview-edge strong{color:var(--fg);font-variant-numeric:tabular-nums}.preview-edge a{font-weight:600;white-space:nowrap}.table-note{margin:.7rem 0 0;color:var(--muted);font-size:.78rem;max-width:60ch}.sparkline{color:var(--accent);max-width:100%;height:auto}.no-history{color:var(--muted);font-size:.875rem}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:1rem 1.1rem}.stat-value{display:block;font-size:1.6rem;font-weight:700;line-height:1.2}.stat-label{color:var(--muted);font-size:.85rem}.toolbar .filter select{font:inherit;font-size:.88rem;padding:.4rem .6rem;border-radius:6px;border:1px solid var(--border);background:var(--card);color:var(--fg)}.toolbar .filter select:hover{border-color:var(--border-strong)}.toolbar .filter select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.filter-reset{font:inherit;font-size:.85rem;padding:.35rem .7rem;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--muted);cursor:pointer}.filter-reset:hover{color:var(--accent);border-color:var(--accent)}.pager{display:flex;align-items:center;gap:.5rem;margin-top:1rem;flex-wrap:wrap}.pager button,.pager-page{font:inherit;font-size:.85rem;padding:.35rem .7rem;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--fg);cursor:pointer}.pager button:disabled{opacity:.4;cursor:default}.pager-pages{display:inline-flex;gap:.35rem;flex-wrap:wrap}.pager-page.is-current{border-color:var(--accent);color:var(--accent);font-weight:600}.pager-page.is-locked{color:var(--accent);border-style:dashed;border-color:var(--accent);text-decoration:none;opacity:.9}.pager-page.is-locked:before{content:"🔒";margin-right:.3rem;font-size:.78em}.pager-page.is-locked:hover{opacity:1;background:var(--card)}.pager-gap{color:var(--muted);padding:0 .15rem}.paywall{margin-top:1.25rem;padding:1.1rem 1.25rem;border:1px dashed var(--border-strong);border-radius:10px;background:var(--card)}.paywall-title{margin:0 0 .35rem;font-weight:600}.paywall-body{margin:0 0 .85rem;color:var(--muted);font-size:.92rem;max-width:62ch}:root{--bg: #0c1011;--card: #141a1a;--card-raised: #1a2121;--border: #232d2d;--border-strong: #5f6a69;--muted: #97a4a2;--platform-tint: #008060;--hero-glow: radial-gradient(60% 50% at 50% 0%, rgba(0, 128, 96, .1), transparent);--mark-hue-shift: 0deg}.platform-mark{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .65rem .25rem .4rem;border:1px solid var(--border);border-radius:var(--radius-pill, 999px);background:var(--elev-flat, var(--card));color:var(--fg);vertical-align:middle}.platform-logo{display:block;flex:none;width:var(--platform-logo-size, 22px);height:var(--platform-logo-size, 22px);object-fit:contain}.platform-mark-name{color:var(--fg);font-size:.9rem;font-weight:650;letter-spacing:-.01em;white-space:nowrap}.brand-row{display:inline-flex;align-items:center;gap:.6rem}.brand-row .brand-sep{width:1px;height:1.1rem;background:var(--border-strong, var(--border));display:inline-block}
