*{box-sizing:border-box}body{margin:0;font:14px system-ui;color:#e8f0f5;background:#071321}#map{position:fixed;inset:0}aside{position:fixed;left:16px;top:16px;bottom:28px;width:310px;overflow:auto;padding:22px;background:#102030ed;border:1px solid #ffffff30;border-radius:16px;backdrop-filter:blur(12px)}h1{margin:0;font-size:25px}p,small{color:#b5cbdc;line-height:1.5}label{display:block;margin:14px 0 7px}select,input:not([type=checkbox]){width:100%;padding:9px;background:#1b3248;border:1px solid #50687d;border-radius:7px;color:white;font:inherit;margin-top:5px}button{background:#264963;color:white;border:1px solid #54768c;border-radius:7px;padding:9px;font:inherit;cursor:pointer}button:disabled{opacity:.45}button:hover{background:#376582}.row{display:flex;gap:7px;margin-top:8px}.row>*{flex:1;min-width:0}input[type=color]{max-width:50px;height:40px}small,a{display:block;margin-top:12px;font-size:11px}a{color:#abd9ff}#status{margin-top:14px;line-height:1.4;color:#b3dbf6}.mapboxgl-popup-content{color:#15283c} @media(max-width:650px){aside{top:auto;bottom:30px;max-height:40vh;left:8px;right:8px;width:auto;padding:15px}}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #9acbff}

body{background:#050608;color:#eee}aside{background:#101010f2;border-color:#ffffff18;border-radius:22px}select,input:not([type=checkbox]){background:#222;border-color:#444;border-radius:18px;color:#eee}button{background:#202020;border:1px solid #393939;border-radius:22px}button:hover{background:#333}p,small{color:#a0a0a0}a,#status{color:#b8c9e1}details{border-top:1px solid #ffffff15;padding-top:16px;margin-top:16px}summary{cursor:pointer;color:#ddd}