*{box-sizing:border-box}body{margin:0;background:#10243a;color:white;font:15px/1.5 system-ui,sans-serif}main{max-width:680px;margin:auto;padding:16px}h1{font-size:20px;margin:0}p{font-size:14px}#track{height:50px;background:#163d58;position:relative;margin:18px 0;overflow:hidden}#marker{position:absolute;left:0;width:12px;height:40px;top:5px;background:#a2e6e7;transform:translateX(-50%)}#track b{position:absolute;left:80%;height:50px;width:3px;background:#f6ce55}button{font:inherit;min-height:48px;padding:10px 18px;border:0;border-radius:8px;background:#f6ce55;color:#10243a}#tap{width:100%;margin-bottom:12px;touch-action:manipulation}button:disabled{opacity:.55}button:focus-visible{outline:3px solid white;outline-offset:3px}#feedback{min-height:24px}