.interface-compare{position:fixed;z-index:8;top:22px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:4px;padding:5px;background:var(--paper);border:1px solid var(--line);border-radius:13px;box-shadow:0 4px 20px #17355412;backdrop-filter:blur(12px);color:var(--ink);font-family:Outfit,Arial,sans-serif}
.interface-compare>span{font-size:9px;font-weight:550;letter-spacing:.8px;text-transform:uppercase;padding:0 9px}
.interface-compare button{min-width:62px;min-height:36px;padding:8px 12px;border-radius:8px;font:500 12px Outfit,Arial,sans-serif;color:var(--muted)}
.interface-compare button:hover{background:#1b3d7110}.interface-compare button[aria-pressed=true]{background:#1b3d71;color:white;box-shadow:inset 0 -2px #ed1475}
.interface-compare button:focus-visible{outline:2px solid #ed1475;outline-offset:2px}
body.night .interface-compare button:hover{background:#ffffff12}body.night .interface-compare button[aria-pressed=true]{background:#315d94}
@media(min-width:701px) and (max-width:1100px){.interface-compare{left:auto;right:78px;transform:none}}
@media(max-width:700px){.interface-compare{top:auto;bottom:204px;left:50%;transform:translateX(-50%);padding:4px;border-radius:12px}.interface-compare button{min-height:36px}.interface-compare>span{font-size:8px;padding:0 6px}body:has(.places:not([hidden]):not(.mobile-hidden)) .interface-compare,body:has(.drawer:not([hidden])) .interface-compare{display:none}}