*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}input::placeholder{color:#b0bec5;font-weight:400}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0f172a;min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:24px 16px}#root{display:flex;flex-direction:column;align-items:center;gap:16px}.device-wrapper{position:relative;display:inline-block}.device-frame-border{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:44px;box-shadow:0 0 0 14px #e5e5e5,0 0 0 7px #171717;z-index:40}.device-frame{position:relative;width:375px;min-height:812px;border-radius:44px;overflow:hidden;background:#fff;box-shadow:0 25px 50px -12px #00000080,0 10px 10px -5px #0000001a;z-index:10}.notch-container{pointer-events:none;position:absolute;left:0;right:0;top:0;display:flex;justify-content:center;z-index:50}.notch{margin-top:8px;height:24px;width:144px;background:#171717;border-bottom-left-radius:24px;border-bottom-right-radius:24px}.screen{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;display:flex;flex-direction:column}.screen-scroll{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.screen-scroll::-webkit-scrollbar{display:none}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@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{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}@keyframes activeGlow{0%,to{box-shadow:0 0 3px .5px #22c55e59;transform:scale(1)}50%{box-shadow:0 0 7px 1.5px #22c55e8c;transform:scale(1.05)}}@keyframes confettiFall{0%{top:-10px;opacity:1;transform:translateY(0) rotate(0)}to{top:300px;opacity:0;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{height:6px;border-radius:3px;background:transparent}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:#2563eb;border:4px solid white;box-shadow:0 2px 8px #2563eb66;cursor:pointer;margin-top:-9px}input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#2563eb;border:4px solid white;box-shadow:0 2px 8px #2563eb66;cursor:pointer}@media (max-width: 480px){html,body{height:100%;overflow:hidden}body{background:#fff;padding:0;align-items:stretch;min-height:0;overscroll-behavior:none}#root{width:100%;gap:0;flex:1;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;border-radius:0;box-shadow:none}.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-bottom:8px!important;padding-top:8px!important}}