*{box-sizing:border-box}body{margin:0;background:#080f19;color:#f7e6cf;font:16px system-ui}video,#view{position:fixed;inset:0;width:100%;height:100%;object-fit:contain}#view{touch-action:none}header{position:fixed;top:max(8px,env(safe-area-inset-top));left:10px;right:10px;background:#101824e8;border-radius:16px;padding:10px 14px;pointer-events:none}header a{color:#f3c78f;pointer-events:auto}.badge{float:right;font-size:12px;color:#c3cdd9}p{margin:8px 0;line-height:1.4}small{color:#b9c5d3}section{position:fixed;top:50%;transform:translateY(-45%);left:5%;right:5%;max-width:460px;max-height:72dvh;overflow:auto;margin:auto;background:#101824f7;border:1px solid #39404b;padding:22px;border-radius:24px}h1{margin-top:0;font-size:26px}.note{font-size:13px;color:#c3cdd9}button{border:1px solid #655743;background:#f2c58c;color:#20180f;border-radius:14px;padding:12px 14px;font:inherit;cursor:pointer}button:disabled{opacity:.45}footer{position:fixed;bottom:max(14px,env(safe-area-inset-bottom));left:8px;right:8px}footer>div{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}footer button{font-size:14px;background:#101824ed;color:#ffe0aa}#next,#calibrate{background:#f2c58c;color:#20180f}[hidden]{display:none!important}