.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{padding:.35rem .45rem;background:var(--ds-paper-2);color:var(--ds-ink);border:var(--ds-rule-hair) solid var(--ds-rule);border-radius:0;font-family:var(--ds-font-mono);font-size:var(--ds-text-sm)}.compare-settings .meter-note{flex:1 0 100%;margin:0}.compare-places{display:grid;gap:var(--ds-space-md)}@media(min-width:34rem){.compare-places{grid-template-columns:repeat(2,minmax(0,1fr))}}.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)}.compare-progress>span{display:block;height:100%;background:var(--ds-accent);transition:width .12s linear}.compare-progress:not([data-recording])>span{background:none}.compare-clear{margin-top:var(--ds-space-sm);padding:.3rem .6rem}.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)}.compare-result .meter-note{margin:var(--ds-space-sm) 0 0}.compare-actions{display:flex;flex-wrap:wrap;gap:var(--ds-space-xs)}