:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f4f2fc;background:#08090e;--surface:#11131d;--purple:#a86bff;--muted:#9ba0b5;color-scheme:dark}*{box-sizing:border-box}body{margin:0}main{max-width:560px;margin:auto;padding:24px 22px max(24px,env(safe-area-inset-bottom))}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:44px}header a{font-size:24px;font-weight:650;letter-spacing:3px;text-decoration:none;color:inherit}.pill{font-size:10px;letter-spacing:1.5px;color:var(--purple);padding:9px 11px;border:1px solid #a86bff40;border-radius:30px}.eyebrow{color:var(--purple);font-size:10px;letter-spacing:2px}h1{font-size:34px;font-weight:550;line-height:1.12;margin:16px 0}h2{font-size:16px;font-weight:500;margin-top:30px}p{line-height:1.6;color:var(--muted)}form{margin-top:30px}label{font-size:14px}input:not([type=checkbox]){display:block;width:100%;margin:12px 0 20px;font:inherit;padding:18px;border:1px solid #ffffff1c;border-radius:16px;background:var(--surface);color:inherit}button,select{font:inherit;font-size:14px;border:0;border-radius:14px;min-height:48px;padding:14px 20px;cursor:pointer;background:linear-gradient(110deg,#963fff,#5118ff);color:#fff}button:disabled{opacity:.4;cursor:default}form button{width:100%;margin-top:18px}.consent{display:flex;gap:12px;align-items:flex-start;font-size:12px;color:var(--muted);line-height:1.6}.consent input{accent-color:var(--purple);margin-top:3px}a{color:var(--purple)}.small{font-size:12px;color:var(--muted)}.status-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted);gap:12px}.quiet,select{background:var(--surface);color:var(--muted)}.metric{display:flex;align-items:baseline;gap:10px;margin-top:30px}.metric strong{font-size:86px;font-weight:550;letter-spacing:-4px;font-variant-numeric:tabular-nums}.metric span{font-size:24px;color:var(--muted)}#time{font-size:24px;font-variant-numeric:tabular-nums;color:inherit}progress{width:100%;height:8px;appearance:none;border:0;margin-top:20px;border-radius:20px;overflow:hidden}progress::-webkit-progress-bar{background:#202330}progress::-webkit-progress-value{background:linear-gradient(90deg,#b766ff,#541cff)}progress::-moz-progress-bar{background:#9751ff}.controls{display:flex;gap:8px;margin-top:18px}.controls button{flex:1}.runner{padding:15px 0;border-bottom:1px solid #ffffff0d}.runner-top{display:flex;align-items:center;justify-content:space-between;font-size:14px;gap:10px}.runner small{display:block;margin-top:6px;color:var(--muted);font-size:11px}.runner progress{height:5px;margin-top:12px}.runner-name{overflow-wrap:anywhere}.me{color:var(--purple)}#countdown{text-align:center;font-size:100px;font-variant-numeric:tabular-nums;color:var(--purple);padding:24px 0}#message{font-size:13px;white-space:pre-line}footer{display:flex;gap:16px;justify-content:center;margin-top:44px;font-size:11px;color:var(--muted)}footer a{text-decoration:none}#dim-screen{position:fixed;inset:0;background:#000;z-index:10;color:#555;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}#dim-screen button{position:absolute;inset:0;width:100%;height:100%;background:transparent;color:#444;padding-top:180px}#dim-screen strong{font-size:50px;font-variant-numeric:tabular-nums;pointer-events:none}#dim-screen p{font-size:12px;color:#444;pointer-events:none}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--purple);outline-offset:4px}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

header>a{display:inline-flex;align-items:center;gap:8px}header>a>img{border-radius:7px}

#finish,#keep-result{margin-top:24px;padding:18px;background:var(--surface);border-radius:18px}#finish h2{margin:8px 0;font-size:24px}#keep-result>button{width:100%}#claim-form{margin-top:0}#replay-scrub{width:100%;padding:0;margin:20px 0;accent-color:var(--purple)}.replay-runner{display:flex;align-items:center;gap:10px}.runner-avatar{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;background:#a86bff22;border-radius:50%;overflow:hidden}.runner-avatar img{width:100%;height:100%;object-fit:cover}@media(max-width:360px){.controls{flex-wrap:wrap}.metric strong{font-size:68px}}
