.add-to-comparison{border:1px solid var(--color-rule);min-height:44px;color:var(--color-ink);background:var(--surface);border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-size:12px;font-weight:500;display:inline-flex}.add-to-comparison svg{width:15px;height:15px}.add-to-comparison:hover,.add-to-comparison[data-selected=true]{border-color:var(--signal);color:var(--signal)}.add-to-comparison:disabled{opacity:.6;cursor:wait}.comparison-toggle{top:calc(var(--card-art-height) - 34px);z-index:1;background:color-mix(in oklch, var(--color-paper) 70%, transparent);height:24px;color:var(--color-ink-soft);border-radius:4px;align-items:center;gap:4px;padding:0 8px 0 6px;font-size:11px;font-weight:500;line-height:1;display:inline-flex;position:absolute;right:10px}.comparison-toggle:before{content:"";position:absolute;inset:-8px}.comparison-toggle svg{width:12px;height:12px}.comparison-toggle:hover{background:var(--color-paper);color:var(--signal)}.comparison-toggle[aria-pressed=true]{background:var(--signal);color:var(--color-paper)}.comparison-tray{right:max(20px, env(safe-area-inset-right));bottom:calc(20px + env(safe-area-inset-bottom) + var(--tray-player-offset,0px));z-index:110;width:332px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 48px - env(safe-area-inset-bottom) - var(--tray-player-offset,0px));overscroll-behavior:contain;color:var(--color-ink);background:var(--surface);border:1px solid var(--color-rule);border-radius:10px;position:fixed;overflow-y:auto;box-shadow:0 8px 36px #0002}.comparison-tray[data-expanded=false]{width:auto}.comparison-tray-toggle{text-align:left;align-items:center;gap:10px;width:100%;min-height:48px;padding:12px 15px;display:flex}.comparison-tray-toggle strong{font-size:13px;font-weight:600}.comparison-tray-toggle>span{color:var(--color-ink-soft);margin-left:auto;font-size:11px}.comparison-tray-toggle svg{flex-shrink:0;width:16px;height:16px}.comparison-tray-toggle>svg:first-child{color:var(--signal)}.comparison-tray-products{margin:0;padding:0 14px;list-style:none}.comparison-tray-products>li{border-top:1px solid var(--color-rule);align-items:center;gap:8px;padding:10px 0;display:flex}.comparison-tray-product{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.comparison-tray-art{background:var(--art-surface);border-radius:4px;flex-shrink:0;width:44px;height:44px;padding:5px}.comparison-tray-art .product-placeholder{letter-spacing:-1px;font-size:18px}.comparison-tray-product>span:last-child{min-width:0}.comparison-tray-product strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;font-weight:550;line-height:1.4;display:-webkit-box;overflow:hidden}.comparison-tray-product small{color:var(--color-ink-soft);margin-top:3px;font-size:10px;display:block}.comparison-tray-product:hover strong{color:var(--signal)}.comparison-tray-remove{width:32px;height:32px;color:var(--color-ink-soft);border-radius:4px;flex-shrink:0;place-items:center;display:grid}.comparison-tray-remove svg{width:15px;height:15px}.comparison-tray-remove:hover{background:var(--color-paper);color:var(--color-ink)}.comparison-tray-hint{color:var(--color-ink-soft);margin:2px 15px 10px;font-size:11px;line-height:1.6}.comparison-tray footer{border-top:1px solid var(--color-rule);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.comparison-tray-clear{color:var(--color-ink-soft);min-height:36px;font-size:11px}.comparison-tray .solid-link{gap:10px;min-height:40px;padding:9px 12px;font-size:12px}.comparison-tray .solid-link svg{width:14px;height:14px}.comparison-tray-notice{background:var(--color-paper);border-top:1px solid var(--color-rule);padding:12px 15px}.comparison-tray-notice p{margin:0;font-size:12px;line-height:1.6}.comparison-tray-notice strong{font-weight:550}.comparison-tray-notice>div{flex-wrap:wrap;gap:8px 16px;margin-top:8px;display:flex}.comparison-tray-notice button,.comparison-tray-replace{color:var(--signal);min-height:32px;font-size:11px}.comparison-tray-notice button:last-child{color:var(--color-ink-soft)}body:has(.comparison-tray) .ask-launcher{left:16px;right:auto}body:has(.ask-panel) .comparison-tray{display:none}@media (max-width:640px){.comparison-tray{right:max(12px, env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom) + var(--tray-player-offset,0px))}.comparison-tray[data-expanded=true]{width:min(332px,100vw - 24px);max-width:calc(100vw - 24px)}body:has(.comparison-tray) .ask-launcher{left:12px}body:has(.ask-launcher) .comparison-tray{bottom:calc(72px + env(safe-area-inset-bottom) + var(--tray-player-offset,0px));max-height:calc(100dvh - 108px - env(safe-area-inset-bottom) - var(--tray-player-offset,0px))}}@media (pointer:coarse){.comparison-tray-remove,.comparison-tray-replace,.comparison-tray-clear,.comparison-tray-notice button{min-width:44px;min-height:44px}}@media print{.comparison-tray{display:none}}