.compare-launch{border-color:#f58b5099!important}.compare-dialog{width:min(1500px,calc(100vw - 28px));max-height:calc(100dvh - 28px);padding:0;border:1px solid #ffffff33;border-radius:18px;background:#151b22;color:white;overflow:auto}.compare-dialog::backdrop{background:#050a12e0;backdrop-filter:blur(6px)}.compare-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;gap:16px}.compare-header h2{font-size:24px;margin:7px 0 0}.compare-close{width:42px;height:42px;flex-shrink:0;border:1px solid #ffffff30;border-radius:50%;background:#26303c;color:white;font-size:28px;cursor:pointer}.compare-help{margin:0;padding:0 24px 16px;color:#b9c3ce;font-size:14px}.compare-stage{position:relative;aspect-ratio:16/9;width:100%;overflow:hidden;touch-action:none;cursor:ew-resize;background:#182330}.compare-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none;user-select:none}.compare-day{clip-path:inset(0 calc(100% - var(--split)) 0 0)}.compare-divider{position:absolute;left:var(--split);top:0;bottom:0;width:2px;background:white;transform:translateX(-50%);pointer-events:none;box-shadow:0 0 9px #0007}.compare-divider b{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;border:2px solid white;border-radius:50%;width:44px;height:44px;background:#19232edc;color:#fff;font-size:26px;box-shadow:0 4px 16px #0007}.compare-label{position:absolute;top:16px;padding:8px 12px;border:1px solid #ffffff55;border-radius:7px;background:#13202bcc;font-size:12px;letter-spacing:.14em;pointer-events:none}.compare-label-day{left:16px}.compare-label-night{right:16px}.compare-controls{display:flex;gap:14px;align-items:center;padding:18px 24px}.compare-controls button{min-height:42px;padding:10px 14px;border:1px solid #ffffff35;border-radius:9px;background:#25303b;color:white;font:inherit;font-size:14px;cursor:pointer}.compare-controls button[aria-pressed=true]{border-color:#f58b50;background:#a93f0b}.compare-controls label{flex:1;display:flex;align-items:center;gap:16px;font-size:14px;color:#c5cdd7;white-space:nowrap}.compare-controls input{width:100%;height:36px;accent-color:#f36b21;cursor:ew-resize}.compare-controls input:focus-visible{outline:2px solid white;outline-offset:3px}@media(max-width:650px){.compare-header{padding:16px}.compare-header h2{font-size:20px}.compare-help{padding:0 16px 12px}.compare-controls{flex-wrap:wrap;padding:14px;gap:8px}.compare-controls label{order:-1;flex-basis:100%}.compare-controls button{flex:1}.compare-divider b{width:34px;height:34px;font-size:22px}.compare-label{top:8px;padding:6px;font-size:10px}.compare-label-day{left:8px}.compare-label-night{right:8px}}