.compareview{min-height:100vh}.compare-empty{display:grid;place-items:center;gap:18px;min-height:80vh;align-content:center;text-align:center;padding:108px 24px 48px;color:var(--ink-soft)}.compare-empty h1{font-size:var(--step-3);color:var(--paper-bright)}.compare .result-dot,.compare-empty .result-dot{width:11px;height:11px;border-radius:999px;flex:none}.compare .result-dot--base,.compare-empty .result-dot--base{background:var(--star-base);box-shadow:0 0 10px #e6c98a99}.compare .result-dot--sub,.compare-empty .result-dot--sub{background:var(--star-sub)}.compare-empty-search{width:min(380px,100%)}.compare-empty-search .searchbox{width:100%}.compare-empty-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none}.compare-empty-chip{display:inline-flex;align-items:center;gap:8px;padding:4px 4px 4px 12px;background:#aec4e00f;border:1px solid var(--hairline);border-radius:999px;font-family:var(--font-ui);font-size:var(--step--1);color:var(--ink);white-space:nowrap}.compare-empty-x{width:24px;height:24px;border-radius:999px;border:none;background:transparent;color:var(--ink-muted);font-size:11px;cursor:pointer}.compare-empty-x:hover{background:#d08b7f33;color:var(--danger)}.compare-empty-x:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.compare{max-width:1120px;margin:0 auto;padding:84px clamp(16px,4vw,40px) 120px}.compare-header{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:26px}.compare-title{font-size:var(--step-2);color:var(--paper-bright);margin-top:4px}.compare-scroll{overflow-x:auto;border:1px solid var(--hairline);border-radius:var(--radius-lg);background:var(--panel)}.compare-table{width:100%;border-collapse:collapse;min-width:620px}.compare-table th,.compare-table td{padding:16px 18px;text-align:left;vertical-align:top;border-bottom:1px solid var(--hairline)}.compare-table tbody th[scope=row]{font-family:var(--font-ui);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-muted);font-weight:500;width:170px;background:var(--panel-raised);position:sticky;left:0;z-index:1}.compare-table td{font-family:var(--font-read);font-size:var(--step-0);color:var(--ink-soft);line-height:1.45}.compare-corner{background:var(--panel-raised);border-bottom:1px solid var(--hairline-strong)!important;position:sticky;left:0;z-index:2}.compare-colhead{border-bottom:1px solid var(--hairline-strong)!important;min-width:200px;position:relative}.compare-colhead .result-dot{display:inline-block;margin-right:8px;vertical-align:middle}.compare-colname{font-family:var(--font-display);font-size:var(--step-1);color:var(--paper-bright);background:transparent;border:none;padding:0;cursor:pointer;vertical-align:middle}.compare-colname:hover{text-decoration:underline;text-underline-offset:3px}.compare-colfam{display:block;font-family:var(--font-ui);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint);margin-top:4px}.compare-remove{position:absolute;top:12px;right:12px;width:26px;height:26px;border-radius:var(--radius);border:1px solid var(--hairline);background:transparent;color:var(--ink-muted);font-size:11px}.compare-remove:hover{color:var(--danger);border-color:#d08b7f66}.compare-link{background:transparent;border:none;color:var(--gold);padding:0;font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.compare-cards{display:none}.compare-card{border:1px solid var(--hairline);border-radius:var(--radius-lg);background:var(--panel);padding:16px 16px 6px}.compare-card-head{position:relative;padding:0 34px 12px 0;margin-bottom:4px;border-bottom:1px solid var(--hairline)}.compare-card-head .result-dot{display:inline-block;margin-right:8px;vertical-align:middle}.compare-remove--card{top:-2px;right:0}.compare-card-rows{margin:0}.compare-card-rows>div{display:grid;grid-template-columns:116px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--hair-faint)}.compare-card-rows>div:last-child{border-bottom:none}.compare-card-rows dt{margin:0;padding-top:2px;font-family:var(--font-ui);font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-muted)}.compare-card-rows dd{margin:0;font-family:var(--font-read);font-size:var(--step--1);color:var(--ink-soft);line-height:1.4}@media (max-width: 640px){.compare-scroll{display:none}.compare-cards{display:flex;flex-direction:column;gap:16px}}.compare-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.compare-remove:active{transform:scale(var(--press))}@media (prefers-reduced-motion: reduce){.compare-remove:active{transform:none}}