@import "https://fonts.googleapis.com/css2?family=Marcellus&family=Questrial&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100dvh;overflow:hidden}:root{--bg:#1e261f;--surface:#2b3328;--surface-2:#36402f;--accent:#9fb986;--accent-hi:#aec593;--ink:#eef1e8;--muted:#7e8a72;--ctrl-ink:#aebaa1;--serif:"Marcellus", serif;--sans:"Questrial", sans-serif}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}.screen{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100dvh;min-height:560px;display:flex;overflow:hidden}.wordmark{font-family:var(--serif);letter-spacing:.06em;padding-bottom:.3em;padding-left:.06em;font-size:clamp(5rem,16vw,9.5rem);line-height:1}.kicker{letter-spacing:.62em;color:var(--muted);text-transform:uppercase;margin-top:.4em;margin-bottom:3em;padding-left:.62em;font-size:clamp(.7rem,2vw,.95rem)}.btn-primary{cursor:pointer;background:var(--accent);color:var(--bg);font-family:var(--sans);letter-spacing:.42em;text-transform:uppercase;border:none;border-radius:999px;min-width:240px;padding:18px 48px;font-size:.95rem;transition:background .25s,transform .15s}.btn-primary:hover{background:var(--accent-hi);transform:translateY(-1px)}.btn-primary:active{transform:translateY(1px)}.screen--active{justify-content:flex-start;padding:clamp(28px,5vh,56px) clamp(24px,6vw,80px)}.top{flex-direction:column;flex:none;gap:12px;width:100%;display:flex}.track{background:var(--surface-2);border-radius:2px;width:100%;height:2px;overflow:hidden}.track-fill{background:var(--accent);border-radius:2px;height:100%;transition:width .45s linear;display:block}.counter{letter-spacing:.18em;color:var(--muted);align-self:flex-end;font-size:.82rem}.middle{flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:clamp(34px,6.5vh,64px);display:flex}.pose-block{flex-direction:column;align-items:center;gap:20px;animation:.55s both fadeUp;display:flex}.pose-name{font-family:var(--serif);letter-spacing:.01em;text-align:center;margin:0;font-size:clamp(2.6rem,7.5vw,4.4rem);font-weight:400;line-height:1}.pose-side{letter-spacing:.24em;text-transform:uppercase;color:var(--ctrl-ink);background:var(--surface);border-radius:999px;padding:7px 18px;font-size:.78rem}.ring-wrap{aspect-ratio:1;justify-content:center;align-items:center;width:clamp(230px,44vh,320px);display:flex;position:relative}.halo{background:radial-gradient(circle,#9fb98633 0%,#9fb98600 68%);border-radius:50%;width:120%;height:120%;animation:5s ease-in-out infinite haloPulse;position:absolute}.ring-svg{width:100%;height:100%;display:block}.ring-track{fill:none;stroke:var(--surface-2);stroke-width:3px}.ring-progress{fill:none;stroke:var(--accent);stroke-width:3px;stroke-linecap:round}.readout{flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute}.countdown{font-family:var(--serif);font-variant-numeric:tabular-nums;font-size:clamp(3.4rem,9.5vh,5.4rem);line-height:1}.paused-tag{letter-spacing:.4em;text-transform:uppercase;color:var(--muted);padding-left:.4em;font-size:.7rem}.controls{flex:none;justify-content:center;align-items:center;gap:clamp(16px,4vw,26px);display:flex}.ctrl{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .2s,transform .15s;display:flex}.ctrl:active{transform:scale(.94)}.ctrl--secondary{background:var(--surface);width:56px;height:56px;color:var(--ctrl-ink);font-size:1.25rem}.ctrl--secondary:hover{background:#353e30}.ctrl--play{background:var(--accent);width:74px;height:74px;color:var(--bg);gap:6px;box-shadow:0 6px 20px #9fb98647}.ctrl--play:hover{background:var(--accent-hi)}.ctrl--end{width:48px;height:48px;color:var(--muted);background:0 0;border:1px solid #3a4636;margin-left:6px;font-size:1rem;transition:border-color .2s,color .2s,transform .15s}.ctrl--end:hover{color:var(--accent);border-color:#50604a}.bar{background:var(--bg);border-radius:2px;width:5px;height:22px}.tri{border-top:11px solid #0000;border-bottom:11px solid #0000;border-left:17px solid var(--bg);width:0;height:0;margin-left:4px}.is-rest .halo{opacity:.4;animation-duration:9s}.is-rest .ring-progress{stroke:var(--muted)}.is-rest .countdown{color:var(--muted)}.ring-wrap--ending .halo{animation-duration:1.2s}.ring-wrap--ending .ring-progress{stroke:var(--accent-hi)}.done-kicker{letter-spacing:.46em;text-transform:uppercase;color:var(--muted);margin-bottom:.6em;padding-left:.46em;font-size:clamp(.7rem,2vw,.9rem)}.done-title{font-family:var(--serif);margin-bottom:.6em;font-size:clamp(3.6rem,12vw,7rem);line-height:.98}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes haloPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.85;transform:scale(1.06)}}