html,body,#root{margin:0;min-height:100%;background:#070d18}*{box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:#070d18}.phone{width:360px;height:800px;overflow:hidden;border-radius:32px;background:#071324;box-shadow:0 24px 80px #0000008c;position:relative}.main-screen,.static-screen{width:360px;height:800px;overflow-y:auto;overflow-x:hidden;background:#071324;scrollbar-width:none;position:relative}.main-screen::-webkit-scrollbar,.static-screen::-webkit-scrollbar,.carousel-scroll::-webkit-scrollbar{display:none}.main-canvas{position:relative;width:360px;min-height:1254px;background:#071324}.main-base{width:360px;height:auto;display:block;-webkit-user-select:none;user-select:none;pointer-events:none}.static-screen>img{width:360px;height:auto;display:block;-webkit-user-select:none;user-select:none;pointer-events:none}.carousel-layer{position:absolute;left:0;width:360px;overflow:hidden;z-index:30;line-height:0}.top-carousel-layer{top:256px;height:175px}.bottom-carousel-layer{top:451px;height:165px}.carousel-scroll{width:360px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x;cursor:grab}.top-carousel-track,.bottom-carousel-track{position:relative;line-height:0;width:max-content}.top-carousel-track img{height:175px;width:auto;display:block;-webkit-user-select:none;user-select:none;pointer-events:none}.bottom-carousel-track img{height:165px;width:auto;display:block;-webkit-user-select:none;user-select:none;pointer-events:none}.fixed-widget{position:absolute;right:8px;bottom:120px;width:86px;height:232px;z-index:1000;pointer-events:none}.fixed-widget>img{position:absolute;right:0;top:0;height:232px;width:auto;display:block;-webkit-user-select:none;user-select:none;pointer-events:none}.widget-hotspot{position:absolute;border:0;padding:0;margin:0;background:transparent;cursor:pointer;z-index:1010;pointer-events:auto}.hotspot,.back-hotspot,.close-hotspot{position:absolute;border:0;padding:0;margin:0;background:transparent;cursor:pointer;z-index:10}.carousel-layer .hotspot{z-index:40}.priority-hotspot{z-index:80}.hotspot:focus-visible,.back-hotspot:focus-visible,.close-hotspot:focus-visible,.widget-hotspot:focus-visible{outline:2px solid rgba(0,255,160,.9);border-radius:8px}.back-hotspot{left:0;top:0;width:22%;height:10%;z-index:20}.close-hotspot{right:0;top:8%;width:24%;height:22%;z-index:20}@media (max-width: 420px){.page{padding:0}.phone{width:360px;height:800px;border-radius:32px}.main-screen,.static-screen,.main-canvas,.main-base,.carousel-layer{width:360px}}