*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#071a2b;color:#e9f7ff;font:14px/1.4 system-ui,-apple-system,Segoe UI,sans-serif}button,select{font:inherit}a{color:#9eebfa;text-decoration:none}a:hover{text-decoration:underline}.compare-app{display:flex;flex-direction:column;min-height:100dvh;gap:10px;padding:10px 14px}.compare-header,.compare-toolbar,.compare-time,.compare-footer{border:1px solid #315067;border-radius:10px;background:#0d273b}.compare-header{padding:11px 16px;display:flex;justify-content:space-between;align-items:center;gap:14px}.compare-brand{display:flex;flex-direction:column;gap:2px}.compare-brand strong{font-size:17px;letter-spacing:.08em}.compare-brand span{font-size:11px;color:#9fc3d8}.compare-header nav{display:flex;gap:15px;font-size:12px}.compare-toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:10px;padding:10px 12px}.compare-toolbar label{display:flex;flex-direction:column;gap:5px;color:#b4d1e1;font-size:11px;font-weight:700}.compare-toolbar select{min-height:34px;min-width:145px;background:#0c334d;border:1px solid #3e738a;color:#f1fdff;border-radius:7px;padding:6px}.compare-toolbar #compareLevelWrap[hidden]{display:none}.compare-toolbar button,.compare-transport button{border-radius:7px;color:#d9f8ff;font-weight:700;background:#12455c;border:1px solid #387b93;padding:8px 12px;cursor:pointer}.compare-toolbar button:hover,.compare-transport button:hover:not(:disabled){border-color:#6ed9f2;background:#1c5870}.compare-transport button:disabled{opacity:.36;cursor:not-allowed}.compare-map-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:11px;flex:1;min-height:420px}.compare-pane{display:flex;flex-direction:column;overflow:hidden;border:1px solid #335b73;border-radius:12px;background:#081c2d;min-width:0}.pane-header{padding:8px 11px;background:#123047;display:flex;justify-content:space-between;gap:9px;align-items:center;min-height:57px}.pane-header div{display:flex;flex-direction:column;min-width:0}.pane-header strong{font-size:15px;letter-spacing:.03em}.pane-header span{font-size:10px;color:#b0cbd9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pane-header a{font-size:11px;white-space:nowrap}.compare-pane iframe{width:100%;height:100%;flex:1;border:0;min-height:340px;background:#0a1b2d}.compare-time{padding:10px 14px}.compare-time-title{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px}.compare-time-title span{font-size:13px;color:#90e5fb;font-weight:700}.compare-time input{width:100%;accent-color:#58d8e9;margin:12px 0 6px}.compare-transport{display:flex;gap:8px;align-items:center}.compare-transport #frameCount{margin-left:auto;font-size:11px;color:#a9c5d4}.compare-warning{font-size:11px;color:#b0c7d3;margin:10px 0 0}.compare-warning.error{color:#ffb7b9}.compare-footer{color:#acc5d5;font-size:11px;padding:8px 12px}.compare-toolbar select:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #6fe6ff;outline-offset:2px}@media(min-width:950px){.compare-app{height:100dvh}.compare-map-grid{min-height:0}}@media(max-width:900px){.compare-map-grid{grid-template-columns:1fr}.compare-pane{min-height:360px}.compare-pane iframe{height:360px}.compare-header{align-items:flex-start}.compare-header nav{flex-wrap:wrap}}@media(max-width:500px){.compare-app{padding:7px;gap:7px}.compare-toolbar select{min-width:130px}.compare-header{padding:10px}.compare-brand strong{font-size:13px}.compare-header nav{font-size:11px;gap:7px}.compare-time-title{align-items:flex-start;flex-direction:column}.compare-transport{gap:4px}.compare-transport button{padding:8px;font-size:11px}}