*,:before,:after{box-sizing:border-box;margin:0;padding:0}input::placeholder{color:#b0bec5;font-weight:400}body{background:#0f172a;justify-content:center;align-items:flex-start;min-height:100vh;padding:24px 16px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}#root{flex-direction:column;align-items:center;gap:16px;display:flex}.device-wrapper{display:inline-block;position:relative}.device-frame-border{pointer-events:none;z-index:40;border-radius:44px;position:absolute;inset:0;box-shadow:0 0 0 14px #e5e5e5,0 0 0 7px #171717}.device-frame{z-index:10;background:#fff;border-radius:44px;width:375px;min-height:812px;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080,0 10px 10px -5px #0000001a}.notch-container{pointer-events:none;z-index:50;justify-content:center;display:flex;position:absolute;top:0;left:0;right:0}.notch{background:#171717;border-bottom-right-radius:24px;border-bottom-left-radius:24px;width:144px;height:24px;margin-top:8px}.screen{flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.screen-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;overflow:hidden auto}.screen-scroll::-webkit-scrollbar{display:none}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}}@keyframes activeGlow{0%,to{transform:scale(1);box-shadow:0 0 3px .5px #22c55e59}50%{transform:scale(1.05);box-shadow:0 0 7px 1.5px #22c55e8c}}@keyframes confettiFall{0%{opacity:1;top:-10px;transform:translateY(0)rotate(0)}to{opacity:0;top:300px;transform:translateY(300px)rotate(720deg)}}@keyframes slideHint{0%,to{transform:translate(0)}50%{transform:translate(8px)}}@keyframes iconPop{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes starPop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.nav-label{font-size:11px;font-weight:500}input,textarea,select{font-family:inherit}button{cursor:pointer}.wheel-col::-webkit-scrollbar{display:none}.leaflet-layer.satellite-labels-overlay,.satellite-labels-overlay{filter:brightness(1.8)contrast(1.15)}input[type=range]::-webkit-slider-runnable-track{background:0 0;border-radius:3px;height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#2563eb;border:4px solid #fff;border-radius:50%;width:24px;height:24px;margin-top:-9px;box-shadow:0 2px 8px #2563eb66}input[type=range]::-moz-range-thumb{cursor:pointer;background:#2563eb;border:4px solid #fff;border-radius:50%;width:24px;height:24px;box-shadow:0 2px 8px #2563eb66}@media (width<=480px){html,body{height:100%;overflow:hidden}body{overscroll-behavior:none;background:#fff;align-items:stretch;min-height:0;padding:0}#root{flex:1;gap:0;width:100%;height:100%}.device-wrapper{width:100%;height:100%;display:block}.device-frame-border,.notch-container{display:none}.device-frame{width:100%;height:100%;min-height:0;box-shadow:none;border-radius:0}.screen>div:first-child[style*=padding],.screen>div:first-child[style*=padding]>div:first-child,.screen>.screen-scroll>div:first-child[style*=padding],.screen [style*="position: absolute"][style*="top: 0"][style*=padding],.screen [style*="padding: 44px"],.screen [style*="padding: 48px"],.screen [style*="padding: 52px"],.screen [style*="padding: 60px"],.screen [style*="padding: 72px"]{padding-top:12px!important}.screen [style*="top: 52px"]{top:14px!important}.screen [style*="top: 44px"]{top:10px!important}.bottom-nav{padding-top:8px!important;padding-bottom:8px!important}}