.compare{margin:var(--ds-space-lg) 0;display:grid;gap:var(--ds-space-md)}.compare-settings{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ds-space-xs) var(--ds-space-sm)}.compare-settings label{font-family:var(--ds-font-mono);font-size:var(--ds-text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--ds-muted)}.compare-settings select{min-width:5.5rem}.compare-settings .meter-note{flex:1 0 100%;margin:0}.compare-places{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ds-space-sm)}@media(min-width:34rem){.compare-places{gap:var(--ds-space-md)}}.compare-place{padding:var(--ds-space-md);background:var(--ds-paper);border:var(--ds-rule-hair) solid var(--ds-rule)}.compare-record{width:100%;margin-bottom:var(--ds-space-xs)}.compare-progress{height:3px;margin-bottom:var(--ds-space-sm);background:var(--ds-paper-2);border-radius:var(--ds-radius-chip);overflow:hidden}.compare-progress>span{display:block;height:100%;background:var(--ds-ink-2);transition:width var(--ds-dur-data) linear}.compare-progress[data-recording]>span{background:var(--ds-accent)}.compare-progress:not([data-recording])>span{background:none}.compare-clear{margin-top:var(--ds-space-sm);padding:var(--ds-space-2xs) var(--ds-space-sm)}.compare-result{padding:var(--ds-space-md);background:var(--ds-paper);border:var(--ds-rule-hair) solid var(--ds-rule)}.compare-verdict{margin:0 0 var(--ds-space-sm);font-size:var(--ds-text-lg);font-weight:var(--ds-display-weight);line-height:var(--ds-leading-heading);color:var(--ds-ink)}.compare-result .meter-note{margin:var(--ds-space-sm) 0 0}.compare-actions{display:flex;flex-wrap:wrap;gap:var(--ds-space-xs)}