:root{color-scheme:dark;--blue:#16aaf5}*{box-sizing:border-box}html,body{height:100%;margin:0;font-family:Arial,sans-serif;background:#17283a;color:#fff}button,input{font:inherit}.app{height:100%;min-height:620px;position:relative;overflow:hidden}#map,.map-fallback{position:absolute;inset:0}.map-fallback{background:#26394b;overflow:hidden}.grid{position:absolute;inset:-30%;transform:rotate(-24deg);background-image:linear-gradient(#53677b55 5px,transparent 5px),linear-gradient(90deg,#53677b55 5px,transparent 5px);background-size:78px 78px}.map-fallback p{position:absolute;top:40%;width:100%;text-align:center;color:#abb8c5}.map-controls{position:absolute;z-index:3;top:28px;right:18px;display:grid;background:#1b2939e6;border:1px solid #ffffff20;border-radius:28px;overflow:hidden}.map-controls button{width:56px;height:58px;border:0;background:transparent;color:#fff}.map-controls button+button{border-top:1px solid #ffffff20}svg{fill:currentColor}.map-controls svg{width:27px}
.sheet{position:absolute;z-index:4;left:50%;bottom:12px;transform:translateX(-50%);width:min(94%,680px);padding:10px 25px 15px;border:1px solid #ffffff24;border-radius:38px;background:linear-gradient(145deg,#1b2836f7,#111b27f7);box-shadow:0 24px 70px #0007}.grabber{width:92px;height:5px;border-radius:5px;background:#8994a1;margin:0 auto 14px}.heading{display:flex;justify-content:space-between;align-items:center}.heading small{font-size:10px;letter-spacing:.14em;color:#68c9ff;font-weight:bold}.heading h1{font-size:32px;margin:4px 0 18px}.add{border:0;border-radius:50%;background:#162536;width:52px;height:52px;color:#fff}.add svg{width:30px}.device{width:100%;border:0;border-bottom:1px solid #ffffff1c;background:transparent;padding:0 0 20px;display:flex;text-align:left;align-items:center;gap:14px;color:#fff}.phone{display:grid;place-items:center;flex:0 0 58px;height:58px;border-radius:50%;background:#46505d;overflow:hidden}.phone img{width:100%;height:100%;object-fit:cover}.copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:5px}.copy strong{font-size:15px}.copy small{color:#aeb7c3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.online{font-size:13px;display:flex;align-items:center;gap:6px}.online i{width:8px;height:8px;background:#40d17c;border-radius:50%}nav{display:grid;grid-template-columns:repeat(4,1fr);padding-top:15px;border-top:1px solid #ffffff16}nav button{border:0;background:transparent;display:grid;gap:4px;justify-items:center;color:#f5f7fb;font-size:11px}nav svg{width:26px;height:26px}nav .active{color:var(--blue);font-weight:bold}
.login-overlay{position:absolute;z-index:20;inset:0;display:grid;place-items:center;padding:22px;background:#13233326;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);opacity:0;transition:opacity .55s}.login-overlay[hidden]{display:none}.login-overlay.visible{opacity:1}.login-card{width:min(100%,322px);padding:20px 18px;border-radius:17px;background:#25303ef5;box-shadow:0 18px 60px #0004;text-align:center}.login-card h2{font-size:16px;margin:0 0 9px}.fields{position:relative;overflow:hidden;border:1px solid #46505c;border-radius:15px;background:#2c2b2c}.fields input{display:block;width:100%;height:49px;padding:0 52px 0 13px;border:0;background:transparent;color:#fff;outline:0}.fields input::placeholder{color:#9c9fa4}#password{display:none;border-top:1px solid #47484b}.step-password #password{display:block}.next{position:absolute;right:12px;top:11px;width:27px;height:27px;padding:4px;border:1.5px solid #d7dde3;border-radius:50%;background:transparent;color:#eef3f7}.step-password .next{top:auto;bottom:11px;border-color:#69717b}.next svg{width:100%}.remember{display:flex;justify-content:center;margin-top:10px;font-size:14px;font-weight:bold}.remember input{margin:0 4px 0 0;accent-color:#16a4ef}.forgot{border:0;background:transparent;color:#00a8f4;font-size:12px;padding:5px}.login-card p{min-height:12px;margin:2px 0 0;color:#85d4ff;font-size:10px}@media(max-height:690px){.sheet{bottom:6px;padding-bottom:10px}.heading h1{font-size:25px;margin-bottom:10px}.device{padding-bottom:12px}nav{padding-top:10px}}