*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html,body{height:100%;background:#0d1020;color:#e8ecff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;overscroll-behavior:none}
body{max-width:480px;margin:0 auto;position:relative;user-select:none;-webkit-user-select:none}
a{color:#6ad1ff}
.ctrl{position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:100%;max-width:480px;display:flex;align-items:center;justify-content:center;gap:14px;padding:12px 16px calc(14px + env(safe-area-inset-bottom));background:#121630;border-top:1px solid #222a52;z-index:20}
.ctrl button{border:0;border-radius:50%;width:48px;height:48px;font-size:20px;background:#1c2140;color:#e8ecff;display:flex;align-items:center;justify-content:center;cursor:pointer}
.ctrl button:disabled{opacity:.3}
.ctrl .next{width:72px;height:56px;border-radius:28px;background:#ffb32b;color:#1a1200;font-size:24px;font-weight:900}
.ctrl .next.wait{background:#2b3260;color:#8892c4;animation:none}
.ctrl .auto.on{background:#6ad1ff;color:#08202c}
.dots{position:absolute;left:50%;transform:translateX(-50%);top:5px;display:flex;gap:4px;z-index:19}
.dots i{width:5px;height:5px;border-radius:3px;background:#2b3260}
.dots i.on{background:#ffb32b}