:root{--bg:#edebef;--fg:#131214;--muted:#6e6a73;--line:#d3d0d7;--field:#e3e0e6;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#131214;--fg:#edebef;--muted:#8e8a94;--line:#2b292e;--field:#1d1c1f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#131214;--fg:#edebef;--muted:#8e8a94;--line:#2b292e;--field:#1d1c1f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:inherit}html{height:100%;scroll-padding-top:env(safe-area-inset-top,0px)}body{background:var(--bg);height:100%;color:var(--fg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-family:Bricolage Grotesque,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.app{grid-template-rows:auto 1fr auto;gap:10px;max-width:520px;height:100%;margin:0 auto;padding:24px 24px 18px;display:grid}.top{flex-direction:column;justify-content:flex-end;gap:10px;min-height:128px;display:flex}.field{display:block}.field input{width:100%;color:var(--fg);font:inherit;border:0;border-bottom:1.5px solid var(--line);background:0 0;outline:0;padding:6px 0 8px;transition:border-color .2s}.field input:focus{border-bottom-color:var(--fg)}.field input::placeholder{color:var(--muted);opacity:1}#task,.shown-task{letter-spacing:-.02em;font-size:clamp(1.6rem,6.4vw,2.1rem);font-weight:700;line-height:1.15}#step{font-size:1.05rem}.field span{color:var(--muted);font-size:.85rem;display:block}.shown-task{overflow-wrap:anywhere;margin:0}.shown-step{color:var(--muted);margin:0;font-size:1.05rem}.stage{place-items:center;min-height:0;display:grid;position:relative}.wrap{--size:min(70vw,40vh,340px);width:var(--size);height:var(--size);position:relative}.ring{pointer-events:none;width:calc(100% + 28px);height:calc(100% + 28px);position:absolute;inset:-14px;transform:rotate(-90deg)}.ring circle{fill:none;stroke:var(--fg);stroke-width:3px;stroke-linecap:round;opacity:0;transition:opacity .15s}.holding .ring circle{opacity:1}button.disc{all:unset;cursor:pointer;background:var(--fg);width:100%;height:100%;box-shadow:inset 0 0 0 1.5px var(--line);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transition:transform .6s cubic-bezier(.34,1.56,.64,1);transition:transform .6s linear(0,.032,.116,.235,.373,.517,.657,.786,.898,.99,1.061,1.112,1.144,1.16,1.162,1.154,1.139,1.118,1.095,1.072,1.049,1.029,1.012,.998,.987,.98,.975,.974,.974,.976,.978,.982,.986,.99,.993,.996,.999,1.001,1.003,1.004,1);border-radius:50%;display:block}button.disc:focus-visible{outline:3px solid var(--fg);outline-offset:22px}@media (hover:hover){.idle button.disc:hover{transform:scale(1.1)}}.pressed button.disc,.pressed button.disc:hover{transform:scale(.6)}.idle:not(.ready) button.disc{background:var(--line)}.result button.disc{cursor:default;background:0 0!important}.time{text-align:center;color:var(--muted);font-variant-numeric:tabular-nums;font-size:1rem;position:absolute;bottom:-40px;left:0;right:0}.inner{text-align:center;pointer-events:none;place-items:center;padding:14%;display:grid;position:absolute;inset:0}.inner p{letter-spacing:-.015em;margin:0;font-size:clamp(1.25rem,5.2vw,1.6rem);font-weight:600;line-height:1.2}.inner small{color:var(--muted);letter-spacing:0;margin-top:6px;font-size:.95rem;font-weight:400;line-height:1.35;display:block}.bottom{flex-direction:column;justify-content:flex-end;gap:12px;display:flex}.actions{gap:10px;display:flex}.btn{all:unset;cursor:pointer;text-align:center;border-radius:999px;flex:1;padding:15px 16px;font-size:1rem;font-weight:600;transition:background .2s,color .2s}.btn.primary{background:var(--fg);color:var(--bg)}.btn.quiet{box-shadow:inset 0 0 0 1.5px var(--line)}.btn.armed{background:var(--muted);color:var(--bg);box-shadow:none}.btn:focus-visible,.link:focus-visible{outline:3px solid var(--fg);outline-offset:3px}.link{all:unset;cursor:pointer;color:var(--muted);text-underline-offset:3px;font-size:.85rem;text-decoration:underline}.hint{text-align:center;color:var(--muted);margin:0;font-size:.95rem}.energy{gap:7px;display:grid}.elabels{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:baseline;font-size:.9rem;display:flex}.elabels b{color:var(--fg);font-weight:600}.bar{height:14px;box-shadow:inset 0 0 0 1.5px var(--line);border-radius:999px;display:flex;overflow:hidden}.seg{height:100%;transition:width .7s cubic-bezier(.34,1.3,.64,1)}.seg.good{background:var(--fg)}.seg.staked{box-shadow:inset 0 0 0 2px var(--fg);border-radius:0 999px 999px 0}.seg.bad{background-image:radial-gradient(var(--fg) 1.1px,transparent 1.5px);opacity:.55;background-size:5px 5px}.stats{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:baseline;font-size:.9rem;display:flex}.stats b{color:var(--fg);font-weight:600}.sync{text-align:center;color:var(--muted);margin:0;font-size:.8rem}dialog{background:var(--bg);max-width:min(440px,100vw - 32px);color:var(--fg);box-shadow:0 0 0 1.5px var(--line);border:0;border-radius:22px;padding:26px 24px 20px}dialog::backdrop{background:#13121473}dialog h2{letter-spacing:-.015em;margin:0 0 6px;font-size:1.4rem}dialog p{color:var(--muted);margin:0 0 14px;line-height:1.45}dialog ol{margin:0 0 18px;padding-left:1.2em;line-height:1.45}dialog li{margin-bottom:8px}[hidden]{display:none!important}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.25)}to{transform:scale(1)}}.pop{animation:.5s cubic-bezier(.34,1.56,.64,1) pop;display:inline-block}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}#__next{height:100%}.syncrow{justify-content:center;align-items:baseline;gap:10px;display:flex}dialog .fieldset{gap:8px;margin:0 0 16px;display:grid}dialog input{font:inherit;color:var(--fg);background:var(--field);border:0;border-radius:12px;outline:0;width:100%;padding:12px 14px}dialog input:focus-visible{outline:2px solid var(--fg)}dialog .row{gap:10px;display:flex}dialog .note{margin:0 0 12px;font-size:.88rem}dialog h3{margin:0 0 4px;font-size:1.05rem}dialog hr{border:0;border-top:1.5px solid var(--line);margin:4px 0 16px}.btn:disabled{opacity:.4;cursor:not-allowed}