:root{--primary-color:#6366f1;--primary-hover:#4f46e5;--primary-light:#6366f114;--accent-color:#0ea5e9;--bg-color:#f5f5f7;--surface-color:#fff;--text-primary:#18181b;--text-secondary:#71717a;--border-color:#e4e4e7;--status-active:#10b981;--status-nrnd:#f59e0b;--status-obsolete:#ef4444;--status-default:#64748b;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 30px #0000001a;--radius-md:.625rem;--radius-lg:.875rem}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6}.container{max-width:1400px;margin:0 auto;padding:1.5rem 2rem}header{background:linear-gradient(135deg, var(--primary-color) 0%, var(--accent-color) 100%);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;padding:1rem 1.5rem;display:flex}h1{color:#fff;letter-spacing:-.02em;margin:0;font-size:1.35rem;font-weight:700}.subtitle{color:#ffffffbf;margin:0;font-size:.85rem}.th-distribution{min-width:160px}.auth-page{justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.auth-panel{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:min(100%,420px);box-shadow:var(--shadow-md);text-align:center;padding:2rem}.auth-panel h1{color:var(--text-primary);margin-bottom:.5rem}.google-signin-button{justify-content:center;min-height:44px;margin:1.5rem 0;display:flex}.auth-error{text-align:left;margin-top:1rem}.user-menu{color:#ffffffe6;align-items:center;gap:.75rem;font-size:.82rem;display:flex}.user-logout,.user-logout:hover{color:#fff}.card{background-color:var(--surface-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);margin-bottom:1.5rem;padding:1.5rem;transition:box-shadow .2s}.card:hover{box-shadow:var(--shadow-md)}.search-form{flex-direction:column;gap:1.5rem;display:flex}.form-row{align-items:flex-end;gap:1rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--text-primary);font-size:.875rem;font-weight:600}input[type=text],input[type=number]{border:1.5px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-color);outline:none;padding:.7rem 1rem;font-size:.95rem;transition:border-color .2s,box-shadow .2s,background .2s}input[type=text]:focus,input[type=number]:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light);background:#fff}.btn{background:linear-gradient(135deg, var(--primary-color) 0%, var(--primary-hover) 100%);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.4rem;padding:.7rem 1.5rem;font-size:.92rem;font-weight:600;transition:transform .15s,box-shadow .2s,opacity .2s;display:inline-flex;box-shadow:0 2px 6px #6366f140}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6366f159}.btn:active:not(:disabled){transform:translateY(0)scale(.98);box-shadow:0 1px 3px #6366f133}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.btn-outline{color:var(--primary-color);border:1.5px solid var(--primary-color);box-shadow:none;background:0 0}.btn-outline:hover:not(:disabled){background-color:var(--primary-light);box-shadow:none;transform:none}.btn-sm{padding:.35rem .7rem;font-size:.8rem}.btn-link{color:var(--primary-color);cursor:pointer;background:0 0;border:none;padding:0;font-size:.8rem;font-weight:600}.btn-link:hover{text-decoration:underline}.error-msg{color:#dc2626;border-radius:var(--radius-md);background:#fef2f2;border:1px solid #fecaca;margin-bottom:1rem;padding:.75rem 1rem;font-size:.88rem;font-weight:500}.source-picker{background-color:var(--bg-color);border-radius:var(--radius-md);padding:1rem}.source-picker-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.source-picker-header h3{margin:0;font-size:1.1rem}.source-picker-actions{align-items:center;gap:.5rem;display:flex}.source-picker-actions .divider{color:var(--border-color);font-size:.8rem}.source-counter{color:var(--text-secondary);background:var(--surface-color);border:1px solid var(--border-color);border-radius:99px;padding:.15rem .5rem;font-size:.8rem}.region-quick-buttons{border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.btn-region{border:1.5px solid var(--border-color);background:var(--surface-color);color:var(--text-secondary);cursor:pointer;border-radius:99px;align-items:center;gap:.35rem;padding:.4rem .75rem;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-region:hover{border-color:var(--primary-color);color:var(--primary-color);background:var(--primary-light)}.btn-region.region-on{border-color:var(--primary-color);background:var(--primary-color);color:#fff}.btn-region.region-partial{color:#d97706;background:#d977060f;border-color:#d97706}.region-count{opacity:.7;margin-left:.15rem;font-size:.7rem;font-weight:500}.source-groups{flex-direction:column;gap:.75rem;display:flex}.source-group{align-items:flex-start;gap:.75rem;display:flex}.source-group-label{color:var(--text-secondary);white-space:nowrap;min-width:130px;padding-top:.25rem;font-size:.78rem;font-weight:600}.source-group-items{flex-wrap:wrap;gap:.4rem .75rem;display:flex}.source-checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:99px;align-items:center;gap:.35rem;padding:.25rem .55rem;font-size:.83rem;transition:background-color .15s,border-color .15s;display:inline-flex}.source-checkbox:hover{background-color:var(--primary-light);border-color:var(--border-color)}.source-checkbox input[type=checkbox]{accent-color:var(--primary-color);cursor:pointer;width:15px;height:15px}.source-name{font-weight:500}.source-tag{text-transform:uppercase;border-radius:3px;padding:.1rem .3rem;font-size:.6rem;font-weight:700;line-height:1}.tag-agg{color:#1d4ed8;background-color:#dbeafe}.tag-api{color:#166534;background-color:#dcfce7}.tag-limited{color:#92400e;background-color:#fef3c7}.tag-paid{color:#9d174d;background-color:#fce7f3}.source-exhausted{opacity:.5}.source-exhausted .source-name{text-decoration:line-through}.quota-bar{vertical-align:middle;background:#e5e7eb;border-radius:3px;width:30px;height:6px;margin-left:2px;display:inline-block;overflow:hidden}.quota-fill{border-radius:3px;height:100%;transition:width .3s;display:block}.source-picker-footer{justify-content:center;margin-top:1rem;display:flex}.results-section{margin-bottom:2rem}.results-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.results-header h3{margin:0}.results-count{color:var(--text-secondary);font-size:.9rem;font-weight:400}.text-muted{color:var(--text-secondary)}.download-all{justify-content:center;margin-bottom:2rem;display:flex}.table-container{border-radius:var(--radius-lg);border:1px solid var(--border-color);background-color:var(--surface-color);box-shadow:var(--shadow-sm);overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}th,td{border-bottom:1px solid var(--border-color);padding:.65rem .9rem}th{background-color:var(--bg-color);text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);white-space:nowrap;z-index:1;font-size:.68rem;font-weight:700;position:sticky;top:0}tbody tr{transition:background-color .12s}tbody tr:hover{background-color:var(--primary-light)}tbody tr:last-child td{border-bottom:none}td{font-size:.85rem}.td-desc{white-space:nowrap;text-overflow:ellipsis;max-width:200px;overflow:hidden}.status-badge{text-transform:uppercase;border-radius:9999px;padding:.2rem .6rem;font-size:.7rem;font-weight:600;display:inline-block}.status-active{color:#166534;background-color:#dcfce7}.status-nrnd{color:#92400e;background-color:#fef3c7}.status-eol,.status-obsolete{color:#991b1b;background-color:#fee2e2}.status-unknown{background-color:var(--bg-color);color:var(--text-secondary)}.price{color:var(--primary-color);white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:700}.search-log{background-color:var(--surface-color);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);margin-bottom:1.5rem;padding:1rem}.search-log-title{color:var(--text-secondary);margin:0 0 .75rem;font-size:.9rem}.search-log-items{flex-wrap:wrap;gap:.5rem;display:flex}.search-log-item{background-color:#fff;border:1px solid;border-radius:99px;align-items:center;gap:.35rem;padding:.3rem .6rem;font-size:.76rem;transition:transform .15s;display:flex}.search-log-item:hover{transform:scale(1.03)}.search-log-detail{color:var(--text-secondary);font-size:.72rem}.search-log-time{color:var(--text-secondary);font-size:.68rem}.btn-tier-toggle{border:1px solid var(--border-color);color:var(--primary-color);cursor:pointer;white-space:nowrap;background:0 0;border-radius:4px;padding:.15rem .45rem;font-size:.72rem;font-weight:600;transition:background-color .15s}.btn-tier-toggle:hover{background-color:#3b82f60f}.tier-row td{background-color:var(--bg-color);border-bottom:2px solid var(--primary-color);padding:.4rem 1rem!important}.tier-grid{flex-wrap:wrap;gap:.5rem;display:flex}.tier-cell{background:var(--surface-color);border:1.5px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;align-items:center;min-width:60px;padding:.3rem .65rem;font-size:.78rem;transition:border-color .2s,background .2s;display:flex}.tier-cell.tier-active{border-color:var(--primary-color);background-color:var(--primary-light)}.tier-qty{color:var(--text-secondary);font-size:.68rem}.tier-price{color:var(--text-primary);font-weight:600}.tier-active .tier-price{color:var(--primary-color)}.part-link{color:var(--primary-color);text-decoration:none}.part-link:hover{text-decoration:underline}.related-section{margin-bottom:2rem}.related-summary{cursor:pointer;color:var(--text-secondary);-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.5rem 0;font-size:1.1rem;font-weight:600;list-style:none;display:flex}.related-summary:before{content:"▸";transition:transform .2s;display:inline-block}.related-section[open]>.related-summary:before{transform:rotate(90deg)}.related-summary::-webkit-details-marker{display:none}.nav-bar{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;gap:.25rem;padding:.2rem;display:flex}.nav-link{border-radius:calc(var(--radius-md) - 2px);color:#ffffffb3;padding:.4rem 1rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:background-color .2s,color .2s}.nav-link:hover{color:#fff;background-color:#ffffff26}.nav-active{color:var(--primary-color);background-color:#fff}.nav-active:hover{color:var(--primary-hover);background-color:#fff}.stat-cards{gap:1rem;margin-bottom:2rem;display:flex}.stat-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);text-align:center;flex:1;padding:1.25rem 1.5rem;transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card-accent{border-color:var(--primary-color);background:linear-gradient(135deg,#6366f10f 0%,#0ea5e90f 100%)}.stat-value{color:var(--text-primary);letter-spacing:-.02em;font-size:2rem;font-weight:800;line-height:1.2}.stat-card-accent .stat-value{color:var(--primary-color)}.stat-label{color:var(--text-secondary);margin-top:.25rem;font-size:.82rem}.section-title{margin:0 0 1rem;font-size:1.1rem}.age-chart{flex-direction:column;gap:.6rem;display:flex}.age-row{align-items:center;gap:.75rem;display:flex}.age-label{width:80px;color:var(--text-secondary);text-align:right;flex-shrink:0;font-size:.82rem;font-weight:600}.age-bar-track{background:var(--bg-color);border-radius:99px;flex:1;height:20px;overflow:hidden}.age-bar{border-radius:99px;min-width:2px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.age-count{width:90px;color:var(--text-primary);flex-shrink:0;font-size:.8rem;font-weight:600}.age-parts{width:80px;color:var(--text-secondary);flex-shrink:0;font-size:.75rem}.provider-table td{font-variant-numeric:tabular-nums}.td-ok{color:#16a34a}.td-empty{color:#d97706}.td-error{color:#dc2626}.td-cached{color:#6366f1}.td-ago{color:var(--text-secondary);font-size:.8rem}.rate-badge{border-radius:9999px;padding:.15rem .45rem;font-size:.72rem;font-weight:700;display:inline-block}.rate-good{color:#166534;background:#dcfce7}.rate-mid{color:#92400e;background:#fef3c7}.rate-low{color:#991b1b;background:#fee2e2}.bar-stack{background:var(--bg-color);border-radius:99px;height:14px;display:flex;overflow:hidden}.bar-ok{background:#22c55e}.bar-empty{background:#f59e0b}.bar-error{background:#ef4444}.bar-cached{background:#818cf8}.bar-legend{color:var(--text-secondary);gap:1.25rem;margin-top:.75rem;font-size:.75rem;display:flex}.legend-dot{vertical-align:middle;border-radius:2px;width:10px;height:10px;margin-right:.3rem;display:inline-block}.legend-ok{background:#22c55e}.legend-empty{background:#f59e0b}.legend-error{background:#ef4444}.legend-cached{background:#818cf8}.status-loading{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 0;display:flex}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:1rem;height:1rem;animation:1s linear infinite spin}.spinner-lg{border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;width:2rem;height:2rem;animation:1s linear infinite spin}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d4d4d8;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#a1a1aa}::selection{background:#6366f126}@media (width<=768px){header{flex-direction:column;align-items:flex-start;gap:.75rem}.container{padding:.75rem}.form-row{flex-direction:column;align-items:stretch}.form-group{width:100%!important}.source-group{flex-direction:column;gap:.25rem}.region-quick-buttons{gap:.35rem}.btn-region{padding:.3rem .5rem;font-size:.75rem}.source-group-label{min-width:auto}.source-picker-header{flex-direction:column;align-items:flex-start}.stat-cards{flex-direction:column}.age-row{flex-wrap:wrap}.age-label{width:70px;font-size:.75rem}.age-count,.age-parts{width:auto;font-size:.72rem}}.rating-page h2{margin:0;font-size:1.1rem}.rating-header{margin-bottom:1rem}.rating-controls{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.rating-scope-toggle{background:var(--bg-color);border:1px solid var(--border-color);border-radius:99px;gap:.25rem;padding:.2rem;display:flex}.rating-scope-toggle .btn-sm{border:none;border-radius:99px}.btn-active{background:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:0 1px 4px #6366f14d}.rating-category-select{border:1.5px solid var(--border-color);background:var(--bg-color);border-radius:99px;outline:none;padding:.4rem .6rem;font-size:.83rem;transition:border-color .2s}.rating-category-select:focus{border-color:var(--primary-color)}.rating-loading{justify-content:center;padding:2rem;display:flex}.rating-table{width:100%}.rating-table th{text-align:left;text-transform:uppercase;letter-spacing:.03em;color:#6b7280;font-size:.75rem}.rating-table .rank{color:#9ca3af;width:2rem;font-weight:600}.rating-table .provider-name{font-weight:600}.rating-table .win-rate{color:var(--primary-color);font-weight:700}.medal{text-align:center;font-variant-numeric:tabular-nums;border-radius:99px;min-width:2rem;padding:.2rem .5rem;font-size:.82rem;font-weight:700;display:inline-block}.medal-gold{color:#92400e;background:linear-gradient(135deg,#fef3c7,#fde68a)}.medal-silver{color:#4b5563;background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.bar-cell{width:30%}.rating-bar{align-items:center;gap:2px;height:14px;display:flex}.rating-bar-gold{background:linear-gradient(90deg,#f59e0b,#fbbf24);border-radius:3px;min-width:2px;height:100%;transition:width .4s}.rating-bar-silver{background:linear-gradient(90deg,#d1d5db,#e5e7eb);border-radius:3px;min-width:2px;height:100%;transition:width .4s}.text-error{color:#dc2626}.search-result-header{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.search-result-header h2{letter-spacing:-.01em;margin:0;font-family:JetBrains Mono,Fira Code,monospace;font-size:1.2rem}.example-parts{flex-wrap:wrap;gap:.35rem;margin-top:.5rem;display:flex}.btn-example{background:var(--primary-light);color:var(--primary-color);cursor:pointer;border:1px solid #0000;border-radius:99px;padding:.2rem .6rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.72rem;transition:all .2s}.btn-example:hover{background:var(--primary-color);color:#fff}.category-badge{color:#5b21b6;background:linear-gradient(135deg,#ede9fe,#e0e7ff);border-radius:99px;padding:.2rem .65rem;font-size:.75rem;font-weight:600;display:inline-block}.pi-page{padding-bottom:2rem}.pi-page h1.pi-title{display:none}.pi-center{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:300px;display:flex}.pi-summary-row{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:.75rem;margin-bottom:1.5rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.pi-summary-card{scroll-snap-align:start;cursor:pointer;text-align:left;border:1.5px solid var(--border-color);flex:0 0 160px;padding:1rem;transition:border-color .2s,transform .2s,box-shadow .2s}.pi-summary-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pi-card-header{align-items:center;gap:.4rem;margin-bottom:.4rem;display:flex}.pi-card-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.pi-card-cat{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:600;overflow:hidden}.pi-card-value{color:var(--text-primary);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:800;line-height:1.2}.pi-card-change{font-variant-numeric:tabular-nums;margin-bottom:.3rem;font-size:.78rem;font-weight:700}.pi-card-count{margin-top:.25rem;font-size:.7rem}.pi-trend-up{color:#ef4444}.pi-trend-down{color:#22c55e}.pi-trend-flat{color:var(--text-secondary)}.pi-chart-card{margin-bottom:1.5rem}.pi-section-title{margin:0 0 1rem;font-size:1.1rem}.pi-chart-wrap{width:100%;position:relative}.pi-chart-svg{width:100%;display:block}.pi-grid-line{stroke:var(--border-color);stroke-width:1px;stroke-dasharray:4 4}.pi-axis-label{fill:var(--text-secondary);font-family:Inter,system-ui,sans-serif;font-size:10px}.pi-crosshair{stroke:var(--text-secondary);stroke-width:1px;stroke-dasharray:3 3;opacity:.6}.pi-tooltip{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md);pointer-events:none;z-index:10;min-width:150px;padding:.6rem .8rem;font-size:.78rem;position:absolute}.pi-tooltip-date{color:var(--text-primary);margin-bottom:.35rem;font-size:.72rem;font-weight:700}.pi-tooltip-row{align-items:center;gap:.35rem;padding:.1rem 0;display:flex}.pi-tooltip-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.pi-tooltip-label{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.pi-tooltip-val{font-variant-numeric:tabular-nums;color:var(--text-primary);font-weight:700}.pi-legend{border-top:1px solid var(--border-color);flex-wrap:wrap;gap:.5rem 1rem;margin-top:.75rem;padding-top:.75rem;display:flex}.pi-legend-item{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.35rem;font-size:.78rem;display:inline-flex}.pi-legend-item input[type=checkbox]{accent-color:var(--primary-color);cursor:pointer;width:14px;height:14px}.pi-legend-swatch{border-radius:2px;width:12px;height:3px}.pi-legend-swatch-dashed{background:repeating-linear-gradient(90deg,#a78bfa 0 4px,#0000 4px 7px);width:20px}.pi-legend-overlay{background:#a78bfa14;border:1px solid #a78bfa4d;border-radius:99px;padding:.15rem .4rem}.pi-remove-overlay{min-width:0;margin-left:.15rem;padding:0 .25rem!important;font-size:.65rem!important}.pi-table-controls{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.pi-group-toggle{background:var(--bg-color);border:1px solid var(--border-color);border-radius:99px;gap:.25rem;padding:.2rem;display:flex}.pi-group-toggle .btn-sm{border:none;border-radius:99px}.pi-filter-input{border:1.5px solid var(--border-color);background:var(--bg-color);border-radius:99px;outline:none;min-width:220px;padding:.45rem .85rem;font-size:.83rem;transition:border-color .2s,box-shadow .2s}.pi-filter-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light);background:#fff}.pi-table-section{flex-direction:column;gap:.5rem;display:flex}.pi-group{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.pi-group-header{background:var(--bg-color);cursor:pointer;text-align:left;border:none;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;font-size:.88rem;transition:background-color .15s;display:flex}.pi-group-header:hover{background:linear-gradient(135deg,#6366f10a,#0ea5e90a)}.pi-group-arrow{color:var(--text-secondary);text-align:center;width:12px;font-size:.7rem}.pi-group-name{color:var(--text-primary);font-weight:700}.pi-group-count{color:var(--text-secondary);font-size:.78rem}.pi-group-idx{font-variant-numeric:tabular-nums;color:var(--text-primary);margin-left:auto;font-size:.82rem;font-weight:600}.pi-group-change{font-variant-numeric:tabular-nums;font-size:.78rem;font-weight:700}.pi-comp-table-wrap{box-shadow:none;border:none;border-top:1px solid var(--border-color);border-radius:0}.pi-comp-table{width:100%}.pi-comp-table th{position:sticky;top:0}.pi-comp-row{cursor:pointer;transition:background-color .12s}.pi-comp-row:hover{background-color:var(--primary-light)}.pi-comp-row-active{background:#a78bfa14;border-left:3px solid #a78bfa}.pi-mpn{color:var(--primary-color);font-family:JetBrains Mono,Fira Code,monospace;font-size:.82rem;font-weight:600}.pi-sparkline{vertical-align:middle;display:inline-block}@media (width<=768px){.pi-summary-row{gap:.5rem}.pi-summary-card{flex:0 0 140px;padding:.75rem}.pi-card-value{font-size:1.3rem}.pi-table-controls{flex-direction:column;align-items:stretch}.pi-filter-input{width:100%;min-width:0}}.pi-raw-toggle{text-align:center;margin-top:1.5rem}.pi-raw-section{margin-top:1.5rem}.pi-raw-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.pi-raw-groups{flex-direction:column;gap:.5rem;display:flex}.pi-raw-qty{color:var(--primary-color);background:var(--primary-light);border-radius:99px;margin-left:auto;padding:.15rem .55rem;font-size:.78rem;font-weight:600}.pi-raw-scroll{-webkit-overflow-scrolling:touch;border-top:1px solid var(--border-color);overflow-x:auto}.pi-raw-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:max-content;min-width:100%;font-size:.8rem}.pi-raw-table th,.pi-raw-table td{border-bottom:1px solid var(--border-color);white-space:nowrap;text-align:right;padding:.4rem .6rem}.pi-raw-table th{background:var(--bg-color);text-transform:uppercase;letter-spacing:.03em;color:var(--text-secondary);z-index:2;font-size:.72rem;font-weight:600;position:sticky;top:0}.pi-raw-table tbody tr:hover{background:#6366f10a}.pi-raw-sticky-col{z-index:3;background:var(--surface-color);border-right:1px solid var(--border-color);min-width:160px;position:sticky;left:0;text-align:left!important}.pi-raw-sticky-col2{z-index:3;background:var(--surface-color);border-right:2px solid var(--border-color);min-width:90px;position:sticky;left:160px;text-align:left!important}th.pi-raw-sticky-col,th.pi-raw-sticky-col2{z-index:4;background:var(--bg-color)}.pi-raw-table tbody tr:hover .pi-raw-sticky-col,.pi-raw-table tbody tr:hover .pi-raw-sticky-col2{background:#f0f0ff}.pi-raw-date-col{min-width:80px}.pi-raw-cell{font-family:JetBrains Mono,Fira Code,monospace;font-size:.78rem}.pi-raw-up{color:#dc2626;background:#ef44440f}.pi-raw-down{color:#16a34a;background:#22c55e0f}.pi-raw-empty{color:var(--text-secondary);opacity:.5}.pi-mpn-btn{color:var(--primary-color);font-family:inherit;font-size:inherit;cursor:pointer;text-align:left;text-underline-offset:2px;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}.pi-mpn-btn:hover{color:var(--primary-hover)}.pi-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background-color:#00000073;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.pi-modal-container{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;width:min(90vw,850px);max-height:85vh;animation:.2s ease-out slideUp;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.pi-modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;padding:1.25rem 1.5rem;display:flex}.pi-modal-title-area{flex-direction:column;gap:.25rem;display:flex}.pi-modal-title{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:700}.pi-modal-subtitle{color:var(--text-secondary);font-size:.8rem}.pi-modal-close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:.25rem;font-size:1.5rem;transition:background-color .15s,color .15s;display:flex}.pi-modal-close-btn:hover{background-color:var(--bg-color);color:var(--text-primary)}.pi-modal-body{flex:1;padding:1.5rem;overflow-y:auto}.pi-modal-body>*+*{margin-top:1.5rem}.pi-modal-section-title{color:var(--text-primary);border-bottom:1px solid var(--border-color);margin-bottom:.75rem;padding-bottom:.35rem;font-size:.95rem;font-weight:600}.pi-comp-details-grid{background:var(--bg-color);border-radius:var(--radius-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;padding:1rem;display:grid}.pi-detail-item{flex-direction:column;gap:.25rem;display:flex}.pi-detail-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:.75rem;font-weight:600}.pi-detail-value{color:var(--text-primary);font-size:.9rem;font-weight:500}.pi-modal-chart-card{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-color);padding:1rem}.pi-modal-table-wrap{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.pi-modal-table{border-collapse:collapse;text-align:left;width:100%;font-size:.85rem}.pi-modal-table th{background:var(--bg-color);text-transform:uppercase;color:var(--text-secondary);border-bottom:1px solid var(--border-color);z-index:1;padding:.65rem .75rem;font-size:.75rem;font-weight:600;position:sticky;top:0}.pi-modal-table td{border-bottom:1px solid var(--border-color);padding:.65rem .75rem}.pi-modal-table tbody tr:hover{background:#6366f105}.pi-modal-table tbody tr:last-child td{border-bottom:none}.pi-modal-price-list{flex-wrap:wrap;gap:.5rem .75rem;font-size:.78rem;display:flex}.pi-modal-price-badge{background:var(--bg-color);border:1px solid var(--border-color);border-radius:4px;padding:.15rem .4rem;font-family:JetBrains Mono,Fira Code,monospace}.pi-modal-price-badge .badge-source{color:var(--text-secondary);margin-right:.25rem}.pi-modal-price-badge .badge-price{color:var(--text-primary);font-weight:600}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.pi-subcat{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-color);margin-bottom:.75rem;overflow:hidden}.pi-subcat-header{background:var(--bg-color);border:none;border-bottom:1px solid var(--border-color);text-align:left;cursor:pointer;width:100%;color:var(--text-primary);align-items:center;gap:.75rem;padding:.65rem .85rem;font-size:.88rem;font-weight:600;transition:background-color .15s;display:flex}.pi-subcat-header:hover{background-color:#6366f108}.pi-subcat-arrow{color:var(--text-secondary);text-align:center;width:10px;font-size:.75rem}.pi-subcat-name{flex:1}.pi-subcat-count{color:var(--text-secondary);font-size:.75rem;font-weight:400}.pi-subcat-idx{color:var(--text-primary);background:var(--surface-color);border:1px solid var(--border-color);border-radius:3px;padding:1px 5px;font-family:monospace;font-size:.75rem}.pi-subcat-change{font-size:.75rem;font-weight:600}.pi-subcat-btn{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:3px 8px;font-size:.75rem;font-weight:600;transition:opacity .15s}.pi-subcat-btn:hover{opacity:.9}.popularity-page{padding-bottom:2rem}.popularity-page h2{color:var(--text-primary);margin:0;font-size:1.15rem;font-weight:700}.pi-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.pi-header-left{flex-direction:column;gap:.25rem;display:flex}.pi-controls-bar{background:var(--surface-color);border-radius:var(--radius-md);border:1px solid var(--border-color);flex-wrap:wrap;align-items:flex-end;gap:1rem;margin-bottom:1.5rem;padding:1rem;display:flex}.pi-control-group{flex-direction:column;gap:.25rem;min-width:180px;display:flex}.pi-row-hover{transition:background-color .15s}.pi-row-hover:hover{background-color:#6366f108}.rank-badge{width:28px;height:28px;color:var(--text-secondary);background:var(--bg-color);border:1px solid var(--border-color);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:inline-flex}.rank-gold{color:#92400e;background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fcd34d;box-shadow:0 2px 4px #f59e0b33}.rank-silver{color:#4b5563;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-color:#d1d5db;box-shadow:0 2px 4px #6b72801a}.rank-bronze{color:#c2410c;background:linear-gradient(135deg,#ffedd5,#fed7aa);border-color:#fdba74;box-shadow:0 2px 4px #f9731626}.pi-badge-count{background-color:var(--primary-light);color:var(--primary-color);font-variant-numeric:tabular-nums;border:1px solid #6366f126;border-radius:99px;padding:.2rem .6rem;font-size:.85rem;font-weight:700;display:inline-block}.pi-mpn-link{color:var(--primary-color);font-family:JetBrains Mono,Fira Code,monospace;font-size:.88rem;font-weight:700;transition:color .15s}.pi-mpn-link:hover{color:var(--primary-hover);text-decoration:underline!important}.pi-pagination{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:1.5rem;padding-top:1rem;display:flex}