.result-song-actions{flex-wrap:wrap;align-self:end;align-items:center;gap:0 16px;display:flex}.result-listen-again{min-height:44px;color:var(--foreground);font:500 12px/1.4 var(--font-sans);text-align:start;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:0;display:inline-flex}.result-listen-again svg{flex-shrink:0;width:16px;height:16px}.result-listen-again[aria-expanded=true]{text-underline-offset:4px;text-decoration:underline}.result-spotify-panel{border:1px solid var(--border);background:var(--secondary);border-radius:12px;grid-column:2;min-width:0;margin-top:18px;padding:16px}.result-preview-heading{justify-content:space-between;align-items:start;gap:16px;margin-bottom:12px;display:flex}.result-preview-heading p{overflow-wrap:anywhere;min-width:0}.result-preview-heading strong{font-size:14px;font-weight:500;line-height:1.5;display:block}.result-preview-heading span{color:var(--muted-foreground);font-size:12px;line-height:1.5;display:block}.result-preview-heading button{border-radius:var(--control-radius);cursor:pointer;background:0 0;flex-shrink:0;place-items:center;width:44px;height:44px;margin:-8px -8px 0 0;display:grid}.result-preview-heading button:hover{background:var(--muted)}.result-listen-again:focus-visible,.result-preview-heading button:focus-visible{outline:2px solid var(--ring);outline-offset:4px}@media (width<=900px){.result-spotify-panel{grid-column:1}}@media (width<=540px){.result-spotify-panel{padding:12px}.comparison-alternative>.result-song-actions{grid-column:1/-1}}@media (prefers-reduced-motion:no-preference){.result-spotify-panel{animation:.15s ease-out result-preview-enter}@keyframes result-preview-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}}.pair-pick-summary{min-width:0;margin-block-start:24px}.pair-pick-heading{color:var(--muted-foreground);flex-wrap:wrap;justify-content:space-between;gap:4px 16px;margin-block-end:10px;font-size:11px;line-height:1.6;display:flex}.pair-pick-total{font-size:inherit;color:var(--muted-foreground)}.pair-pick-bar{gap:3px;height:8px;display:flex;overflow:hidden}.pair-pick-bar>span{background:var(--foreground);min-width:0}.pair-pick-bar>span+span{background:color-mix(in srgb, var(--foreground) 24%, var(--background))}.pair-pick-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-block-start:9px;display:grid}.pair-pick-columns>p{overflow-wrap:anywhere;min-width:0;color:var(--muted-foreground);font-size:11px;line-height:1.6}.pair-pick-columns>p:last-child{text-align:end}.pair-pick-columns strong{color:var(--foreground);font-variant-numeric:tabular-nums;font-weight:500}.pair-picks-status{color:var(--muted-foreground);margin-block-start:16px;font-size:12px}.pair-picks-status button{text-underline-offset:3px;cursor:pointer;min-height:44px;padding:0 8px;text-decoration:underline}.pair-picks-status button:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.result-soundtrack{align-self:start;width:100%;min-width:0}.soundtrack-stops{margin:0;padding:0;list-style:none}.soundtrack-heading{border-top:2px solid var(--foreground);border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:16px;padding-block:20px;display:flex}.soundtrack-heading h2{font:600 40px/1.1 var(--font-heading)}.soundtrack-heading>span{color:var(--muted-foreground);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:11px}.soundtrack-stop{border-bottom:1px solid var(--border);grid-template-columns:136px minmax(0,1fr);column-gap:24px;padding-block:24px;display:grid}.soundtrack-stop-year{font-variant-numeric:tabular-nums;flex-direction:column;gap:14px;padding-top:14px;font-size:18px;font-weight:500;line-height:1.5;display:flex}.soundtrack-stop-year>span{border:1px solid var(--border);width:30px;height:30px;color:var(--muted-foreground);border-radius:50%;place-items:center;font-size:11px;font-weight:400;display:grid}.soundtrack-pair{grid-template-rows:auto auto auto 1fr;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;display:grid}.soundtrack-choice{grid-row:span 4;grid-template-rows:subgrid;align-items:start;min-width:0;padding:0;display:grid}.soundtrack-choice[data-picked=false] h4{color:var(--muted-foreground)}.soundtrack-choice-label{color:var(--muted-foreground);align-items:center;gap:7px;min-height:18px;margin-bottom:14px;font-size:11px;display:flex}.soundtrack-choice-label svg{width:16px;height:16px}.soundtrack-choice[data-picked=true] .soundtrack-choice-label{color:var(--foreground);font-weight:500}.soundtrack-choice h4{overflow-wrap:anywhere;font-size:clamp(19px,2vw,24px);font-weight:500;line-height:1.3}.soundtrack-artist{color:var(--muted-foreground);overflow-wrap:anywhere;margin-top:6px;margin-bottom:16px;font-size:13px;line-height:1.55}.soundtrack-stop>.pair-pick-summary{grid-column:2}.soundtrack-listen{min-height:44px;color:var(--muted-foreground);text-underline-offset:3px;justify-self:start;align-items:center;gap:6px;font-size:11px;text-decoration:underline;display:inline-flex}.soundtrack-listen svg{flex-shrink:0;width:14px;height:14px}.soundtrack-listen:hover,.soundtrack-listen:focus-visible{color:var(--foreground)}@media (width<=900px){.soundtrack-stop{grid-template-columns:minmax(0,1fr)}.soundtrack-stop-year{flex-direction:row;align-items:center;margin-bottom:16px;padding-top:0}.soundtrack-stop>.pair-pick-summary{grid-column:1}}@media (width<=540px){.soundtrack-heading{flex-direction:column;gap:8px}.soundtrack-heading h2{font-size:34px}.soundtrack-pair{column-gap:16px}.soundtrack-choice h4{font-size:18px}.soundtrack-artist{font-size:12px}}.comparison-layout{max-width:1120px;margin-inline:auto;padding:40px 48px 64px}.comparison-hero{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:32px;padding-block:12px 40px;display:flex}.comparison-intro{flex:1;min-width:min(100%,260px)}.comparison-intro h1{font:600 clamp(60px, 7vw, 88px)/1 var(--font-heading);letter-spacing:-.025em;text-wrap:balance;margin-block:16px 20px}.comparison-score{font-size:18px;line-height:1.6}.comparison-differences{color:var(--muted-foreground);margin-block-start:6px;font-size:15px;line-height:1.6}.comparison-record{flex:0 0 156px;width:156px;height:156px;position:relative}.comparison-record svg{width:100%;height:100%}.comparison-record-label{flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;inset:0}.comparison-record-label strong{font:600 48px/1 var(--font-heading);font-variant-numeric:tabular-nums}.comparison-record-label span{color:var(--muted-foreground);font-size:11px}.comparison-stop-body{min-width:0}.comparison-choice-status{align-items:center;gap:7px;margin-block-end:20px;font-size:12px;font-weight:500;display:flex}.comparison-choice-status svg,.comparison-person svg{flex-shrink:0;width:16px;height:16px}.comparison-context{color:var(--muted-foreground);padding-block:16px 8px;font-size:13px;line-height:1.6}.comparison-columns{column-gap:16px}.comparison-choice{background:var(--secondary);border-radius:8px;padding:20px}.comparison-person{overflow-wrap:anywhere;margin-block-end:20px}.comparison-person>span{align-items:center;gap:8px;font-size:14px;font-weight:600;line-height:1.4;display:flex}.comparison-person small{color:var(--muted-foreground);margin-block-start:6px;font-size:12px;display:block}.comparison-choice .soundtrack-listen{align-self:end}.comparison-alternative{color:var(--muted-foreground);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px 20px;margin-block-start:20px;display:grid}.comparison-alternative>span{font-size:11px}.comparison-alternative h4{overflow-wrap:anywhere;font-size:14px;font-weight:500;line-height:1.5}.comparison-alternative p{overflow-wrap:anywhere;font-size:12px;line-height:1.5}.comparison-layout .result-actions{margin-block-start:40px}.comparison-result-links{color:var(--muted-foreground);flex-wrap:wrap;gap:8px 24px;margin-block-start:24px;font-size:12px;display:flex}.comparison-result-links a{text-underline-offset:3px;align-items:center;min-height:44px;text-decoration:underline;display:inline-flex}@media (width<=700px){.comparison-layout{padding:24px 20px 40px}.comparison-hero{gap:24px;padding-block-end:32px}.comparison-intro h1{font-size:60px}.comparison-score{font-size:16px}}@media (width<=540px){.comparison-columns{column-gap:10px}.comparison-choice{padding:14px 12px}.comparison-person{margin-block-end:16px}.comparison-person>span{gap:5px;font-size:13px}.comparison-person svg{display:none}.comparison-alternative{grid-template-columns:minmax(0,1fr) auto;gap:6px 16px}.comparison-alternative>span{grid-column:1/-1}}