.recorder-card-root{--canvas:#f8f7fb;--surface:#fff;--imgbg:#fafafc;--ink:#211f30;--ink-soft:#46435c;--muted:#8a889b;--faint:#a9a7b8;--line:#e9e7f0;--line-soft:#f1f0f6;--brand:#8281b1;--brand-deep:#5e5c8a;--brand-deeper:#4c4a73;--brand-tint:#eeedf6;--brand-tint-2:#e2e0ee;--good-bg:#e7f4ec;--good-fg:#2c7a4b;--bad-bg:#fbe7e7;--bad-fg:#b23b3b;--s-crashing-bg:#f6dada;--s-crashing-fg:#9a2e2e;--s-declining-bg:#fbe7e7;--s-declining-fg:#b23b3b;--s-driftdown-bg:#fbedea;--s-driftdown-fg:#bc6052;--s-stable-bg:#efeff2;--s-stable-fg:#6e6c7a;--s-driftup-bg:#ecf5ef;--s-driftup-fg:#3e8559;--s-rising-bg:#e7f4ec;--s-rising-fg:#2c7a4b;--s-surging-bg:#d7ecde;--s-surging-fg:#1e6a3d;--neutral-bg:#eeedf3;--neutral-fg:#8a889b;--gold:#e0a22b;--flame:#d9822b;--flame-bg:#fbefe1;--flame-fg:#b5691f;--shadow-sm:0 1px 2px #211f300a,0 1px 3px #211f300f;--shadow-md:0 2px 6px #211f300d,0 8px 24px #211f3012;--shadow-lg:0 4px 12px #211f300f,0 18px 40px #4c4a731f;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:22px;font-family:var(--font-sans),"Hanken Grotesk",sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5}.recorder-card-root,.recorder-card-root *{box-sizing:border-box}.recorder-card-root *{margin:0;padding:0}.recorder-card-root ::selection{background:var(--brand-tint-2);color:var(--brand-deeper)}.recorder-card-root .num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.recorder-card-root svg{stroke-linecap:round;stroke-linejoin:round}.recorder-card-root .grid{grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:16px;padding:12px;display:grid}.recorder-card-root .empty{text-align:center;color:var(--muted);padding:40px;font-size:14px}.recorder-card-root .card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);flex-direction:column;min-width:0;height:100%;transition:all .2s cubic-bezier(.2,.7,.3,1);display:flex;position:relative;overflow:hidden}.recorder-card-root .card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.recorder-card-root .card.own{border:1.5px solid var(--brand);box-shadow:0 0 0 3px var(--brand-tint),var(--shadow-sm)}.recorder-card-root .card.key{border:1.5px solid var(--brand-tint-2)}.recorder-card-root .card.h2h-selected,.recorder-card-root .card.own.h2h-selected{box-shadow:0 0 0 3px #5e5c8a40,var(--shadow-md)!important;border:2.5px solid #5e5c8a!important}.recorder-card-root .card.editable,.recorder-card-root .card.h2h-pickable{cursor:pointer}.recorder-card-root .card.locked{cursor:not-allowed;opacity:.6}.recorder-card-root .imgwrap{cursor:pointer;background:#fff;border:0;place-items:center;width:100%;height:265px;padding:16px;display:grid;position:relative;overflow:hidden}.recorder-card-root .imgwrap:disabled{cursor:not-allowed}.recorder-card-root .imgwrap img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}.recorder-card-root .imgwrap .ph{color:#cfcddc;width:46px;height:46px}.recorder-card-root .imgwrap .ph svg{width:100%;height:100%}.recorder-card-root .top{flex-direction:column;gap:7px;padding:13px 14px 10px;display:flex;overflow:hidden}.recorder-card-root .idrow{align-items:center;gap:8px;min-height:18px;display:flex}.recorder-card-root .asin{font-family:var(--font-mono),"JetBrains Mono",monospace;color:var(--faint);letter-spacing:.02em;font-size:11px;text-decoration:none}.recorder-card-root .asin:hover{color:var(--brand-deep)}.recorder-card-root .badge{letter-spacing:.05em;white-space:nowrap;border-radius:6px;margin-left:auto;padding:3px 8px;font-size:9.5px;font-weight:700}.recorder-card-root .badge.own{background:var(--brand-deep);color:#fff}.recorder-card-root .badge.key{background:var(--brand-tint);color:var(--brand-deep)}.recorder-card-root .card.h2h-selected .badge.key{color:#fff;background:#5e5c8a}.recorder-card-root .title{color:var(--ink);-webkit-line-clamp:2;text-align:left;cursor:pointer;background:0 0;border:0;-webkit-box-orient:vertical;height:36px;font-size:12.8px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.recorder-card-root .title:hover{text-decoration:underline}.recorder-card-root .title:disabled{cursor:not-allowed;text-decoration:none}.recorder-card-root .title .missing{color:var(--faint);font-style:italic}.recorder-card-root .rating{align-items:center;gap:5px;min-height:18px;font-size:12.5px;display:flex}.recorder-card-root .rating .star{width:13px;height:13px;color:var(--gold);fill:var(--gold)}.recorder-card-root .rating .rv{color:var(--ink);font-weight:600}.recorder-card-root .rating .rc{color:var(--faint)}.recorder-card-root .priceblock{align-items:center;height:26px;display:flex}.recorder-card-root .pricerow{white-space:nowrap;flex-wrap:nowrap;align-items:center;gap:7px;min-height:24px;display:flex}.recorder-card-root .price{color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:17px;font-weight:700}.recorder-card-root .price-old{color:var(--faint);font-variant-numeric:tabular-nums;font-size:12px;text-decoration:line-through}.recorder-card-root .price-off{color:var(--bad-fg);font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.recorder-card-root .price-delta{font-variant-numeric:tabular-nums;align-items:center;gap:3px;font-size:11.5px;font-weight:600;display:inline-flex}.recorder-card-root .price-delta svg{width:9px;height:9px}.recorder-card-root .up{color:var(--good-fg)}.recorder-card-root .down{color:var(--bad-fg)}.recorder-card-root .flat{color:var(--neutral-fg)}.recorder-card-root .tags{flex-wrap:wrap;align-items:center;gap:6px;min-height:24px;display:flex}.recorder-card-root .tag{border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:10.5px;font-weight:600;display:inline-flex}.recorder-card-root .tag.accent{background:var(--brand-tint);color:var(--brand-deep)}.recorder-card-root .tag.bestseller{background:var(--flame-bg);color:var(--flame-fg)}.recorder-card-root .tag.coupon{background:var(--good-bg);color:var(--good-fg)}.recorder-card-root .tag svg{width:10px;height:10px}.recorder-card-root .perf{border-top:1px solid var(--line-soft);background:#fbfbfd;margin-top:auto;padding:11px 14px 12px}.recorder-card-root .scores{grid-template-columns:1fr;gap:0;display:grid}.recorder-card-root .score{min-width:0;padding:0 4px}.recorder-card-root .score:first-child{border-right:1px solid var(--line);padding-left:0;padding-right:12px}.recorder-card-root .score:last-child{padding-left:12px}.recorder-card-root .score-lab{letter-spacing:.06em;text-transform:uppercase;color:var(--faint);white-space:nowrap;align-items:center;gap:4px;margin-bottom:7px;font-size:8.5px;font-weight:700;display:flex}.recorder-card-root .score-lab svg{width:10px;height:10px;color:var(--faint)}.recorder-card-root .score-help{color:var(--faint);cursor:help;background:0 0;border:0;place-items:center;display:inline-grid}.recorder-card-root .score-help:hover{color:var(--brand-deep)}.recorder-card-root .score-row{white-space:nowrap;align-items:center;gap:8px;min-height:32px;display:flex}.recorder-card-root .score-pill{font-variant-numeric:tabular-nums;border-radius:11px;align-items:center;gap:6px;padding:5px 11px 5px 9px;display:inline-flex;box-shadow:inset 0 0 0 1px #211f3005}.recorder-card-root .score-pill .ic{flex:none;width:14px;height:14px}.recorder-card-root .score-pill .v{font-family:var(--font-mono),"JetBrains Mono",monospace;letter-spacing:-.01em;font-size:18px;font-weight:700;line-height:1}.recorder-card-root .score-pill.up{background:var(--good-bg);color:var(--good-fg)}.recorder-card-root .score-pill.down{background:var(--bad-bg);color:var(--bad-fg)}.recorder-card-root .score-pill.flat{background:var(--brand-tint);color:var(--brand-deep)}.recorder-card-root .score-pill.s-crashing{background:var(--s-crashing-bg);color:var(--s-crashing-fg)}.recorder-card-root .score-pill.s-declining{background:var(--s-declining-bg);color:var(--s-declining-fg)}.recorder-card-root .score-pill.s-driftdown{background:var(--s-driftdown-bg);color:var(--s-driftdown-fg)}.recorder-card-root .score-pill.s-stable{background:var(--s-stable-bg);color:var(--s-stable-fg)}.recorder-card-root .score-pill.s-driftup{background:var(--s-driftup-bg);color:var(--s-driftup-fg)}.recorder-card-root .score-pill.s-rising{background:var(--s-rising-bg);color:var(--s-rising-fg)}.recorder-card-root .score-pill.s-surging{background:var(--s-surging-bg);color:var(--s-surging-fg)}.recorder-card-root .score-sub{margin-top:6px}.recorder-card-root .score-trend{white-space:nowrap;font-size:11px;font-weight:600;display:block}.recorder-card-root .score-trend.muted{color:var(--muted)}.recorder-card-root .score-trend.s-crashing{color:var(--s-crashing-fg)}.recorder-card-root .score-trend.s-declining{color:var(--s-declining-fg)}.recorder-card-root .score-trend.s-driftdown{color:var(--s-driftdown-fg)}.recorder-card-root .score-trend.s-stable{color:var(--s-stable-fg)}.recorder-card-root .score-trend.s-driftup{color:var(--s-driftup-fg)}.recorder-card-root .score-trend.s-rising{color:var(--s-rising-fg)}.recorder-card-root .score-trend.s-surging{color:var(--s-surging-fg)}.recorder-card-root .score-pt{font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:2px;font-size:10.5px;font-weight:600;display:inline-flex}.recorder-card-root .score-pt svg{width:8px;height:8px}.recorder-card-root .metrics{border-top:1px solid var(--line-soft);grid-template-columns:repeat(3,1fr);gap:10px 6px;margin-top:11px;padding-top:10px;display:grid}.recorder-card-root .metric .ml{letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin-bottom:2px;font-size:8.5px;font-weight:700}.recorder-card-root .metric .mrow{white-space:nowrap;align-items:baseline;gap:4px;min-height:16px;display:flex}.recorder-card-root .metric .mv{color:var(--ink);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.recorder-card-root .metric .md{font-variant-numeric:tabular-nums;align-items:center;gap:1px;font-size:10px;font-weight:600;display:inline-flex}.recorder-card-root .metric .md svg{width:7px;height:7px}.recorder-card-root .cardfoot{border-top:1px solid var(--line-soft);flex-direction:column;gap:5px;margin-top:12px;padding-top:11px;display:flex}.recorder-card-root .foot-row{align-items:center;gap:8px;min-width:0;font-size:11px;display:flex}.recorder-card-root .foot-row .fk{letter-spacing:.05em;text-transform:uppercase;width:46px;color:var(--faint);flex:none;font-size:9px;font-weight:700}.recorder-card-root .foot-row .fv{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.recorder-card-root .foot-row .fv.dash{color:var(--faint)}.recorder-card-root ::-webkit-scrollbar{width:9px}.recorder-card-root ::-webkit-scrollbar-thumb{background:#8281b138 padding-box padding-box;border:3px solid #0000;border-radius:9px}.recorder-card-root .card.is-skel{cursor:default}.recorder-card-root .card.is-skel:hover{box-shadow:var(--shadow-sm);transform:none}.recorder-card-root .card.is-skel .imgwrap{cursor:default}.recorder-card-root .card.is-skel .title{-webkit-line-clamp:none;display:block}