:root{--box:#303036e6;--accent:#f4ac45;--text-muted:#c9c3b8;--button:#efefef;--button-text:#1b1b1f;--shadow:7px 7px 15px -5px #000000bf;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Roboto,sans-serif}*{box-sizing:border-box}body{background-color:#1b1b1f;background-image:url(/img/main.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;min-height:100vh;margin:0;transition:background-image .3s}.container{background-color:var(--box);width:min(800px,100% - 32px);box-shadow:var(--shadow);margin:clamp(16px,8vh,100px) auto;padding:clamp(24px,8vw,100px)}h1,h3{color:var(--accent);text-align:center;overflow-wrap:anywhere}h1{font-size:clamp(1.5rem,5vw,2rem)}.intro{font-size:clamp(1.1rem,3.5vw,1.6rem)}button,.button-link{background:var(--button);width:min(400px,100%);color:var(--button-text);font:inherit;text-align:center;cursor:pointer;border:none;margin:16px auto;padding:14px 28px;font-size:16px;text-decoration:none;display:block}button:disabled{opacity:.5;cursor:default}button.small{width:auto;margin:4px;padding:8px 16px;display:inline-block}button.go{font-size:20px}.field{width:min(400px,100%);color:var(--text-muted);margin:16px auto;display:block}.field span{margin-bottom:4px;display:block}input{width:100%;font:inherit;border:none;padding:12px;font-size:16px}.divider{color:var(--text-muted);text-align:center}.join-form{gap:8px;width:min(400px,100%);margin:0 auto;display:flex}.join-form button{width:auto;margin:0}.code-input{text-transform:uppercase;letter-spacing:.3em;text-align:center}.share{text-align:center}.code{letter-spacing:.2em}.participants{color:var(--text-muted);flex-wrap:wrap;justify-content:center;gap:8px;padding:0;list-style:none;display:flex}.participants li{border:1px solid var(--text-muted);padding:4px 12px}.preview{color:var(--text-muted);margin-top:24px}.preview summary{text-align:center;cursor:pointer}.preview h3{text-align:left}.no-photo{color:var(--text-muted);font-size:.85em;font-style:italic}.workout .message_holder{font-size:clamp(1.6rem,6vw,2.5rem)}.workout.getReady .message_holder{font-size:clamp(1.2rem,4.5vw,1.8rem)}#timer{font-variant-numeric:tabular-nums;margin:16px 0;font-size:clamp(4rem,22vw,8rem)}#timer.paused{opacity:.5}.progress{color:var(--text-muted);font-size:.9rem;font-weight:400}.controls{flex-wrap:wrap;justify-content:center;margin-top:16px;display:flex}.error{color:#ff8a80;text-align:center}.toast{background:var(--box);max-width:calc(100% - 32px);color:var(--accent);box-shadow:var(--shadow);padding:12px 20px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}