*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#fafafa;--bg-secondary:#f3f3f3;--bg-card:#fff;--bg-nav:#1a1a1a;--text-primary:#1a1a1a;--text-secondary:#555;--text-tertiary:#888;--text-nav:#e0e0e0;--text-nav-active:#fff;--border:#e0e0e0;--border-light:#eee;--accent:#2563eb;--accent-light:#dbeafe;--accent-hover:#1d4ed8;--danger:#dc2626;--warning:#d97706;--success:#059669;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 2px 8px #00000014;--radius:6px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Consolas", monospace;--bar-fill:#2563eb1a}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:17.5px}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.5}#app{flex-direction:column;min-height:100vh;display:flex}nav.main-nav{background:var(--bg-nav);color:var(--text-nav);z-index:100;justify-content:center;align-items:center;height:3.43rem;padding:0;display:flex;position:sticky;top:0}nav.main-nav .nav-inner{align-items:center;gap:.25rem;width:100%;min-width:0;max-width:1400px;height:100%;padding:0 1.5rem;display:flex}nav.main-nav .logo{letter-spacing:-.02em;color:var(--text-nav-active);white-space:nowrap;align-items:center;gap:.5rem;margin-right:2rem;font-size:1rem;font-weight:600;display:inline-flex}nav.main-nav .logo-icon{object-fit:contain;flex:0 0 1em;width:1em;height:1em;display:block}nav.main-nav .nav-spacer{flex:1}nav.main-nav .share-btn{color:var(--text-nav);border-radius:var(--radius);font-size:.75rem;font-family:var(--font-sans);cursor:pointer;white-space:nowrap;background:#ffffff1a;border:1px solid #fff3;align-items:center;gap:.35rem;padding:.25rem .6rem;transition:background .15s;display:inline-flex}nav.main-nav .share-btn:hover{color:var(--text-nav-active);background:#ffffff2e}.share-toast{background:var(--bg-nav);color:var(--text-nav-active);border-radius:var(--radius);opacity:0;pointer-events:none;z-index:1000;padding:.6rem 1.2rem;font-size:.8125rem;transition:opacity .2s,transform .2s;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)translateY(1rem);box-shadow:0 4px 16px #0003}.share-toast.show{opacity:1;transform:translate(-50%)translateY(0)}nav.main-nav .locale-select{color:var(--text-nav);border-radius:var(--radius);font-size:.75rem;font-family:var(--font-sans);cursor:pointer;background:#ffffff1a;border:1px solid #fff3;outline:none;padding:.25rem .5rem}nav.main-nav .locale-select:hover{background:#ffffff26}nav.main-nav .locale-select option{background:var(--bg-nav);color:var(--text-nav)}nav.main-nav a{color:var(--text-nav);border-radius:var(--radius);padding:.5rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s}nav.main-nav a:hover{color:var(--text-nav-active);background:#ffffff14}nav.main-nav a.active{color:var(--text-nav-active);background:#ffffff1f}.main-content{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:1.5rem}.loading-overlay{height:60vh;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.loading-spinner{border:.215rem solid var(--border);border-top-color:var(--accent);border-radius:50%;width:2.29rem;height:2.29rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:.875rem}.card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card-header{border-bottom:1px solid var(--border-light);padding:1rem 1.25rem;font-size:.9375rem;font-weight:600}.card-body{padding:1.25rem}.card-body.data-table-wrap,.card-body.compare-scroll{padding:0}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.25rem}.stat-card .stat-value{font-size:1.75rem;font-weight:600;font-family:var(--font-mono);color:var(--text-primary);line-height:1.2}.stat-card .stat-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;margin-top:.25rem;font-size:.8125rem}.about-page{flex-direction:column;gap:1.5rem;display:flex}.about-section h2{color:var(--text-primary);margin-bottom:1rem;font-size:1.125rem;font-weight:600}.about-section h3{color:var(--text-primary);margin:1rem 0 .25rem;font-size:1rem;font-weight:600}.about-section p{color:var(--text-secondary);margin:.25rem 0 .5rem;line-height:1.6}.about-list{color:var(--text-secondary);padding-left:1.25rem;line-height:1.7;list-style:outside}.about-list li+li{margin-top:.5rem}.about-links{border-top:1px solid var(--border-light);text-align:center;padding-top:1.5rem}.about-links-book{margin-bottom:1.25rem}.about-links-caption{color:var(--text-tertiary);margin-bottom:.375rem;font-size:.8125rem}.about-links-book-link{color:var(--accent);border:1px solid var(--accent);border-radius:var(--radius);padding:.5rem 1rem;font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:inline-block}.about-links-book-link:hover{background:var(--accent);color:#fff}.about-links-divider{border:none;border-top:1px solid var(--border-light);width:60%;margin:1.25rem auto}.about-links-row{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.about-links-item{color:var(--text-secondary);border-bottom:1px solid #0000;padding:.375rem 0;font-size:.875rem;text-decoration:none;transition:color .15s,border-color .15s}.about-links-item:hover{color:var(--accent);border-bottom-color:var(--accent)}.view-header{margin-bottom:1.5rem}.view-header h1{letter-spacing:-.02em;font-size:1.5rem;font-weight:600}.view-header p{color:var(--text-secondary);margin-top:.25rem;font-size:.875rem}.controls-bar{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}#analysis-controls{align-items:flex-start}.control-group{flex-direction:column;gap:.25rem;display:flex}.control-group label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:500}.column-selector{margin-bottom:.75rem}.column-selector-toggle{cursor:pointer;align-items:center;gap:.35rem;padding:.3rem .6rem;font-size:.8125rem;font-weight:500;display:inline-flex}.column-selector-arrow{font-size:.7rem}.column-selector-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);margin-top:.4rem;padding:.5rem .75rem}.column-selector-list{flex-wrap:wrap;gap:.15rem 1rem;display:flex}.column-selector-item{color:var(--text-secondary);cursor:pointer;white-space:nowrap;align-items:center;gap:.3rem;font-size:.8rem;display:flex}.column-selector-item input[type=checkbox]{cursor:pointer;margin:0}.axis-desc{color:var(--text-tertiary);max-width:220px;font-size:.7rem;line-height:1.3}select,input[type=text],input[type=search]{font-family:var(--font-sans);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);color:var(--text-primary);outline:none;padding:.4rem .6rem;font-size:.8125rem;transition:border-color .15s}select:focus,input:focus{border-color:var(--accent)}select{cursor:pointer}button{font-family:var(--font-sans);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);color:var(--text-primary);cursor:pointer;padding:.4rem .75rem;font-size:.8125rem;font-weight:500;transition:background .15s,border-color .15s}button:hover{background:var(--bg-secondary)}button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}button.primary:hover{background:var(--accent-hover)}.data-table-wrap{overflow-x:auto}.data-table-wrap.fixed-table-wrap{max-height:70vh;overflow:auto}#explore-table{margin:.75rem 1.25rem 1rem}table.data-table{border-collapse:collapse;width:100%;font-size:.8125rem}table.data-table th{text-align:left;background:var(--bg-secondary);border-bottom:2px solid var(--border);text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:top;padding:.6rem .75rem;font-size:.75rem;font-weight:600}.unit-case{text-transform:none}table.data-table th:hover{color:var(--text-primary)}table.data-table th .sort-arrow{opacity:.4;margin-left:.25rem}table.data-table th .sort-arrow.active{opacity:1;color:var(--accent)}table.data-table td{border-bottom:1px solid var(--border-light);white-space:nowrap;padding:.5rem .75rem}table.data-table tr:hover{background:var(--accent-light)}table.data-table .numeric{text-align:right;font-family:var(--font-mono);font-size:.8125rem}#explore-table thead th{z-index:2;position:sticky;top:0}#explore-table th.fixed-col,#explore-table td.fixed-col{background:var(--bg-card);z-index:3;position:sticky}#explore-table th.fixed-col{background:var(--bg-secondary);z-index:4}.bar-cell{position:relative}.bar-cell:before{content:"";background:var(--bar-fill);width:calc((100% - .43rem) * var(--bar-pct,0) / 100);pointer-events:none;border-radius:.215rem;position:absolute;inset:.215rem}.pagination{color:var(--text-secondary);justify-content:space-between;align-items:center;padding:.75rem 1.25rem;font-size:.8125rem;display:flex}.pagination .page-buttons{gap:.25rem;display:flex}.chip{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-light);border-radius:100px;padding:.15rem .5rem;font-size:.75rem;font-weight:500;display:inline-block}.chip.cat-headphone{color:#5b21b6;background:#ede9fe;border-color:#ddd6fe}.chip.cat-iem{color:#9d174d;background:#fce7f3;border-color:#fbcfe8}.chip.cat-dac{color:#1e40af;background:#dbeafe;border-color:#bfdbfe}.chip.cat-headphone_amp{color:#065f46;background:#d1fae5;border-color:#a7f3d0}.chip.cat-speaker{color:#92400e;background:#fef3c7;border-color:#fde68a}.compare-scroll{max-height:70vh;overflow:auto}.compare-grid{gap:0;margin:.75rem 1.25rem 1rem;display:grid;overflow:visible}.compare-grid .compare-header{background:var(--bg-secondary);border-bottom:2px solid var(--border);text-align:center;z-index:3;padding:.5rem .75rem;font-size:.8125rem;font-weight:600;position:sticky;top:0}.compare-grid .compare-corner{z-index:4}.compare-grid .compare-label{background:var(--bg-secondary);text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);border-bottom:1px solid var(--border-light);border-right:1px solid var(--border-light);z-index:2;padding:.5rem .75rem;font-size:.75rem;font-weight:500;position:sticky;left:0}.compare-grid .compare-cell{border-bottom:1px solid var(--border-light);text-align:center;padding:.5rem .75rem;font-size:.8125rem}.compare-grid .compare-cell.numeric{font-family:var(--font-mono)}.compare-grid .compare-cell.bar-cell{position:relative}.compare-grid .compare-cell.bar-cell:before{content:"";background:var(--bar-fill);width:calc((100% - .43rem) * var(--bar-pct,0) / 100);pointer-events:none;border-radius:.215rem;position:absolute;inset:.215rem}.preset-bar{flex-wrap:wrap;gap:.375rem;margin-bottom:1rem;display:flex}.preset-btn{border-radius:100px;padding:.3rem .6rem;font-size:.75rem}.preset-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.preset-btn.warn{opacity:.5}.scatter-container{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:.5rem}.scatter-container .js-plotly-plot{width:100%!important}.banner{border-radius:var(--radius);margin-bottom:1rem;padding:.6rem 1rem;font-size:.8125rem}.banner.warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.banner.info{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe}.product-search{position:relative}.product-search .search-results{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);z-index:50;max-height:300px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.product-search .search-result-item{cursor:pointer;border-bottom:1px solid var(--border-light);padding:.5rem .75rem;font-size:.8125rem}.product-search .search-result-item:hover{background:var(--accent-light)}.product-search .search-result-item .result-brand{color:var(--text-tertiary);font-size:.75rem}@media (max-width:768px){.main-content{padding:1rem}nav.main-nav{overflow-x:auto}nav.main-nav .nav-inner{padding:0 1rem}.stats-grid{grid-template-columns:repeat(2,1fr)}}.quality-high{color:var(--success)}.quality-medium{color:var(--warning)}.quality-low{color:var(--danger)}.search-icons{align-items:center;gap:.29rem;display:flex}.search-icons button{border:1px solid var(--border);background:var(--bg-card);cursor:pointer;border-radius:.43rem;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;transition:background .15s;display:inline-flex}.search-icons button:hover{background:var(--bg-secondary)}.scatter-ctx-menu{z-index:9999;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;min-width:12.86rem;padding:.29rem 0;font-size:.875rem;position:fixed;box-shadow:0 4px 16px #00000026}.scatter-ctx-menu button{text-align:left;cursor:pointer;width:100%;color:var(--text-primary);white-space:nowrap;background:0 0;border:none;padding:.57rem 1.14rem;font-size:.875rem;display:block}.scatter-ctx-menu button:hover{background:var(--bg-secondary)}.scatter-ctx-menu .ctx-menu-separator{background:var(--border);height:1px;margin:4px 0}.scatter-ctx-menu .ctx-menu-label{color:var(--text-secondary);padding:.29rem 1.14rem .14rem;font-size:.75rem;font-weight:600}.scatter-ctx-menu .ctx-menu-source{color:var(--accent);white-space:nowrap;text-overflow:ellipsis;max-width:21.43rem;padding:.43rem 1.14rem;font-size:.8125rem;text-decoration:none;display:block;overflow:hidden}.scatter-ctx-menu .ctx-menu-source:hover{background:var(--bg-secondary);text-decoration:underline}.source-ctx-menu{z-index:9999;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;min-width:12.86rem;padding:.29rem 0;font-size:.875rem;position:fixed;box-shadow:0 4px 16px #00000026}.source-ctx-menu .ctx-menu-label{color:var(--text-secondary);padding:.29rem 1.14rem .14rem;font-size:.75rem;font-weight:600}.source-ctx-menu .ctx-menu-loading,.source-ctx-menu .ctx-menu-empty{color:var(--text-tertiary);padding:.43rem 1.14rem;font-size:.8125rem}.source-ctx-menu .ctx-menu-source{color:var(--accent);white-space:nowrap;text-overflow:ellipsis;max-width:21.43rem;padding:.43rem 1.14rem;font-size:.8125rem;text-decoration:none;display:block;overflow:hidden}.source-ctx-menu .ctx-menu-source:hover{background:var(--bg-secondary);text-decoration:underline}.compare-sources-cell{flex-direction:column;gap:.14rem;text-align:left!important;justify-content:flex-start!important;align-items:flex-start!important;padding:.57rem .86rem!important}.compare-sources-cell a{color:var(--accent);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.8125rem;line-height:1.5;text-decoration:none;display:block;overflow:hidden}.compare-sources-cell a:hover{text-decoration:underline}td[data-product-id][data-col],.compare-cell[data-product-id][data-col]{cursor:context-menu}