:root{color-scheme:dark;--ink:#f4fbff;--cyan:#78e7dc;--gold:#ffe56f}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:Inter,ui-rounded,system-ui,sans-serif;color:var(--ink);background:#041725;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}video,canvas{position:fixed;inset:0;width:100%;height:100%}video{object-fit:cover;transform:scaleX(-1);opacity:.28}canvas{touch-action:none}.overlay{position:fixed;z-index:5;inset:0;display:grid;place-items:center;padding:calc(14px + env(safe-area-inset-top)) 14px calc(14px + env(safe-area-inset-bottom));background:#031525bf;overflow:auto}.card{width:min(720px,100%);border:1px solid #8ff7e955;border-radius:28px;background:#092639f2;padding:25px;text-align:center;box-shadow:0 22px 70px #0008}.compact{width:min(480px,100%)}.top{display:flex;align-items:center;justify-content:space-between}.top a{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff;color:#174359;text-decoration:none;font-size:24px}.icon{font-size:55px}.kicker{font-size:12px;font-weight:900;letter-spacing:.13em;color:var(--cyan)}h1{margin:8px 0;font-size:clamp(34px,8vw,58px);line-height:1}h2{margin:10px 0}.settings{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px auto;text-align:left}.settings span,.hud span{display:block;font-size:11px;font-weight:900}select,button{min-height:46px;border:1px solid #83bdc9;border-radius:13px;background:#113c50;color:#fff;padding:9px 12px;font:inherit;font-weight:800}select{width:100%}button{cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible{outline:4px solid #ffe56f;outline-offset:2px}.primary{border:0;background:linear-gradient(135deg,#ffe56f,#5ee1d2);color:#173449}.actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:15px}.check{display:flex;align-items:center;justify-content:center;gap:8px}.card small{display:block;line-height:1.5;color:#c8dce4}.hidden{display:none!important}.progress{height:12px;border-radius:99px;background:#153f50;overflow:hidden}.progress i{display:block;width:0;height:100%;background:var(--gold)}.hud{position:fixed;z-index:4;top:calc(10px + env(safe-area-inset-top));left:50%;display:flex;align-items:center;gap:8px;max-width:calc(100% - 16px);transform:translateX(-50%);border:1px solid #ffffff30;border-radius:17px;background:#071b2ad9;padding:7px;backdrop-filter:blur(10px)}.hud>div{min-width:70px;text-align:center}.hud b{display:block;font-size:19px}.hud label{min-width:86px}.stop{border-color:#ff9f9f;background:#7f2632}.result-card{font-size:20px}@media(max-width:680px){.card{padding:20px 14px}.settings{grid-template-columns:1fr}.hud{top:calc(6px + env(safe-area-inset-top));gap:4px}.hud>div{min-width:52px}.hud button{min-height:42px;padding:7px 9px}.hud label{display:none}.icon{font-size:44px}h1{font-size:34px}}