:root{--gray-0:#fff;--gray-25:#fcfcfd;--gray-50:#f7f8fa;--gray-100:#eef0f4;--gray-150:#e4e7ec;--gray-200:#d6dae1;--gray-300:#b8bec9;--gray-400:#8d95a3;--gray-500:#6b7382;--gray-600:#515865;--gray-700:#3b414c;--gray-800:#262a32;--gray-900:#16191f;--gray-950:#0d0f13;--best:#0f9d58;--best-soft:#e6f6ee;--best-text:#0a7343;--warn:#f5a524;--warn-soft:#fef4e2;--warn-text:#8a5a06;--up:#e5484d;--up-soft:#fdecec;--accent:#3352e1;--accent-soft:#eaeeff;--wholesale:#7c5cd6;--wholesale-soft:#f1ecfd;--bg:var(--gray-50);--surface:var(--gray-0);--surface-2:var(--gray-25);--border:var(--gray-150);--border-strong:var(--gray-200);--text:var(--gray-900);--text-2:var(--gray-600);--text-3:var(--gray-400);--shadow-sm:0 1px 2px #10141c0d;--shadow-md:0 2px 4px -1px #10141c0f, 0 4px 12px -2px #10141c14;--shadow-lg:0 8px 24px -6px #10141c24, 0 2px 6px -2px #10141c0f;--radius-sm:6px;--radius:10px;--radius-lg:14px;--radius-xl:20px;--header-h:60px;--content-max:1560px;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--ease-drawer:cubic-bezier(.32, .72, 0, 1);--dur-press:.12s;--dur-hover:.15s;--dur-pop:.18s;--dur-panel:.24s;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-num:"Inter", ui-monospace, "SF Mono", Menlo, monospace}:root[data-theme=dark]{--bg:var(--gray-950);--surface:#14171d;--surface-2:#1a1e25;--border:#262b34;--border-strong:#333945;--text:#eceef2;--text-2:#9aa2b1;--text-3:#6b7382;--best:#3ecf8e;--best-soft:#10291f;--best-text:#5edaa2;--warn:#ffb224;--warn-soft:#2e2008;--warn-text:#ffcb62;--up:#ff6369;--up-soft:#2d1416;--accent:#7189ff;--accent-soft:#1a1f3d;--wholesale:#a68cf0;--wholesale-soft:#1f1830;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 2px 4px -1px #0006, 0 4px 12px -2px #00000059;--shadow-lg:0 8px 24px -6px #0000008c, 0 2px 6px -2px #00000059}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-feature-settings:"cv05" 1, "ss01" 1;margin:0;font-size:14px;line-height:1.5}.tnum{font-variant-numeric:tabular-nums;font-family:var(--font-num)}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}input,select{font:inherit;color:inherit}::selection{background:var(--accent-soft);color:var(--text)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}*{scrollbar-width:thin;scrollbar-color:var(--gray-300) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);background-clip:content-box;border:3px solid #0000;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400);background-clip:content-box}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.header{z-index:40;height:var(--header-h);background:color-mix(in srgb, var(--surface) 86%, transparent);-webkit-backdrop-filter:saturate(1.6)blur(12px);backdrop-filter:saturate(1.6)blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0}.header-inner{max-width:var(--content-max);align-items:center;gap:20px;height:100%;margin:0 auto;padding:0 20px;display:flex}.brand{letter-spacing:-.011em;white-space:nowrap;align-items:center;gap:9px;font-weight:650;display:flex}.brand-dot{background:var(--best);width:9px;height:9px;box-shadow:0 0 0 3px color-mix(in srgb, var(--best) 16%, transparent);border-radius:3px}.header-meta{flex:1;align-items:center;gap:16px;min-width:0;display:flex;overflow:hidden}.header-stat{color:var(--text-2);white-space:nowrap;align-items:center;gap:7px;font-size:12.5px;display:flex}.header-stat-sep,.header-stat-dim{color:var(--text-3)}.header-alert{color:var(--up);background:var(--up-soft);white-space:nowrap;border-radius:99px;padding:3px 9px;font-size:12px;font-weight:550}.icon-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-2);transition:background var(--dur-hover) var(--ease-out), color var(--dur-hover) var(--ease-out);place-items:center;display:grid}@media (hover:hover) and (pointer:fine){.icon-btn:hover{background:var(--gray-100);color:var(--text)}:root[data-theme=dark] .icon-btn:hover{background:var(--surface-2)}}.page{max-width:var(--content-max);margin:0 auto;padding:0 20px 64px}.filterbar{top:var(--header-h);z-index:30;background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);flex-direction:column;gap:10px;padding:14px 0 12px;display:flex;position:sticky}.filterbar-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filterbar-row-chips{gap:6px}.filterbar-divider{background:var(--border-strong);width:1px;height:20px;margin:0 4px}.filterbar-count{color:var(--text-3);margin-left:auto;padding-right:2px;font-size:12.5px}.search{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:220px;max-width:460px;height:36px;color:var(--text-3);transition:border-color var(--dur-hover) var(--ease-out), box-shadow var(--dur-hover) var(--ease-out);flex:300px;align-items:center;gap:8px;padding:0 10px 0 11px;display:flex;position:relative}.search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent)}.search input{min-width:0;height:100%;color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:13.5px}.search input::placeholder{color:var(--text-3)}.search-clear{width:20px;height:20px;color:var(--text-3);transition:background var(--dur-hover) var(--ease-out), color var(--dur-hover) var(--ease-out);border-radius:5px;place-items:center;display:grid}@media (hover:hover) and (pointer:fine){.search-clear:hover{background:var(--gray-100);color:var(--text)}}.search-kbd{font-family:var(--font);color:var(--text-3);background:var(--gray-100);border:1px solid var(--border);border-radius:4px;padding:1px 5px;font-size:11px;line-height:1.4}:root[data-theme=dark] .search-kbd{background:var(--surface-2)}.select{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);height:36px;color:var(--text);cursor:pointer;appearance:none;transition:border-color var(--dur-hover) var(--ease-out);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238d95a3' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 9px center;background-repeat:no-repeat;padding:0 30px 0 11px;font-size:13px}@media (hover:hover) and (pointer:fine){.select:hover{border-color:var(--border-strong)}}.chip{background:var(--surface);border:1px solid var(--border);height:30px;color:var(--text-2);white-space:nowrap;transition:background var(--dur-hover) var(--ease-out), border-color var(--dur-hover) var(--ease-out), color var(--dur-hover) var(--ease-out);border-radius:99px;align-items:center;gap:6px;padding:0 11px;font-size:12.5px;font-weight:500;display:inline-flex}.chip-chain{padding-left:5px}@media (hover:hover) and (pointer:fine){.chip:hover{border-color:var(--border-strong);color:var(--text)}}.chip:active{transition-duration:var(--dur-press);transform:scale(.97)}.chip.is-active{background:var(--text);border-color:var(--text);color:var(--surface)}.chip-tier{text-transform:uppercase;letter-spacing:.04em;color:var(--wholesale);background:var(--wholesale-soft);border-radius:4px;padding:1px 5px;font-size:10px;font-weight:600}.chip.is-active .chip-tier{color:var(--surface);background:color-mix(in srgb, var(--surface) 22%, transparent)}.viewtoggle{background:var(--gray-100);border-radius:var(--radius);height:36px;padding:3px;display:flex;position:relative}:root[data-theme=dark] .viewtoggle{background:var(--surface-2)}.viewtoggle-thumb{background:var(--surface);width:34px;height:calc(100% - 6px);box-shadow:var(--shadow-sm);transition:transform var(--dur-pop) var(--ease-out);border-radius:7px;position:absolute;top:3px;left:3px}.viewtoggle-thumb-grid{transform:translate(0)}.viewtoggle-thumb-table{transform:translate(34px)}.viewtoggle-btn{z-index:1;width:34px;color:var(--text-3);transition:color var(--dur-hover) var(--ease-out);place-items:center;display:grid;position:relative}.viewtoggle-btn.is-active{color:var(--text)}.btn-ghost{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);height:36px;color:var(--text-2);transition:border-color var(--dur-hover) var(--ease-out), color var(--dur-hover) var(--ease-out);align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}@media (hover:hover) and (pointer:fine){.btn-ghost:hover:not(:disabled){border-color:var(--border-strong);color:var(--text)}}.btn-ghost:disabled{opacity:.4;cursor:not-allowed}.content{transition:opacity var(--dur-pop) var(--ease-out);padding-top:18px}.content.is-loading{opacity:.55}.grid{grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:14px;display:grid}.empty{text-align:center;padding:72px 20px}.empty-title{margin:0 0 6px;font-size:15px;font-weight:600}.empty-text{color:var(--text-2);margin:0 0 4px;font-size:13px}.empty code{font-family:var(--font-num);background:var(--gray-100);border-radius:5px;padding:2px 6px;font-size:12px}:root[data-theme=dark] .empty code{background:var(--surface-2)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--dur-hover) var(--ease-out), box-shadow var(--dur-hover) var(--ease-out);flex-direction:column;display:flex;overflow:hidden}@media (hover:hover) and (pointer:fine){.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}}.card-hit{text-align:left;padding:0;display:block}.card-media{aspect-ratio:1.28;background:var(--surface-2);place-items:center;display:grid;position:relative;overflow:hidden}.card-media img{object-fit:contain;width:100%;height:100%;padding:14px}.card-placeholder{border-radius:var(--radius);background:var(--gray-100);width:52px;height:52px;color:var(--text-3);place-items:center;font-size:21px;font-weight:600;display:grid}:root[data-theme=dark] .card-placeholder{background:var(--gray-800)}.badge-spread{z-index:1;background:var(--warn);color:#1b1b1b;letter-spacing:-.01em;border-radius:7px;padding:3px 8px;font-size:11.5px;font-weight:700;position:absolute;top:9px;left:9px}.badge-suspect{z-index:1;background:var(--up-soft);color:var(--up);border:1px solid color-mix(in srgb, var(--up) 32%, transparent);letter-spacing:-.005em;border-radius:7px;padding:3px 8px;font-size:11px;font-weight:650;position:absolute;top:9px;left:9px}.badge-measure{background:color-mix(in srgb, var(--gray-900) 76%, transparent);color:#fff;border-radius:6px;padding:2px 7px;font-size:11px;font-weight:550;position:absolute;bottom:9px;right:9px}.card-body{padding:11px 12px 8px}.card-prices{align-items:baseline;gap:7px;display:flex}.card-price{letter-spacing:-.02em;color:var(--best-text);font-size:17px;font-weight:700}:root[data-theme=dark] .card-price{color:var(--best)}.card-price-old{color:var(--text-3);font-size:12.5px;text-decoration:line-through}.card-perunit{color:var(--text-3);margin-top:1px;font-size:11.5px}.card-title{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.76em;margin:7px 0 0;font-size:13px;font-weight:500;line-height:1.38;display:-webkit-box;overflow:hidden}.card-offers{border-top:1px solid var(--border);flex-direction:column;gap:5px;margin-top:auto;padding:8px 12px 11px;display:flex}.card-offer{align-items:center;gap:7px;font-size:12px;display:flex}.card-offer.is-out{opacity:.45}.card-offer-name{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.card-offer-price{color:var(--text);white-space:nowrap;margin-left:auto;font-weight:600}.card-more{color:var(--accent);text-align:left;transition:opacity var(--dur-hover) var(--ease-out);margin-top:2px;font-size:11.5px}@media (hover:hover) and (pointer:fine){.card-more:hover{opacity:.7}}.card-single{color:var(--text-3);font-size:11px}.chain-mark{letter-spacing:-.02em;flex:none;place-items:center;font-weight:700;line-height:1;display:inline-grid}.tag-best{text-transform:uppercase;letter-spacing:.04em;color:var(--best-text);background:var(--best-soft);border-radius:4px;padding:1.5px 5px;font-size:10px;font-weight:650}:root[data-theme=dark] .tag-best{color:var(--best)}.tag-out{text-transform:uppercase;letter-spacing:.04em;color:var(--text-3);background:var(--gray-100);border-radius:4px;padding:1.5px 5px;font-size:10px;font-weight:600}:root[data-theme=dark] .tag-out{background:var(--gray-800)}.tag-tier{text-transform:uppercase;letter-spacing:.04em;color:var(--wholesale);background:var(--wholesale-soft);border-radius:4px;margin-left:6px;padding:1.5px 5px;font-size:10px;font-weight:600}.table-wrap{max-height:calc(100vh - var(--sticky-top,152px) - 36px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overscroll-behavior:contain;overflow:auto}.table{border-collapse:separate;border-spacing:0;width:100%;font-size:13px}.table th{z-index:2;background:var(--surface);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.03em;color:var(--text-3);text-align:left;white-space:nowrap;padding:9px 12px;font-size:11.5px;font-weight:600;position:sticky;top:0}.table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:9px 12px}.table tbody tr{cursor:pointer;transition:background var(--dur-press) var(--ease-out)}@media (hover:hover) and (pointer:fine){.table tbody tr:hover{background:var(--surface-2)}}.table tbody tr:last-child td{border-bottom:none}.col-title{z-index:1;background:var(--surface);min-width:300px;max-width:420px;position:sticky;left:0}.table tbody tr:hover .col-title{background:var(--surface-2)}.table th.col-title{z-index:3}.table-title{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.table-measure{color:var(--text-3);margin-top:2px;font-size:11px;display:inline-block}.col-num{text-align:right;white-space:nowrap}.col-chain{text-align:right;min-width:108px}.col-chain-inner{align-items:center;gap:6px;display:inline-flex}.col-chain-name{font-size:11.5px}.table-min{color:var(--best-text);font-weight:700}:root[data-theme=dark] .table-min{color:var(--best)}.table-dim{color:var(--text-3)}.table-spread{color:var(--warn-text);background:var(--warn-soft);border-radius:5px;padding:2px 6px;font-weight:600}:root[data-theme=dark] .table-spread{color:var(--warn)}.table-empty{color:var(--gray-200)}:root[data-theme=dark] .table-empty{color:var(--gray-800)}.table td.is-best{color:var(--best-text);background:color-mix(in srgb, var(--best) 7%, transparent);font-weight:700}:root[data-theme=dark] .table td.is-best{color:var(--best)}.table td.is-out{color:var(--text-3);text-decoration:line-through;text-decoration-thickness:1px}.cell-promo{background:var(--warn);vertical-align:middle;border-radius:99px;width:5px;height:5px;margin-left:5px;display:inline-block}.th-sort{width:100%;font:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit;transition:color var(--dur-hover) var(--ease-out);align-items:center;gap:4px;display:flex}@media (hover:hover) and (pointer:fine){.th-sort:hover{color:var(--text)}}.th-sort.is-active{color:var(--text)}.pagination{justify-content:center;align-items:center;gap:14px;padding:28px 0 8px;display:flex}.pagination-info{color:var(--text-2);flex-direction:column;align-items:center;gap:1px;font-size:13px;font-weight:600;display:flex}.pagination-total{color:var(--text-3);font-size:11px;font-weight:400}.scrim{z-index:50;background:color-mix(in srgb, var(--gray-950) 42%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);position:fixed;inset:0}.panel{z-index:51;background:var(--surface);border-left:1px solid var(--border);width:min(660px,100vw);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden}.panel-head{border-bottom:1px solid var(--border);flex:none;align-items:center;gap:12px;padding:12px 16px;display:flex}.panel-crumbs{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.panel-loading{text-align:center;color:var(--text-3);padding:40px}.panel-body{flex:1;padding:18px 20px 40px;overflow-y:auto}.panel-hero{gap:18px;display:flex}.panel-media{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);flex:none;place-items:center;width:160px;height:160px;display:grid;position:relative;overflow:hidden}.panel-media img{object-fit:contain;width:100%;height:100%;padding:14px}.panel-headline{flex:1;min-width:0}.panel-brand{color:var(--text-3);margin-bottom:3px;font-size:12px}.panel-title{letter-spacing:-.015em;margin:0 0 12px;font-size:18px;font-weight:650;line-height:1.32}.panel-price-row{align-items:baseline;gap:9px;display:flex}.panel-price{letter-spacing:-.025em;color:var(--best-text);font-size:27px;font-weight:750}:root[data-theme=dark] .panel-price{color:var(--best)}.panel-price-old{color:var(--text-3);font-size:14px;text-decoration:line-through}.panel-perunit{color:var(--text-3);margin-top:2px;font-size:12.5px}.panel-best{color:var(--text-2);margin-top:10px;font-size:12.5px}.panel-best strong{color:var(--text);font-weight:600}.panel-ean{color:var(--text-3);margin-top:6px;font-size:11.5px}.panel-section{margin-top:26px}.panel-section-head{align-items:center;gap:12px;margin-bottom:11px;display:flex}.panel-section-head h3{margin:0;font-size:13.5px;font-weight:650}.panel-section-note{color:var(--text-3);font-size:12px}.panel-section-head .segmented{margin-left:auto}.offers{border:1px solid var(--border);border-radius:var(--radius-lg);margin:0;padding:0;list-style:none;overflow:hidden}.offer{border-bottom:1px solid var(--border);transition:background var(--dur-hover) var(--ease-out);align-items:center;gap:11px;padding:11px 13px;display:flex}.offer:last-child{border-bottom:none}@media (hover:hover) and (pointer:fine){.offer:hover{background:var(--surface-2)}}.offer.is-out{opacity:.55}.offer-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.offer-name{align-items:center;font-size:13.5px;font-weight:550;display:flex}.offer-meta{color:var(--text-3);align-items:center;gap:8px;font-size:11.5px;display:flex}.offer-prices{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.offer-price{font-size:14.5px;font-weight:650}.offer-price.is-best{color:var(--best-text);font-size:16px;font-weight:750}:root[data-theme=dark] .offer-price.is-best{color:var(--best)}.offer-delta{color:var(--text-3);font-size:11.5px}.segmented{background:var(--gray-100);border-radius:var(--radius);gap:2px;padding:3px;display:inline-flex}:root[data-theme=dark] .segmented{background:var(--surface-2)}.segmented-inline{margin-bottom:12px}.segmented-btn{color:var(--text-3);transition:background var(--dur-hover) var(--ease-out), color var(--dur-hover) var(--ease-out);border-radius:7px;padding:5px 11px;font-size:12.5px;font-weight:550}@media (hover:hover) and (pointer:fine){.segmented-btn:hover{color:var(--text-2)}}.segmented-btn.is-active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}:root[data-theme=dark] .segmented-btn.is-active{background:var(--gray-700)}.chart{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:12px 12px 10px}.chart-svg{width:100%;height:auto;display:block;overflow:visible}.chart-grid{stroke:var(--border);stroke-width:1px;stroke-dasharray:3 4}.chart-axis{fill:var(--text-3);font-size:10px;font-family:var(--font-num)}.chart-area{fill:color-mix(in srgb, var(--best) 9%, transparent)}.chart-line{fill:none;stroke-width:2px;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1400;stroke-dashoffset:1400px;animation:draw .62s var(--ease-out) forwards}@keyframes draw{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.chart-line{stroke-dasharray:none;stroke-dashoffset:0;animation:none}}.chart-dot{stroke:var(--surface);stroke-width:2px}.chart-label{fill:var(--text-2);font-size:10.5px;font-weight:600;font-family:var(--font-num)}.chart-cursor{stroke:var(--border-strong);stroke-width:1px}.chart-legend{border-top:1px solid var(--border);color:var(--text-2);flex-wrap:wrap;align-items:center;gap:14px;margin-top:4px;padding-top:8px;font-size:11.5px;display:flex}.chart-legend-item{align-items:center;gap:6px;display:inline-flex}.chart-legend-dot{border-radius:99px;width:7px;height:7px}.chart-delta-down{color:var(--best-text);font-weight:600}:root[data-theme=dark] .chart-delta-down{color:var(--best)}.chart-delta-up{color:var(--up);font-weight:600}.chart-hoverinfo{color:var(--text);margin-left:auto;font-weight:600}.chart-empty{border:1px dashed var(--border-strong);border-radius:var(--radius-lg);text-align:center;color:var(--text-3);flex-direction:column;align-items:center;gap:6px;padding:34px 20px;display:flex}.chart-empty-title{color:var(--text-2);margin:4px 0 0;font-size:13px;font-weight:600}.chart-empty-text{max-width:340px;margin:0;font-size:12px;line-height:1.5}@media (width<=720px){.page{padding:0 12px 48px}.header-meta{display:none}.grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.panel-hero{flex-direction:column}.panel-media{width:100%;height:190px}.panel-section-head{flex-wrap:wrap}.panel-section-head .segmented{margin-left:0}.card-offer-name{display:none}.card-offer{gap:6px}}.boot{background:var(--bg);position:fixed;inset:0}.pin-screen{background:var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.pin-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:300px;box-shadow:var(--shadow-lg);text-align:center;padding:32px 28px 26px}.pin-card.is-shaking{animation:pin-shake .42s var(--ease-out)}@keyframes pin-shake{0%,to{transform:translate(0)}15%{transform:translate(-9px)}30%{transform:translate(8px)}45%{transform:translate(-6px)}60%{transform:translate(4px)}80%{transform:translate(-2px)}}@media (prefers-reduced-motion:reduce){.pin-card.is-shaking{border-color:var(--up);animation:none}}.pin-logo{background:var(--best);width:12px;height:12px;box-shadow:0 0 0 4px color-mix(in srgb, var(--best) 15%, transparent);border-radius:4px;display:inline-block}.pin-title{letter-spacing:-.015em;margin:14px 0 3px;font-size:17px;font-weight:650}.pin-subtitle{color:var(--text-3);margin:0 0 22px;font-size:13px}.pin-dots{justify-content:center;gap:11px;margin-bottom:12px;display:flex}.pin-dot{background:var(--gray-150);width:11px;height:11px;transition:background var(--dur-hover) var(--ease-out), transform var(--dur-hover) var(--ease-out);border-radius:99px}:root[data-theme=dark] .pin-dot{background:var(--gray-700)}.pin-dot.is-filled{background:var(--best);transform:scale(1.18)}.pin-error{min-height:17px;color:var(--up);opacity:0;transition:opacity var(--dur-pop) var(--ease-out);margin:0 0 16px;font-size:12.5px}.pin-error.is-visible{opacity:1}.pin-pad{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.pin-key{border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--border);font-variant-numeric:tabular-nums;height:52px;color:var(--text);transition:background var(--dur-press) var(--ease-out), border-color var(--dur-press) var(--ease-out), transform var(--dur-press) var(--ease-out);place-items:center;font-size:19px;font-weight:550;display:grid}@media (hover:hover) and (pointer:fine){.pin-key:hover:not(:disabled){background:var(--gray-100);border-color:var(--border-strong)}:root[data-theme=dark] .pin-key:hover:not(:disabled){background:var(--gray-800)}}.pin-key:active:not(:disabled){transform:scale(.95)}.pin-key:disabled{opacity:.4;cursor:default}.pin-key-back{color:var(--text-2)}