:root{font-family:system-ui,-apple-system,sans-serif;color:#fff;background:#101E2C;color-scheme:dark;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1100px;margin:auto;min-height:100svh;display:flex;flex-direction:column;padding:max(18px,env(safe-area-inset-top)) max(28px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(28px,env(safe-area-inset-left))}header,footer{display:flex;align-items:center;justify-content:space-between;gap:16px}header{font-size:13px;letter-spacing:1.6px}header b{font-size:17px}header b span{color:#FF7A00}header>span{color:#b8c7d6;font-size:12px}section{text-align:center;flex:1}section[hidden],[hidden]{display:none!important}.intro{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:18px 0;gap:9px}h1{font-size:clamp(27px,5vw,46px);font-weight:450;line-height:1.2;margin:0}h1 strong{font-weight:750}.split{font-size:26px;letter-spacing:5px;margin:4px 0}.eyebrow{color:#FF7A00;font-size:14px;letter-spacing:2px;font-weight:650;margin:12px 0 0}.muted{font-size:14px;line-height:1.6;color:#b8c7d6;margin:8px 0}.primary,.secondary{border:0;border-radius:12px;background:#FF7A00;color:#101E2C;padding:15px 26px;min-height:52px;font:700 16px system-ui;cursor:pointer}.primary{margin:10px 0}.secondary{background:#26394b;color:white}.primary:disabled{opacity:.5}button:focus-visible{outline:3px solid white;outline-offset:4px}#session{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:240px;padding:12px 0}.number{font-size:clamp(80px,24vh,168px);font-weight:750;line-height:1.03;font-variant-numeric:tabular-nums;letter-spacing:-4px;margin:5px 0}.number.words{font-size:clamp(32px,6vw,62px);letter-spacing:-1px;line-height:1.15;margin:20px 0}.caption{font-size:clamp(18px,3vw,25px);margin:6px 0}.progress{width:min(680px,90%);height:4px;background:#2a3d4e;margin:16px 0 8px}#fill{height:100%;width:0;background:#FF7A00}.orientation{text-align:center;font-size:12px;color:#c3cfdb;margin:8px 0}.orientation.attention{color:#ffb679;font-weight:650}footer{font-size:11px;color:#91a5b9;min-height:32px}.quiet{border:0;background:none;color:#b8c7d6;font:12px system-ui;text-decoration:underline;text-underline-offset:3px;min-height:44px;padding:8px;cursor:pointer}dialog{max-width:420px;width:90%;border:1px solid #516679;border-radius:16px;background:#101E2C;padding:24px;color:white}dialog::backdrop{background:#000b}dialog p{line-height:1.5;color:#c3cfdb}dialog button{width:100%}dialog h2{margin-top:0}@media(orientation:landscape) and (max-height:480px){main{padding-top:12px;padding-bottom:8px}.intro{gap:3px;padding:8px 0}.intro .eyebrow{margin:0}h1{font-size:32px}.split{font-size:23px}.muted{font-size:12px;margin:4px 0}.primary{margin:6px 0;padding:12px 24px;min-height:46px}#session{padding:2px 0;min-height:180px}.number{font-size:clamp(75px,27vh,122px);margin:2px 0}.number.words{font-size:38px;margin:14px 0}.eyebrow{margin-top:4px}.caption{font-size:19px;margin:4px}.progress{margin:10px 0 2px}.orientation{margin:3px 0}footer{min-height:28px}.quiet{min-height:32px}}@media(orientation:portrait){main{padding:22px}.intro h1 strong{display:block}.orientation.attention{padding:12px;border:1px solid #FF7A00;border-radius:12px}.number.words{font-size:32px}}
.intro.retry{flex:0;padding:0}.intro.retry .primary{margin:8px 0}