@font-face{font-family:Caprasimo;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/caprasimo-latin-400-normal-u3avbpQ7.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Caprasimo;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/caprasimo-latin-ext-400-normal-8NotPp3s.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/figtree-latin-400-normal-g7Dtegnw.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/figtree-latin-ext-400-normal-CXAzuTZb.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/figtree-latin-600-normal-Cv_xCTDl.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/figtree-latin-ext-600-normal-DJlfifZj.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--color-bg:#f5ead8;--color-surface:#ebddc5;--color-bar:color-mix(in srgb, var(--color-bg) 92%, var(--color-accent));--color-text:#201e1d;--color-accent:#c67139;--color-accent-2:#7a8a5e;--color-divider:#201e1d29;--color-neutral-100:#f9f4ed;--color-neutral-200:#eee7db;--color-neutral-300:#dcd3c4;--color-neutral-400:#c0b6a5;--color-neutral-500:#a19786;--color-neutral-600:#82796a;--color-neutral-700:#645c50;--color-neutral-800:#474238;--color-neutral-900:#2e2b25;--color-accent-100:#fff2eb;--color-accent-200:#ffe1d0;--color-accent-300:#ffc6a5;--color-accent-400:#f6a06b;--color-accent-500:#d67f48;--color-accent-600:#b2622d;--color-accent-700:#8c491a;--color-accent-800:#643312;--color-accent-900:#402310;--color-accent-2-100:#f0fae1;--color-accent-2-200:#e1eecc;--color-accent-2-300:#ccdbb2;--color-accent-2-400:#aebf92;--color-accent-2-500:#8fa073;--color-accent-2-600:#728157;--color-accent-2-700:#56633f;--color-accent-2-800:#3d472b;--color-accent-2-900:#272e1b;--font-heading:"Caprasimo", system-ui, sans-serif;--font-heading-weight:400;--font-body:"Figtree", system-ui, sans-serif;--space-1:4.4px;--space-2:8.8px;--space-3:13.2px;--space-4:17.6px;--space-6:26.4px;--space-8:35.2px;--radius-sm:8px;--radius-md:16px;--radius-lg:28px;--shadow-sm:0 1px 2px #2e2b2524;--shadow-md:0 3px 10px #2e2b2529;--shadow-lg:0 12px 32px #2e2b2538;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--color-bg);color:var(--color-text);font-size:15px;font-weight:400;line-height:1.55;font-family:var(--font-body);-webkit-tap-highlight-color:transparent;margin:0}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:var(--font-heading-weight)}p{margin:0 0 var(--space-3)}a{color:var(--color-accent-700);text-underline-offset:3px}a:hover{color:var(--color-accent-800)}img{max-width:100%;display:block}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:color-mix(in srgb, var(--color-accent) 30%, transparent)}.btn{cursor:pointer;font-family:var(--font-heading);font-weight:var(--font-heading-weight);color:var(--color-text);padding:var(--space-2) calc(var(--space-3) * 1.2);background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:6px;font-size:14px;line-height:1.2;text-decoration:none;display:inline-flex}.btn svg{display:block}.btn-primary{background:var(--color-accent);color:var(--color-bg)}.btn-primary:hover{background:var(--color-accent-600);color:var(--color-bg)}.btn-primary:active{background:var(--color-accent-700)}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-header{background:var(--color-bar);height:76px;padding:0 max(32px, env(safe-area-inset-right)) 0 max(40px, env(safe-area-inset-left));flex:none;justify-content:space-between;align-items:center;gap:24px;display:flex}.brand{font-family:var(--font-heading);color:var(--color-text);white-space:nowrap;border-radius:6px;font-size:24px;line-height:1;text-decoration:none}.brand:hover{color:var(--color-text)}.badges{align-items:center;gap:12px;display:flex}.badge{border-radius:9px;flex:none;display:block}.badge img{width:auto;height:48px}.badges-label{font-family:var(--font-heading);font-weight:var(--font-heading-weight);letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;color:var(--color-accent-800);margin-right:6px;font-size:17px;line-height:1}.badge[aria-disabled=true]{filter:grayscale();opacity:.4;cursor:default}.site-footer{background:var(--color-bar);color:var(--color-neutral-700);padding:0 max(40px, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(40px, env(safe-area-inset-left));flex:none;font-size:13px}.footer-row{justify-content:space-between;align-items:center;gap:16px;height:44px;display:flex}.footer-links{align-items:center;gap:20px;display:flex}.footer-row a{color:var(--color-neutral-700);white-space:nowrap}.footer-row a[aria-current=page]{color:var(--color-accent-700)}.footer-row a:hover{color:var(--color-accent-800)}.footer-home[aria-current=page]{display:none}@media (hover:hover) and (pointer:fine){[data-key]:before{content:attr(data-key);box-sizing:border-box;vertical-align:1px;background:color-mix(in srgb, var(--color-surface) 70%, var(--color-accent-200));min-width:18px;height:18px;box-shadow:inset 0 -2px 0 color-mix(in srgb, var(--color-accent-700) 16%, transparent);color:var(--color-accent-800);font:400 11px/1 var(--font-heading);border-radius:6px;place-items:center;margin-right:6px;padding:0 4px;text-decoration:none;display:inline-grid}.chip[data-key]:before{margin-right:0}[data-key]:before{transition:transform .18s cubic-bezier(.3,1.6,.5,1),background .12s,box-shadow .12s}[data-key].is-down:before{background:var(--color-accent-200);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--color-accent-700) 22%, transparent);transform:translateY(1px)scale(1.35)}}.badges-footer{display:none}@keyframes in-fade{0%{opacity:0}}@keyframes in-rise{0%{opacity:0;translate:0 14px}}@keyframes in-pop{0%{opacity:0;scale:.9}}:root{--ease-in:cubic-bezier(.2,.8,.2,1)}@view-transition{navigation:auto}.site-header{view-transition-name:site-header}.site-footer{view-transition-name:site-footer}::view-transition-group(root){animation-duration:.25s}.key-help{display:none}@media (max-width:640px){.site-header{height:60px;padding:0 20px}.brand{font-size:20px}.site-header .badges{display:none}.site-footer{padding:12px 20px calc(10px + env(safe-area-inset-bottom))}.badges-footer{justify-content:center;gap:10px;display:flex}.badges-footer .badges-label{margin-right:2px;font-size:14px}.badges-footer .badge img{height:40px}.footer-row{text-align:center;flex-wrap:wrap;justify-content:center;gap:2px 12px;height:auto;min-height:32px;padding-top:8px}}@media (max-width:360px){.badges-footer .badge img{height:36px}}body.page-timer{height:100vh;flex-direction:column;height:100dvh;display:flex;overflow:hidden}.stage{background:var(--color-bg);min-height:0;color:var(--color-text);font-family:var(--font-body);-webkit-user-select:none;user-select:none;flex:1;position:relative;overflow:hidden;container-type:size}.bg{width:100%;height:100%;display:block;position:absolute;inset:0}.setup{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);transition:opacity .6s,transform .8s cubic-bezier(.2,.8,.2,1);display:grid;position:absolute;inset:0}[data-screen=timer] .setup{opacity:0;pointer-events:none;transform:translateY(12px)}[data-mode=side] .setup{grid-template-columns:minmax(0,1fr) min(360px,40cqw)}[data-mode=stack] .setup{grid-template-rows:minmax(0,1fr) auto}.wheels{min-width:0;min-height:0;margin-left:env(safe-area-inset-left);position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 20% 80%,#0000);mask-image:linear-gradient(#0000,#000 20% 80%,#0000)}[data-mode=web] .wheels{-webkit-mask-image:linear-gradient(#0000,#000 8% 82%,#0000);mask-image:linear-gradient(#0000,#000 8% 82%,#0000)}[data-mode=side] .wheels{-webkit-mask-composite:source-in;-webkit-mask-image:linear-gradient(#0000,#000 20% 80%,#0000),linear-gradient(90deg,#0000,#000 14% 86%,#0000);mask-image:linear-gradient(#0000,#000 20% 80%,#0000),linear-gradient(90deg,#0000,#000 14% 86%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.wheel-origin{width:0;height:0;position:absolute;top:50%;left:50%}[data-mode=stack] .wheel-origin{top:calc(50% + min(6.5cqh,56px))}.ring{--ring-off:11px;--ring-min:6px;--ring-at:90deg;--ring-hole:calc(50% - var(--ring-off));--ring-hi:color-mix(in srgb, var(--work-700,var(--color-accent-700)) 55%, transparent);--ring-mid:color-mix(in srgb, var(--work-400,var(--color-accent-400)) 34%, transparent);--ring-lo:color-mix(in srgb, var(--work-300,var(--color-accent-300)) 22%, transparent);border-radius:50%;position:absolute}.ring-r{--ring-at:270deg;--ring-hole:calc(50% + var(--ring-off));--ring-hi:color-mix(in srgb, var(--rest-700,var(--color-accent-2-700)) 55%, transparent);--ring-mid:color-mix(in srgb, var(--rest-400,var(--color-accent-2-400)) 34%, transparent);--ring-lo:color-mix(in srgb, var(--rest-300,var(--color-accent-2-300)) 22%, transparent)}.ring:before{content:"";background:conic-gradient(from var(--ring-at), var(--ring-hi), var(--ring-mid) 60deg, var(--ring-lo) 130deg, var(--ring-lo) 230deg, var(--ring-mid) 300deg, var(--ring-hi));-webkit-mask-image:radial-gradient(circle closest-side at var(--ring-hole) 50%, transparent calc(100% - var(--ring-min) - .5px), #000 calc(100% - var(--ring-min) + .5px));-webkit-mask-image:radial-gradient(circle closest-side at var(--ring-hole) 50%, transparent calc(100% - var(--ring-min) - .5px), #000 calc(100% - var(--ring-min) + .5px));mask-image:radial-gradient(circle closest-side at var(--ring-hole) 50%, transparent calc(100% - var(--ring-min) - .5px), #000 calc(100% - var(--ring-min) + .5px));border-radius:50%;position:absolute;inset:0}[data-mode=web] .ring{--ring-off:16px;--ring-t:30px}[data-mode=web] .ring:before{background:conic-gradient(from var(--ring-at), var(--ring-hi), var(--ring-mid) 35deg, var(--ring-lo) 80deg, transparent 110deg 250deg, var(--ring-lo) 280deg, var(--ring-mid) 325deg, var(--ring-hi));-webkit-mask-image:radial-gradient(ellipse farthest-side at var(--ring-hole) 50%, transparent calc(100% - var(--ring-t) - .5px), #000 calc(100% - var(--ring-t) + .5px));-webkit-mask-image:radial-gradient(ellipse farthest-side at var(--ring-hole) 50%, transparent calc(100% - var(--ring-t) - .5px), #000 calc(100% - var(--ring-t) + .5px));mask-image:radial-gradient(ellipse farthest-side at var(--ring-hole) 50%, transparent calc(100% - var(--ring-t) - .5px), #000 calc(100% - var(--ring-t) + .5px))}.items>span{transform-origin:0 0;font-family:var(--font-heading);white-space:nowrap;pointer-events:none;font-size:92px;line-height:1;position:absolute;top:0;left:0}.wlabel{font-family:var(--font-heading);font-weight:var(--font-heading-weight);letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;pointer-events:none;color:var(--work-700,var(--color-accent-700));padding-left:.2em;font-size:15px;line-height:1;position:absolute;transform:translate(-50%)}.wlabel-r{color:var(--rest-700,var(--color-accent-2-700))}.slider{cursor:ns-resize;touch-action:none;border-radius:28px;position:absolute}.entry{pointer-events:none;opacity:0;color:var(--work-700,var(--color-accent-700));flex-direction:column;align-items:center;gap:10px;transition:opacity .25s,transform .35s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;top:0;transform:translate(-50%,-50%)translateY(8px)}.entry-r{color:var(--rest-700,var(--color-accent-2-700))}.entry[data-on="1"]{opacity:1;transform:translate(-50%,-50%)}.entry-label{font-family:var(--font-heading);font-weight:var(--font-heading-weight);letter-spacing:.2em;text-transform:uppercase;padding-left:.2em;font-size:15px;line-height:1}.entry-val{font-family:var(--font-heading);gap:.08em;line-height:1;display:flex}.entry-d{text-align:center;border-bottom:max(3px, .04em) solid color-mix(in srgb, currentColor 35%, transparent);width:.64em;height:1.05em;position:relative}.entry-d.is-caret:after{content:"";background:currentColor;border-radius:2px;width:max(3px,.04em);animation:1s step-end infinite caret;position:absolute;top:.15em;bottom:.15em;left:50%;transform:translate(-50%)}@keyframes caret{50%{opacity:0}}.entry-tip{color:var(--color-neutral-700);font-size:12px;line-height:1}.start-wrap{justify-content:center;align-items:center;gap:var(--space-4);pointer-events:none;flex-direction:column;padding:0;display:flex;position:absolute;inset:0}.start{pointer-events:auto;letter-spacing:.2em;width:100%;max-width:300px;height:76px;box-shadow:var(--shadow-md);font-size:22px}[data-mode=side] .start-wrap,[data-mode=stack] .start-wrap{pointer-events:auto;position:relative;inset:auto}[data-mode=side] .start-wrap{padding:var(--space-4) max(env(safe-area-inset-right), min(7cqw, 60px), 24px) var(--space-4) 0}[data-mode=stack] .start-wrap{padding:var(--space-4) max(env(safe-area-inset-right), min(7cqw, 60px), 24px) max(min(5cqh, 40px), 24px) max(env(safe-area-inset-left), min(7cqw, 60px), 24px)}[data-mode=side] .start,[data-mode=stack] .start{max-width:440px}.why{z-index:1;white-space:nowrap;height:40px;color:var(--color-accent-800);background:color-mix(in srgb, var(--color-bg) 72%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:999px;align-items:center;gap:8px;padding:0 16px 0 13px;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s;display:none;position:absolute;top:calc(75cqh + 19px);left:50%;transform:translate(-50%,-50%)}.why:hover{background:var(--color-accent-100);color:var(--color-accent-800)}.why svg{color:var(--color-accent-600);flex:none;display:block}[data-mode=web] .why{display:flex}.plan{z-index:1;pointer-events:none;flex-direction:column;align-items:center;gap:12px;width:520px;margin:0;display:none;position:absolute;top:16px;left:50%;transform:translate(-50%)}[data-mode=web] .plan:not([data-fit="0"]){display:flex}.plan-bar{width:100%;height:12px;display:flex}.plan-bar>i{background:var(--work-400,var(--color-accent-400));min-width:6px;transition:flex-grow .5s var(--ease-in), min-width .5s var(--ease-in), margin .5s var(--ease-in), opacity .3s ease, background-color .3s ease;border-radius:999px;flex:0 1 0;margin-left:4px}.plan-bar>i:first-child{margin-left:0}.plan-bar>i.r{background:var(--rest-400,var(--color-accent-2-400))}.plan-bar>i.l{background:color-mix(in oklab, var(--rest-400,var(--color-accent-2-400)), var(--rest-600,var(--color-accent-2-600)))}.plan-bar>i.is-off{opacity:0;min-width:0;margin-left:0}.plan-cap{white-space:nowrap;color:var(--color-neutral-700);font-size:14px;line-height:1}.plan-cap b{font-family:var(--font-heading);color:var(--color-text);font-size:17px;font-weight:400}.plan-cap .plan-long{color:var(--rest-700,var(--color-accent-2-700))}.every{z-index:1;transform-origin:50% 100%;cursor:ew-resize;touch-action:none;-webkit-tap-highlight-color:transparent;border-radius:32px;outline:none;width:560px;height:175px;display:none;position:absolute;bottom:6px;left:50%;translate:-50%}[data-mode=web] .every:not([data-fit="0"]){display:block}.every-arc{pointer-events:none;display:block;position:absolute;inset:0;overflow:visible;-webkit-mask-image:linear-gradient(90deg,#0000,#000 22% 78%,#0000);mask-image:linear-gradient(90deg,#0000,#000 22% 78%,#0000)}.every-ring{fill:none;stroke-width:14px;stroke:color-mix(in srgb, var(--rest-300,var(--color-accent-2-300)) 32%, transparent);transition:stroke .2s}.every:is(:hover,.is-drag,:focus-visible) .every-ring{stroke:color-mix(in srgb, var(--rest-300,var(--color-accent-2-300)) 50%, transparent)}.every-nums>span{transform-origin:0 0;pointer-events:none;font-family:var(--font-heading);white-space:nowrap;color:var(--rest-400,var(--color-neutral-600));font-size:48px;line-height:1;transition:color .25s;position:absolute;top:0;left:0}.every-nums>span.is-on{color:var(--rest-700,var(--color-text))}.every-entry,.every-tip{pointer-events:none;opacity:0;transition:opacity .25s,transform .35s cubic-bezier(.2,.8,.2,1);position:absolute;left:50%;transform:translateY(6px)}.every-entry{font-family:var(--font-heading);color:var(--rest-700,var(--color-accent-2-700));font-size:64px;line-height:1;display:flex;top:26px}.every-tip{white-space:nowrap;color:var(--color-neutral-700);font-size:12px;line-height:1;top:134px}.every[data-entry="1"] :is(.every-entry,.every-tip){opacity:1;transform:none}.every-label{pointer-events:none;font-family:var(--font-heading);font-weight:var(--font-heading-weight);letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;color:var(--rest-700,var(--color-accent-2-700));padding-left:.2em;font-size:15px;line-height:1;position:absolute;top:110px;left:50%;translate:-50%}.key-echo{z-index:1;pointer-events:none;align-items:flex-start;gap:10px;display:none;position:absolute;top:calc(62.5cqh - 7.5px);left:50%;transform:translate(-50%)}@media (hover:hover) and (pointer:fine){[data-mode=web] .key-echo{display:flex}}.key-echo kbd{box-sizing:border-box;background:color-mix(in srgb, var(--color-surface) 70%, var(--color-accent-200));min-width:52px;height:52px;box-shadow:inset 0 -4px 0 color-mix(in srgb, var(--color-accent-700) 16%, transparent), var(--shadow-md);color:var(--color-accent-800);font:400 24px/1 var(--font-heading);opacity:var(--fade,1);border-radius:16px;place-items:center;padding:0 14px;transition:opacity .25s,transform .25s;animation:.32s cubic-bezier(.3,1.6,.5,1) backwards echo-in;display:inline-grid}.key-echo kbd.wide{letter-spacing:.12em;text-transform:uppercase;padding-left:calc(14px + .12em);font-size:16px}.key-echo kbd svg{display:block}.key-echo kbd.is-out{opacity:0;transform:translateY(8px)scale(.85)}@keyframes echo-in{0%{opacity:0;transform:translateY(6px)scale(.6)}}.timer{touch-action:none;padding:20px max(env(safe-area-inset-right), 24px) 20px max(env(safe-area-inset-left), 24px);opacity:0;pointer-events:none;flex-direction:column;transition:opacity .9s;display:flex;position:absolute;inset:0}[data-screen=timer] .timer{opacity:1;pointer-events:auto}[data-mode=stack] .timer{padding:20px max(env(safe-area-inset-right), min(7cqw, 60px), 24px) max(min(5cqh, 40px), 24px) max(env(safe-area-inset-left), min(7cqw, 60px), 24px)}.tgroup{min-height:0;padding-top:calc(76px - 21px - var(--space-2));flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}[data-mode=stack] .tgroup{padding-top:0}.tstack{align-items:center;gap:var(--space-2);text-align:center;flex-direction:column;display:flex}.phase-label{font-family:var(--font-heading);font-weight:var(--font-heading-weight);letter-spacing:.2em;text-transform:uppercase;color:var(--tone-800,var(--color-accent-800));padding-left:.2em;font-size:15px;line-height:1;transition:opacity .6s}.phase-label.is-peek{text-wrap:balance;flex-direction:column;justify-content:flex-end;max-width:min(88cqw,30em);height:1em;line-height:1.3;display:flex}.quote{margin:0 0 var(--space-2);max-width:min(92cqw,30em);min-height:calc(2.3em + 25px);font-family:var(--font-heading);font-weight:var(--font-heading-weight);flex-direction:column;justify-content:flex-end;align-items:center;gap:12px;font-size:clamp(20px,min(2.6cqw,4.2cqh),34px);transition:opacity .6s;display:flex}.quote[hidden]{display:none}.quote-text{text-wrap:balance;color:var(--tone-800,var(--color-accent-800));line-height:1.15}.quote-by{font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--tone-700,var(--color-accent-700));font-size:13px;font-weight:600;line-height:1}.quote-by:before{content:"— "}.quote-by:empty{visibility:hidden}.tclock-wrap{place-items:center;display:grid;position:relative}.tclock{font-family:var(--font-heading);color:var(--tone-800,var(--color-text));grid-area:1/1;justify-content:center;align-items:baseline;margin-top:-.07em;font-size:min(34cqw,50cqh);line-height:.8;transition:opacity .7s,filter .7s,transform .9s cubic-bezier(.2,.8,.2,1);display:flex}[data-mode=stack] .tclock{font-size:min(28cqw,44cqh)}.tclock>span{text-align:center;width:.64em}.tclock>.colon{width:.3em;color:var(--tone-700,var(--color-accent-700))}.msg{width:min(92cqw,7.5em);font-family:var(--font-heading);text-align:center;text-wrap:balance;opacity:0;filter:blur(10px);pointer-events:none;font-size:min(11cqw,20cqh);line-height:1.05;transition:opacity .7s,filter .7s,transform .9s cubic-bezier(.2,.8,.2,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)translateY(18px)scale(1.03)}.hold-row{flex-direction:column;align-items:center;margin-top:20px;display:flex}.key-hint{color:var(--color-neutral-700);justify-content:center;align-items:center;gap:8px;margin:10px 0 0;font-size:13px;line-height:1;transition:opacity .25s;display:none}@media (hover:hover) and (pointer:fine){.key-hint{display:flex}}.stage:has(.key-echo kbd:not(.is-out)) .key-hint{opacity:0}.page-timer .footer-row{position:relative}.key-help{color:var(--color-neutral-700);align-items:center;gap:22px;transition:opacity .3s}.key-help>span{white-space:nowrap;align-items:center;gap:6px;display:flex}.key-help kbd,.key-hint kbd{box-sizing:border-box;background:color-mix(in srgb, var(--color-surface) 70%, var(--color-accent-200));min-width:24px;height:24px;box-shadow:inset 0 -2px 0 color-mix(in srgb, var(--color-accent-700) 16%, transparent);color:var(--color-accent-800);font:400 13px/1 var(--font-heading);border-radius:8px;place-items:center;padding:0 6px;display:inline-grid}.key-help kbd.wide,.key-hint kbd.wide{min-width:68px;font:400 12px/1 var(--font-heading);letter-spacing:.1em;text-transform:uppercase;padding-left:calc(6px + .1em)}.key-help kbd svg{display:block}.key-help kbd,.key-hint kbd{transition:transform .18s cubic-bezier(.3,1.6,.5,1),background .12s,box-shadow .12s}.key-help kbd.is-down,.key-hint kbd.is-down{background:var(--color-accent-200);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--color-accent-700) 22%, transparent);transform:translateY(1px)scale(1.3)}.key-help kbd+kbd{margin-left:-2px}.key-help kbd:is([data-press=\,],[data-press=\.]){padding-bottom:9px;font-size:20px}.kh-type>span{margin-left:2px}.kh-type b{color:var(--color-accent-800);font-weight:700}.kh-short{display:none}@media (hover:hover) and (pointer:fine) and (min-width:768px){.page-timer .key-help{display:flex}}@media (hover:hover) and (pointer:fine) and (min-width:1606px){.page-timer .key-help{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}@media (hover:hover) and (pointer:fine) and (min-width:1010px) and (max-width:1605px){.page-timer .footer-row>span:first-child{display:none}}@media (hover:hover) and (pointer:fine) and (min-width:768px) and (max-width:1179px){.page-timer .key-help{gap:14px}.kh-long{display:none}.kh-short{display:inline}}@media (hover:hover) and (pointer:fine) and (min-width:768px) and (max-width:1009px){.page-timer .footer-row{flex-wrap:wrap;row-gap:0;height:auto;padding:6px 0 2px}.page-timer .key-help{order:-1;justify-content:center;width:100%;padding-bottom:6px}.page-timer .footer-row>:not(.key-help){line-height:32px}}.page-timer:has(.stage[data-screen=timer]) .key-help{opacity:0;pointer-events:none}[data-mode=stack] .hold-row{margin-top:max(24px,min(5cqh,44px))}[data-mode=web] .hold-row{margin-top:max(20px,min(14cqh,120px))}.hold{background:color-mix(in srgb, var(--color-bg) 72%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:232px;height:56px;font:inherit;font-family:var(--font-heading);font-weight:var(--font-heading-weight);letter-spacing:.02em;color:var(--color-text);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border:0;border-radius:999px;padding:0;font-size:16px;transition:transform .35s cubic-bezier(.3,1.4,.5,1);position:relative;overflow:hidden}.hold svg{position:absolute;inset:0}.hold .hold-rim{overflow:visible}.hold-back{fill:var(--tone-200,var(--color-accent-200));opacity:.9}.hold-edge{stroke:var(--tone-100,var(--color-accent-100));stroke-width:1.5px}.hold-rim rect{stroke-width:3px;transition:stroke-width .35s cubic-bezier(.3,1.4,.5,1)}.hold.is-active .hold-rim rect{stroke-width:5px}.s-t300{stop-color:var(--tone-300,var(--color-accent-300))}.s-t400{stop-color:var(--tone-400,var(--color-accent-400))}.s-t600{stop-color:var(--tone-600,var(--color-accent-600))}.s-t800{stop-color:var(--tone-800,var(--color-accent-800))}.hold-label{place-items:center;transition:opacity .25s,transform .35s;display:grid;position:absolute;inset:0}.cd{font-family:var(--font-heading);letter-spacing:.02em;font-variant-numeric:tabular-nums;opacity:0;place-items:center;font-size:22px;transition:opacity .3s,transform .45s cubic-bezier(.2,.8,.2,1);display:grid;position:absolute;inset:0;transform:translateY(70%)}.fly{pointer-events:none;z-index:2;font-family:var(--font-heading);font-size:92px;line-height:.9;position:absolute;inset:0}.fly[hidden]{display:none}.fly-w,.fly-r{position:absolute;top:0;left:0}.fly-w{display:flex}.fly-r{display:grid}.fly-a,.fly-b{grid-area:1/1;display:flex}.fly span{text-align:center;width:.64em}.chips{z-index:2;gap:8px;display:flex;position:absolute;bottom:18px;left:40px}.chip{height:40px;font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:color-mix(in srgb, var(--color-bg) 72%, transparent);color:var(--color-text);border:0;border-radius:999px;align-items:center;gap:8px;padding:0 16px 0 12px;font-size:14px;font-weight:600;transition:background .2s;display:flex}.chip[aria-pressed=true]{background:var(--color-accent-100);color:var(--color-accent-800)}.chip[hidden]{display:none}.chip-tip{background:var(--color-text);width:max-content;max-width:250px;color:var(--color-bg);box-shadow:var(--shadow-md);pointer-events:none;opacity:0;border-radius:12px;margin:0;padding:10px 14px;font-size:13px;font-weight:600;line-height:1.35;transition:opacity .2s,transform .3s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:calc(100% + 12px);left:0;transform:translateY(4px)}.chips .chip-tip.is-on{opacity:1;transform:none}.chip-tip:after{content:"";border:6px solid #0000;border-top-color:var(--color-text);position:absolute;top:100%;left:15px}.wordmark{z-index:2;pointer-events:none;font-family:var(--font-heading);color:var(--color-text);opacity:.55;font-size:20px;line-height:1;position:absolute;bottom:28px;right:40px}.rounds{z-index:2;pointer-events:none;opacity:0;letter-spacing:.08em;font-variant-numeric:tabular-nums;color:var(--tone-800,var(--color-text));align-items:center;gap:10px;font-size:13px;font-weight:600;line-height:1;transition:opacity .6s,transform .6s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;bottom:60px;right:40px;transform:translateY(6px)}.rounds.is-on{opacity:.7;transform:none}.rounds-track{align-items:center;gap:4px;display:flex}.rounds-track>i{width:16px;height:7px;color:var(--work-600,var(--color-accent-600));border-radius:999px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1.5px}.rounds-track>i:is(.r,.l){color:var(--rest-600,var(--color-accent-2-600))}.rounds-track>i.r{width:7px}.rounds-track>i:after{content:"";transform:scaleX(var(--p,0));transform-origin:0;background:currentColor;transition:transform .6s;position:absolute;inset:0}.rounds-track>i.is-now{animation:2.4s ease-in-out infinite now}@keyframes now{50%{box-shadow:inset 0 0 0 1.5px currentColor, 0 0 0 3px color-mix(in srgb, currentColor 22%, transparent)}}.noscript{color:var(--color-neutral-700);place-items:center;margin:0;font-size:16px;display:grid;position:absolute;inset:0}@container (width<=880px){.chips{top:16px;bottom:auto;left:max(20px, env(safe-area-inset-left))}.chip-tip{top:calc(100% + 12px);bottom:auto;transform:translateY(-4px)}.chip-tip:after{border-top-color:#0000;border-bottom-color:var(--color-text);top:auto;bottom:100%}.wordmark{display:none}.rounds{top:28px;bottom:auto;right:max(20px, env(safe-area-inset-right))}}[data-mode=side] .chips{top:auto;bottom:16px;left:auto;right:max(env(safe-area-inset-right), min(7cqw, 60px), 24px);width:calc(min(360px, 40cqw) - max(env(safe-area-inset-right), min(7cqw, 60px), 24px));justify-content:center}[data-mode=side] .chip-tip{top:auto;bottom:calc(100% + 12px);transform:translateY(4px)}[data-mode=side] .chip-tip:after{border-top-color:var(--color-text);border-bottom-color:#0000;top:100%;bottom:auto}[data-mode=side] .wordmark{display:none}[data-mode=side] .rounds{top:20px;bottom:auto}[data-mode=stack] .rounds{flex-wrap:wrap;justify-content:center;row-gap:8px;width:max-content;max-width:calc(100cqw - 32px);inset:72px auto auto 50%;translate:-50%}[data-mode=stack] .rounds-track{gap:3px}[data-mode=stack] .rounds-track>i:not(.r){width:12px}[data-intro=wait] :is(.bg,.ring,.wlabel,.start,.why,.plan,.every,.tgroup,.chips,.wordmark){opacity:0}[data-intro=run] .bg{animation:.8s backwards in-fade}[data-intro=run] .wlabel{animation:in-rise .6s var(--ease-in) .3s backwards}[data-intro=run] .start{animation:.7s cubic-bezier(.34,1.4,.64,1) .45s backwards in-pop}[data-intro=run] .tgroup{animation:in-rise .7s var(--ease-in) .1s backwards}[data-intro=run] :is(.why,.plan,.chips,.wordmark){animation:in-rise .7s var(--ease-in) 1s backwards}[data-intro=run] .every{animation:.7s 1.15s backwards in-fade}@media (prefers-reduced-motion:reduce){[data-intro=run] .ring{animation:.8s .5s backwards in-fade}[data-intro=run] :is(.bg,.wlabel,.start,.why,.plan,.tgroup,.chips,.wordmark){animation-name:in-fade}.plan-bar>i{transition:opacity .3s,background-color .3s}.rounds-track>i.is-now{animation:none}.rounds-track>i:after{transition:none}.setup{transition:opacity .6s}[data-screen=timer] .setup{transform:none}.tclock,.msg{transition:opacity .7s,filter .7s}.hold,.hold-rim rect,.hold-label{transition:opacity .25s}.cd{transition:opacity .3s}.rounds{transition:opacity .6s;transform:none}.key-echo kbd{animation-name:in-fade}.key-echo kbd.is-out{transform:none}}