.compare-page{padding:var(--space-6) 0 var(--space-12) 0}.breadcrumbs{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--ink-subtle);margin-bottom:var(--space-6);flex-wrap:wrap}.breadcrumbs a{color:var(--ink-subtle);text-decoration:none}.breadcrumbs a:hover{color:var(--plum-800);text-decoration:underline}.breadcrumbs-current{color:var(--ink);font-weight:var(--weight-medium)}.compare-header{text-align:center;margin-bottom:var(--space-8)}.compare-title{font-size:clamp(2rem,4vw,2.75rem);font-weight:var(--weight-bold);color:var(--plum-900);letter-spacing:-.02em;margin:0 0 var(--space-3) 0}.compare-lead{color:var(--ink-muted);font-size:var(--text-base);max-width:640px;margin:0 auto;line-height:1.55}.desktop-only{display:inline}.mobile-only{display:none}@media(max-width:768px){.desktop-only{display:none}.mobile-only{display:inline}}.browse-strip{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-6);box-shadow:var(--shadow-sm)}.browse-strip-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-3);gap:var(--space-3)}.browse-strip-label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--plum-900);text-transform:uppercase;letter-spacing:.04em}.browse-strip-count{font-size:var(--text-xs);color:var(--ink-subtle)}.browse-strip-filters{display:flex;flex-wrap:wrap;gap:var(--space-2);padding-bottom:var(--space-4);border-bottom:1px solid var(--border);margin-bottom:var(--space-4)}.browse-chip{background:var(--white);border:1px solid var(--border-strong);color:var(--ink-muted);padding:5px 14px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--t-base);white-space:nowrap}.browse-chip:hover{border-color:var(--teal-500);color:var(--plum-800)}.browse-chip.active{background:var(--plum-800);color:var(--white);border-color:var(--plum-800)}.browse-strip-cards{display:flex;gap:var(--space-3);overflow-x:auto;padding:var(--space-1) var(--space-1) var(--space-3) var(--space-1);scrollbar-width:thin;scrollbar-color:var(--gray-300) transparent}.browse-strip-cards::-webkit-scrollbar{height:6px}.browse-strip-cards::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}.browse-strip-cards::-webkit-scrollbar-track{background:transparent}.browse-card{flex:0 0 140px;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);cursor:pointer;transition:all var(--t-base);text-align:center;min-height:130px}.browse-card:hover:not(.disabled):not(.selected){border-color:var(--teal-500);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.browse-card.selected{border-color:var(--teal-500);background:var(--teal-100)}.browse-card.disabled{opacity:.4;cursor:not-allowed}.browse-card-art-wrap{width:76px;height:48px;background:var(--gray-100);border-radius:var(--radius-sm);flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.browse-card-art{width:100%;height:100%;object-fit:contain}.browse-card-name{font-size:11px;font-weight:var(--weight-semibold);color:var(--plum-900);line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1}.browse-card-status{font-size:10px;font-weight:var(--weight-bold);color:var(--plum-800);text-transform:uppercase;letter-spacing:.04em;padding:2px 6px;border-radius:var(--radius-full);background:var(--plum-50)}.browse-card-status.selected{background:var(--teal-500);color:var(--white)}.browse-card-status.disabled{background:var(--gray-200);color:var(--ink-subtle)}.browse-strip-empty{color:var(--ink-muted);font-size:var(--text-sm);padding:var(--space-4);text-align:center;width:100%;margin:0}@media(max-width:768px){.browse-strip{padding:var(--space-3) var(--space-3)}.browse-strip-header{flex-direction:column;gap:var(--space-1);align-items:flex-start}.browse-card{flex:0 0 110px;padding:var(--space-2)}.browse-card-art-wrap{width:60px;height:38px}}.compare-empty{text-align:center;padding:var(--space-12) var(--space-6);background:var(--white);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);max-width:560px;margin:0 auto}.compare-empty-illustration{margin:0 auto var(--space-5) auto;display:flex;justify-content:center}.compare-empty-title{font-size:var(--text-2xl);color:var(--plum-900);margin:0 0 var(--space-2) 0}.compare-empty-subtitle{color:var(--ink-muted);margin:0 0 var(--space-6) 0;font-size:var(--text-base)}.compare-grid{--cols: 3;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.compare-row{display:grid;grid-template-columns:170px repeat(var(--cols),1fr);border-bottom:1px solid var(--border)}.compare-row:last-child{border-bottom:0}.compare-cell{padding:var(--space-4) var(--space-4);display:flex;flex-direction:column;justify-content:center;border-left:1px solid var(--border);min-width:0}.compare-cell:first-child{border-left:0}.compare-cell-label{background:var(--plum-50);color:var(--plum-900);font-weight:var(--weight-semibold);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.04em;align-items:flex-start}.compare-cell-spacer{background:transparent}.compare-row-header{background:var(--plum-50)}.compare-row-header .compare-cell-label{background:transparent}.compare-card-header{background:var(--white);padding:var(--space-5);align-items:center;text-align:center;position:relative;gap:var(--space-2)}.compare-card-remove{position:absolute;top:var(--space-2);right:var(--space-2);background:transparent;border:0;padding:var(--space-1);cursor:pointer;color:var(--ink-subtle);border-radius:var(--radius-full);width:28px;height:28px;display:flex;align-items:center;justify-content:center;transition:all var(--t-base)}.compare-card-remove:hover{background:var(--plum-100);color:var(--plum-800)}.compare-card-art-wrap{width:110px;height:70px;margin:0 auto var(--space-2) auto;display:flex;align-items:center;justify-content:center;background:var(--gray-100);border-radius:var(--radius-sm);flex-shrink:0;overflow:hidden}.compare-card-art{width:100%;height:100%;object-fit:contain}.compare-card-name{font-weight:var(--weight-semibold);color:var(--plum-900);font-size:var(--text-sm);text-decoration:none;line-height:1.3;display:block}.compare-card-name:hover{color:var(--teal-600);text-decoration:underline}.compare-card-score{display:flex;align-items:center;gap:var(--space-1);margin-top:var(--space-2)}.compare-card-score-num{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--plum-900)}.compare-stars{display:inline-flex;gap:1px}.compare-star{color:var(--gray-300);font-size:14px;line-height:1}.compare-star.filled{color:#fcd34d}.compare-data-cell{align-items:flex-start;flex-direction:column;gap:var(--space-2)}.compare-data-text{font-size:var(--text-sm);color:var(--ink);line-height:1.5}.compare-cell-winner{background:linear-gradient(180deg,transparent 0%,rgba(56,168,184,.06) 100%);position:relative}.compare-cell-winner:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--teal-500)}.compare-best-badge{display:inline-flex;align-items:center;gap:4px;background:var(--teal-500);color:var(--white);font-size:10px;font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.06em;padding:2px 8px;border-radius:var(--radius-full)}.compare-row-apply{background:var(--white)}.compare-cell-apply{align-items:center;text-align:center;gap:var(--space-2);padding:var(--space-5)}.compare-apply-btn{width:100%;max-width:220px}.compare-review-link{font-size:var(--text-xs);color:var(--plum-800);text-decoration:none}.compare-review-link:hover{color:var(--teal-600);text-decoration:underline}.compare-footer{margin-top:var(--space-6);padding:var(--space-4);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.compare-footer-help{font-size:var(--text-sm);color:var(--ink-muted);margin:0}@media(max-width:768px){.compare-row{grid-template-columns:100px repeat(var(--cols),1fr)}.compare-cell{padding:var(--space-3)}.compare-cell-label{font-size:11px}.compare-card-header{padding:var(--space-3)}.compare-card-art-wrap{width:76px;height:48px}.compare-card-name,.compare-card-score-num,.compare-data-text{font-size:var(--text-xs)}.compare-best-badge{font-size:9px;padding:1px 6px}}@media(max-width:480px){.compare-row{grid-template-columns:80px repeat(var(--cols),1fr)}.compare-cell{padding:var(--space-2)}}.picker-modal{position:fixed;inset:0;z-index:200}.picker-modal[hidden]{display:none}body.picker-open{overflow:hidden}.picker-backdrop{position:absolute;inset:0;background:#1a0e2e80;backdrop-filter:blur(4px)}.picker-panel{position:relative;max-width:720px;margin:5vh auto 0;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.picker-header{padding:var(--space-5);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.picker-title{font-size:var(--text-xl);color:var(--plum-900);margin:0}.picker-close{background:transparent;border:0;cursor:pointer;color:var(--ink-subtle);padding:var(--space-2);border-radius:var(--radius-full);display:flex}.picker-close:hover{background:var(--plum-100);color:var(--plum-800)}.picker-search-row{padding:var(--space-4) var(--space-5) var(--space-3) var(--space-5)}.picker-search{position:relative}.picker-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--ink-subtle)}#picker-search-input{width:100%;padding:10px 12px 10px 36px;border:1px solid var(--border-strong);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--ink);background:var(--white)}#picker-search-input:focus{outline:2px solid var(--teal-500);outline-offset:1px;border-color:var(--teal-500)}.picker-filters{padding:0 var(--space-5) var(--space-3) var(--space-5);display:flex;flex-wrap:wrap;gap:var(--space-2)}.picker-filter{background:var(--white);border:1px solid var(--border);color:var(--ink-muted);padding:4px 12px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--t-base)}.picker-filter:hover{border-color:var(--teal-500);color:var(--plum-800)}.picker-filter.active{background:var(--plum-800);color:var(--white);border-color:var(--plum-800)}.picker-results{overflow-y:auto;padding:var(--space-3) var(--space-5) var(--space-5) var(--space-5);flex:1}.picker-card{width:100%;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);display:flex;align-items:center;gap:var(--space-3);cursor:pointer;transition:all var(--t-base);margin-bottom:var(--space-2);text-align:left}.picker-card:hover:not(.disabled){border-color:var(--teal-500);background:var(--teal-100)}.picker-card.selected{border-color:var(--teal-500);background:var(--teal-100)}.picker-card.disabled{opacity:.5;cursor:not-allowed}.picker-card-art-wrap{width:56px;height:36px;background:var(--gray-100);border-radius:var(--radius-sm);flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.picker-card-art{width:100%;height:100%;object-fit:contain}.picker-card-info{flex:1;min-width:0;display:flex;flex-direction:column}.picker-card-name{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--plum-900);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker-card-issuer{font-size:var(--text-xs);color:var(--ink-subtle);margin-top:2px}.picker-card-status{font-size:var(--text-xs);font-weight:var(--weight-semibold);flex-shrink:0;padding:4px 10px;border-radius:var(--radius-full)}.add-badge{color:var(--plum-800);background:var(--plum-50)}.selected-badge{color:var(--white);background:var(--teal-500)}.full-badge{color:var(--ink-subtle);background:var(--gray-200)}.picker-no-results,.picker-more-note{text-align:center;padding:var(--space-6);color:var(--ink-muted);font-size:var(--text-sm)}@media(max-width:640px){.picker-panel{margin-top:0;border-radius:0;max-height:100vh;height:100vh}.picker-header{padding:var(--space-4)}}