@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/atkinson-hyperlegible-latin-ext-400-normal.DRk46D-x.woff2) format("woff2"),url(/_astro/atkinson-hyperlegible-latin-ext-400-normal.Bbz-b3yf.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/atkinson-hyperlegible-latin-400-normal.BrHNak5F.woff2) format("woff2"),url(/_astro/atkinson-hyperlegible-latin-400-normal.BbWidj28.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/atkinson-hyperlegible-latin-ext-700-normal.BoVPHkS0.woff2) format("woff2"),url(/_astro/atkinson-hyperlegible-latin-ext-700-normal.CKkU2Dpt.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/atkinson-hyperlegible-latin-700-normal.GZI4o3u0.woff2) format("woff2"),url(/_astro/atkinson-hyperlegible-latin-700-normal.BK6Glc0m.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font: "Atkinson Hyperlegible", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--paper: #fff8ec;--card: #ffffff;--sunk: #f4ecdd;--ink: #17172b;--muted: #55556e;--edge: #17172b;--sun: #ffd23f;--sky: #5ab0ff;--tomato: #ff7056;--mint: #3dd598;--lilac: #b69cff;--peach: #ffb36b;--pink: #ff8fc7;--on-color: #17172b;--focus-ring: #2b59ff;--r: 18px;--r-sm: 12px;--bw: 2.5px;--lift: 4px;--shadow: var(--lift) var(--lift) 0 var(--edge);--shadow-sm: 2px 2px 0 var(--edge);color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--paper: #14141f;--card: #1f1f30;--sunk: #191928;--ink: #f6f1e6;--muted: #b3b0c4;--edge: #f6f1e6;--sun: #ffd84d;--sky: #6ab8ff;--tomato: #ff7d65;--mint: #4fe0a4;--lilac: #c2acff;--peach: #ffbd7d;--pink: #ff9ccf;--focus-ring: #8fa8ff;--shadow: var(--lift) var(--lift) 0 #000;--shadow-sm: 2px 2px 0 #000;color-scheme:dark}}:root[data-theme=dark]{--paper: #14141f;--card: #1f1f30;--sunk: #191928;--ink: #f6f1e6;--muted: #b3b0c4;--edge: #f6f1e6;--sun: #ffd84d;--sky: #6ab8ff;--tomato: #ff7d65;--mint: #4fe0a4;--lilac: #c2acff;--peach: #ffbd7d;--pink: #ff9ccf;--focus-ring: #8fa8ff;--shadow: var(--lift) var(--lift) 0 #000;--shadow-sm: 2px 2px 0 #000;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:84px}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.55 var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:3px;text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px;border-radius:6px}h1,h2,h3{line-height:1.12;margin:0;letter-spacing:-.015em}p,ul,ol{margin:0}img{max-width:100%}.wrap{max-width:1120px;margin:0 auto;padding:0 18px}.stack>*+*{margin-top:var(--s, 1rem)}.muted{color:var(--muted)}.small{font-size:.9rem}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.eyebrow{display:inline-flex;align-items:center;gap:.45rem;font-size:.82rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.display{font-size:clamp(2.4rem,1.4rem + 4.6vw,4.6rem);font-weight:700;line-height:1;letter-spacing:-.03em}.h1{font-size:clamp(2rem,1.3rem + 2.8vw,3.2rem);font-weight:700}.h2{font-size:clamp(1.4rem,1.1rem + 1vw,1.9rem);font-weight:700}.h3{font-size:1.2rem;font-weight:700}.lead{font-size:clamp(1.08rem,1rem + .4vw,1.3rem);color:var(--muted);max-width:40ch}.hl{background:linear-gradient(transparent 58%,var(--sun) 58%,var(--sun) 92%,transparent 92%);padding:0 .1em}.site-head{position:sticky;top:0;z-index:50;background:var(--paper);border-bottom:var(--bw) solid var(--edge);padding-top:env(safe-area-inset-top)}.site-head .in{display:flex;align-items:center;gap:14px;height:64px}.logo{display:inline-flex;align-items:center;gap:.55rem;text-decoration:none;font-weight:700;font-size:1.25rem;letter-spacing:-.02em}.logo .mark{width:36px;height:36px;border:var(--bw) solid var(--edge);border-radius:11px;background:var(--sun);color:var(--on-color);display:grid;place-items:center;box-shadow:var(--shadow-sm);transform:rotate(-6deg);font-size:1.1rem}.nav{display:flex;gap:4px;margin-left:auto}.nav a{text-decoration:none;font-weight:700;padding:.5rem .8rem;border-radius:999px;border:var(--bw) solid transparent;white-space:nowrap}.nav a:hover{border-color:var(--edge)}.nav a[aria-current=page]{background:var(--ink);color:var(--paper)}.theme-btn{flex:none;width:44px;height:44px;border-radius:50%;border:var(--bw) solid var(--edge);background:var(--card);color:var(--ink);cursor:pointer;display:grid;place-items:center;box-shadow:var(--shadow-sm)}.theme-btn svg{width:20px;height:20px}.theme-btn .moon{display:none}:root[data-theme=dark] .theme-btn .sun{display:none}:root[data-theme=dark] .theme-btn .moon{display:block}@media (max-width: 760px){body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.site-head .in{height:58px}.theme-btn{margin-left:auto}.nav{position:fixed;left:0;right:0;bottom:0;margin:0;z-index:60;justify-content:space-around;gap:0;background:var(--card);border-top:var(--bw) solid var(--edge);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}.nav a{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:.74rem;padding:.4rem .3rem;border-radius:12px;min-width:52px}.nav a .ni{font-size:1.25rem;line-height:1}.nav a.opt{display:none}}@media (min-width: 761px){.nav a .ni{display:none}}.card{background:var(--card);border:var(--bw) solid var(--edge);border-radius:var(--r);box-shadow:var(--shadow);padding:1.25rem}.tile{--c: var(--sun);position:relative;display:flex;flex-direction:column;gap:.5rem;text-decoration:none;color:var(--on-color);background:var(--c);border:var(--bw) solid var(--edge);border-radius:var(--r);box-shadow:var(--shadow);padding:1.15rem 1.2rem 1.25rem;transition:transform .12s ease,box-shadow .12s ease;min-height:48px}.tile .emo{font-size:2rem;line-height:1}.tile b{font-size:1.22rem;line-height:1.2}.tile p{font-size:.98rem;opacity:.86}.tile .go{position:absolute;right:14px;top:14px;width:34px;height:34px;border-radius:50%;border:var(--bw) solid var(--on-color);display:grid;place-items:center;font-weight:700;background:#ffffff73}a.tile:hover,a.card:hover,.btn:hover{transform:translate(-1px,-1px);box-shadow:calc(var(--lift) + 1px) calc(var(--lift) + 1px) 0 var(--edge)}a.tile:active,a.card:active,.btn:active{transform:translate(var(--lift),var(--lift));box-shadow:0 0 0 var(--edge)}a.card{display:block;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease}.btn{--c: var(--sun);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:50px;padding:0 1.3rem;font:700 1.02rem var(--font);color:var(--on-color);background:var(--c);border:var(--bw) solid var(--edge);border-radius:999px;box-shadow:var(--shadow);cursor:pointer;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease;white-space:nowrap}.btn.ghost{background:var(--card);color:var(--ink)}.btn.big{min-height:62px;font-size:1.2rem;padding:0 1.8rem}.btn[disabled]{opacity:.5;cursor:not-allowed}.chip{--c: var(--card);display:inline-flex;align-items:center;gap:.4rem;min-height:44px;padding:0 1rem;font:700 .95rem var(--font);color:var(--ink);background:var(--card);border:var(--bw) solid var(--edge);border-radius:999px;cursor:pointer;text-decoration:none}.chip[aria-pressed=true],.chip.on{background:var(--c);color:var(--on-color);box-shadow:var(--shadow-sm)}.dot{width:12px;height:12px;border-radius:50%;border:2px solid var(--edge);background:var(--c);flex:none}.pill{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;font-weight:700;padding:.25rem .65rem;border-radius:999px;border:2px solid var(--edge);background:var(--c, var(--card));color:var(--on-color)}.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr))}.grid.two{grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr))}.row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.section{margin:3.2rem 0}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1.1rem;flex-wrap:wrap}.hero{padding:clamp(2.4rem,6vw,4.6rem) 0 1rem}.hero .display{max-width:13ch}.hero .lead{margin-top:1rem}.stuck-tiles{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:2rem}@media (max-width: 760px){.stuck-tiles{grid-template-columns:1fr}}.tilt-1{transform:rotate(-1.2deg)}.tilt-2{transform:rotate(.8deg)}.tilt-3{transform:rotate(-.6deg)}@media (prefers-reduced-motion: reduce){.tilt-1,.tilt-2,.tilt-3{transform:none}}.tiny{border:var(--bw) dashed var(--edge);border-radius:var(--r);padding:1rem 1.15rem;background:color-mix(in srgb,var(--c, var(--sun)) 28%,var(--card))}.tile.pick[aria-pressed=true]{transform:translate(var(--lift),var(--lift));box-shadow:0 0 0 var(--edge);outline:3px solid var(--edge);outline-offset:3px}.tiny .eyebrow:before{content:"⚡"}.steps{list-style:none;padding:0;counter-reset:s;display:grid;gap:14px}.steps li{counter-increment:s;display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:start}.steps li:before{content:counter(s);width:48px;height:48px;border-radius:50%;border:var(--bw) solid var(--edge);background:var(--c, var(--sun));color:var(--on-color);display:grid;place-items:center;font-weight:700;font-size:1.2rem;box-shadow:var(--shadow-sm)}.steps li p{padding-top:.6rem}.when{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px}.when li{border:2px solid var(--edge);border-radius:999px;padding:.3rem .8rem;font-size:.92rem;background:var(--card)}.skill-card{--c: var(--sun);display:flex;flex-direction:column;gap:.55rem;height:100%}.skill-card .bar{height:10px;border-radius:999px;background:var(--c);border:2px solid var(--edge)}.skill-card b{font-size:1.15rem}.skill-card .t{font-size:.95rem;color:var(--muted)}.skill-card .pill{align-self:flex-start;margin-top:auto}.notice{border:var(--bw) solid var(--edge);border-radius:var(--r);padding:1.1rem 1.2rem;background:color-mix(in srgb,var(--sky) 22%,var(--card))}.notice.warm{background:color-mix(in srgb,var(--tomato) 20%,var(--card))}.timer{display:grid;justify-items:center;gap:1.2rem}.disc{width:min(78vw,380px);aspect-ratio:1}.disc .track{fill:var(--sunk);stroke:var(--edge);stroke-width:2.5}.disc .wedge{fill:var(--c, var(--tomato));stroke:var(--edge);stroke-width:2.5;stroke-linejoin:round}.disc .face{fill:var(--card);stroke:var(--edge);stroke-width:2.5}.disc text{fill:var(--ink);font:700 30px var(--font)}.disc .sub{font-size:12px;fill:var(--muted);font-weight:400}.presets{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.done-banner{--c: var(--mint)}.pacer{width:180px;height:180px;margin:.5rem auto;position:relative}.pacer .sq{position:absolute;inset:0;border:var(--bw) solid var(--edge);border-radius:24px;background:var(--sunk)}.pacer .ball{position:absolute;width:26px;height:26px;margin:-13px;border-radius:50%;background:var(--c, var(--sky));border:var(--bw) solid var(--edge);left:0;top:100%}.pacer.run .ball{animation:box 16s linear infinite}@keyframes box{0%{left:0;top:100%}25%{left:0;top:0}50%{left:100%;top:0}75%{left:100%;top:100%}to{left:0;top:100%}}.pacer .say{position:absolute;inset:0;display:grid;place-items:center;font-weight:700;font-size:1.15rem;text-align:center}@media (prefers-reduced-motion: reduce){.pacer.run .ball{animation-duration:32s}}.count{font:700 2.4rem var(--font);font-variant-numeric:tabular-nums}.site-foot{border-top:var(--bw) solid var(--edge);margin-top:4rem;padding:2rem 0 2.6rem}.site-foot .in{display:flex;flex-wrap:wrap;gap:1rem 2rem;justify-content:space-between;align-items:flex-start}.site-foot p{max-width:52ch;color:var(--muted);font-size:.92rem}.site-foot nav{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;font-weight:700}