.comparison-overlay{position:fixed;inset:0;z-index:400;display:flex;align-items:flex-end;justify-content:center;background:var(--color-overlay-bg);opacity:0;pointer-events:none;transition:opacity var(--transition-normal),backdrop-filter var(--transition-normal),-webkit-backdrop-filter var(--transition-normal)}.comparison-overlay--active{opacity:1;pointer-events:auto;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}.comparison-hidden{display:none}.comparison-sheet{width:100%;max-height:calc(100% - 16px);background:var(--color-surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;transform:translateY(100%);display:flex;flex-direction:column;overflow:hidden;will-change:transform}.comparison-sheet:focus,.comparison-sheet:focus-visible{outline:none}@media (prefers-reduced-motion: no-preference){.comparison-sheet{transition:transform var(--transition-sheet-exit)}.comparison-overlay--active .comparison-sheet{transition:transform var(--transition-sheet-enter)}}.comparison-overlay--active .comparison-sheet{transform:translateY(0)}@media (min-width: 768px) and (max-width: 1023px){.comparison-overlay{position:absolute;inset:38px 0 0;z-index:50;background:transparent}.comparison-sheet{height:100%;max-height:100%;border-radius:0}}@media (min-width: 1024px){.comparison-overlay{align-items:center;padding:20px}.comparison-sheet{width:min(1200px,calc(100vw - 40px));height:auto;max-height:min(86vh,800px);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);transform:scale(.96);opacity:0}@media (prefers-reduced-motion: no-preference){.comparison-sheet{transition:transform var(--transition-sheet-exit),opacity var(--transition-sheet-exit)}.comparison-overlay--active .comparison-sheet{transition:transform var(--transition-sheet-enter),opacity var(--transition-sheet-enter)}}.comparison-overlay--active .comparison-sheet{transform:scale(1);opacity:1}}#comparison-sheet-content{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}@media (min-width: 1024px){.comparison-sheet>.bottom-sheet-handle{display:none}}.comparison-header{flex-shrink:0;padding:var(--space-sm) var(--space-md);background:var(--color-surface);position:relative;z-index:3;overflow:visible;touch-action:none}.comparison-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:.33px;background:var(--color-separator)}@media (min-width: 1024px){.comparison-header{touch-action:auto}}.comparison-header__title-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.comparison-title{margin:0;flex:1;font-size:var(--font-size-lg);font-weight:600;letter-spacing:-.02em;color:var(--color-text)}.comparison-close-btn{width:34px;height:34px;border-radius:50%;border:none;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;background:var(--color-surface);box-shadow:var(--shadow-md);color:var(--color-text);flex-shrink:0;margin-left:4px}@media (prefers-reduced-motion: no-preference){.comparison-close-btn{transition:background var(--transition-fast),transform var(--transition-layout)}}@media (hover: hover){.comparison-close-btn:hover{background:var(--color-fill-quaternary)}}.comparison-close-btn svg{width:14px;height:14px;stroke:var(--color-text)}.comparison-pills{display:flex;gap:var(--space-xs);padding:var(--space-sm) var(--space-md) 0;flex-shrink:0;flex-wrap:nowrap;position:relative;z-index:1;touch-action:auto}.comparison-pill{flex:1 1 0;min-width:0;position:relative;appearance:none;border:none;background:var(--color-fill-quaternary);color:var(--color-text);font-size:var(--font-size-sm);font-weight:500;padding:8px 4px;border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;overflow:visible;touch-action:auto}@media (prefers-reduced-motion: no-preference){.comparison-pill{transition:background var(--transition-fast),color var(--transition-fast)}}.comparison-pill:hover{background:var(--color-hover)}.comparison-pill--selected{background:var(--color-accent-light);color:var(--color-accent);font-weight:600}.comparison-pill:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.comparison-pill__label-short{display:none}.comparison-pill__label-full{display:inline}@media (max-width: 419px){.comparison-pill__label-short{display:inline}.comparison-pill__label-full{display:none}}.comparison-pill__dot{position:absolute;top:-2px;right:-2px;width:8px;height:8px;border-radius:50%;background:var(--color-accent);border:1.5px solid var(--color-surface);box-sizing:content-box;pointer-events:none}@media (min-width: 1024px){.comparison-pills--mobile-only{display:none}}.comparison-sort-row{flex-shrink:0;display:flex;align-items:stretch;background:var(--color-surface);position:relative;z-index:1;touch-action:auto}.comparison-sort-row:after{content:"";position:absolute;bottom:0;left:0;right:0;height:.33px;background:var(--color-separator)}.comparison-sort-row__btn{appearance:none;border:none;background:transparent;padding:8px var(--space-md);display:inline-flex;align-items:center;gap:4px;font-size:var(--font-size-sm);font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-secondary);cursor:pointer;min-height:36px;white-space:nowrap;font-variant-numeric:tabular-nums}@media (prefers-reduced-motion: no-preference){.comparison-sort-row__btn{transition:color var(--transition-fast),background var(--transition-fast)}}.comparison-sort-row__btn:first-child{flex:1;justify-content:flex-start}.comparison-sort-row__btn:last-child{flex-shrink:0;justify-content:flex-end}.comparison-sort-row__btn:hover:not(.comparison-sort-row__btn--active){background:var(--color-hover)}.comparison-sort-row__btn--active{color:var(--color-accent);font-weight:600}.comparison-sort-row__btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.comparison-sort-row__arrow{font-size:var(--font-size-sm);line-height:1}.comparison-sort-row--inline{display:none}.comparison-sort-row--inline:after{display:none}@media (min-width: 1024px){.comparison-sort-row--inline{display:flex;gap:var(--space-sm);background:transparent;margin-right:var(--space-sm);padding:0;z-index:auto}.comparison-sort-row--inline .comparison-sort-row__btn{flex:0 0 auto;min-height:32px;padding:6px 12px;border-radius:var(--radius-pill);background:var(--color-fill-quaternary);color:var(--color-text);text-transform:none;letter-spacing:0;font-weight:500;justify-content:center}.comparison-sort-row--inline .comparison-sort-row__btn:hover:not(.comparison-sort-row__btn--active){background:var(--color-hover)}.comparison-sort-row--inline .comparison-sort-row__btn--active{background:var(--color-accent-light);color:var(--color-accent);font-weight:600}.comparison-sort-row--standalone{display:none}}.comparison-body{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.comparison-view{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;position:relative}.comparison-view--desktop{display:none}@media (min-width: 1024px){.comparison-view--mobile{display:none}.comparison-view--desktop{display:block}}.comparison-rank-list{display:flex;flex-direction:column}.comparison-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:10px var(--space-md);border-bottom:.33px solid var(--color-separator);font-size:var(--font-size-base);min-height:40px}.comparison-row:last-child{border-bottom:none}.comparison-row__label{flex:1;min-width:0;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comparison-row__total{flex-shrink:0;font-variant-numeric:tabular-nums;font-weight:600;color:var(--color-text)}.comparison-empty{padding:var(--space-2xl) var(--space-lg);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-base)}.comparison-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--color-separator);height:100%}.comparison-col{background:var(--color-surface);display:flex;flex-direction:column;min-height:0;overflow:hidden}.comparison-col__header{padding:8px var(--space-sm);font-size:var(--font-size-sm);font-weight:600;letter-spacing:.02em;color:var(--color-text-secondary);text-transform:uppercase;border-bottom:.33px solid var(--color-separator);background:var(--color-surface);position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs)}.comparison-col__now-chip{font-size:10px;font-weight:700;letter-spacing:.06em;padding:2px 6px;border-radius:8px;background:var(--color-accent);color:#fff}.comparison-col .comparison-rank-list{flex:1;overflow-y:auto}.comparison-col .comparison-row{padding:8px var(--space-sm);font-size:var(--font-size-sm);min-height:36px;gap:var(--space-sm)}.comparison-row--cat-critical-g5{background:var(--color-cat-critical-g5)}.comparison-row--cat-critical-g3{background:var(--color-cat-critical-g3)}.comparison-row--cat-consult{background:var(--color-cat-consult)}.comparison-row--cat-k{background:var(--color-cat-k)}body.comparison-open{overflow:hidden}@media (prefers-color-scheme: dark){:where(:root:not([data-theme=light])) .comparison-sheet{border:1px solid var(--overlay-white-strong);border-bottom:none;border-left:none;border-right:none;box-shadow:var(--shadow-lg),var(--glow-accent-faint)}}:where(:root[data-theme=dark]) .comparison-sheet{border:1px solid var(--overlay-white-strong);border-bottom:none;border-left:none;border-right:none;box-shadow:var(--shadow-lg),var(--glow-accent-faint)}@media (max-width: 767px){#comparison-sheet-content,.comparison-view--mobile{background:var(--color-bg)}.comparison-header{background:transparent;padding:0}.comparison-header:after{display:none}.comparison-header__title-row{padding:var(--space-sm) var(--space-md);background:var(--color-surface);position:relative}.comparison-header__title-row:after{content:"";position:absolute;bottom:0;left:0;right:0;height:.33px;background:var(--color-separator)}.comparison-pills--mobile-only{padding-bottom:var(--space-sm)}.comparison-view--mobile .comparison-rank-list:after{content:"";display:block;height:12px}.comparison-view--mobile .comparison-row{margin:0 var(--space-md);border-bottom:none;position:relative}.comparison-view--mobile .comparison-row:not([class*=comparison-row--cat-]){background:var(--color-surface)}.comparison-view--mobile .comparison-row:after{content:"";position:absolute;bottom:0;left:16px;right:0;height:.33px;background:var(--color-separator)}.comparison-view--mobile .comparison-row:first-child{border-radius:var(--radius-md) var(--radius-md) 0 0}.comparison-view--mobile .comparison-row:last-child{border-radius:0 0 var(--radius-md) var(--radius-md)}.comparison-view--mobile .comparison-row:first-child:last-child{border-radius:var(--radius-md)}.comparison-view--mobile .comparison-row:last-child:after{display:none}.comparison-view--mobile .comparison-empty{margin:0 var(--space-md);background:var(--color-surface);border-radius:var(--radius-md)}.comparison-sort-row--standalone{background:transparent;padding:0 var(--space-md)}.comparison-sort-row--standalone:after{display:none}}