.toio-page{--tk:#4f7d36;--tk-ink:#3f6a2a;--tk-mist:#e7f0dc;--tk-leaf:#d3e6b8}.grid-paper{background-color:#fbf8f1;background-image:linear-gradient(#4a9bd126 1px,#0000 1px),linear-gradient(90deg,#4a9bd126 1px,#0000 1px);background-size:28px 28px}.toio-page section h2:after{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='72' height='12' viewBox='0 0 72 12'><path d='M2 7 C 10 3, 16 10, 24 6 S 38 3, 46 7 S 62 9, 70 5' fill='none' stroke='%234f7d36' stroke-width='2.4' stroke-dasharray='3 6' stroke-linecap='round'/></svg>") no-repeat}.toio-page .tile-no{background:var(--tk)}.toio-page .about-lines li:before{border-radius:3px}.toio-hero .hero-kicker .tk-green{background:var(--tk-mist);color:var(--tk-ink)}.tk-circled{font-family:var(--hand);border:2px solid var(--tk);border-radius:40px 30px 44px 28px/26px 40px 24px 38px;margin-right:.3em;padding:.05em 1em;font-size:1.12em;font-weight:600;display:inline-block}.tk-mat-wrap{text-align:center;max-width:1120px;margin:36px auto 0;padding:0 16px}.tk-mat{border:1.6px solid #2b2a278c;border-radius:22px 8px 26px 10px/10px 24px 8px 26px;padding:12px;position:relative}.tk-mat svg{width:100%;height:auto;display:block;overflow:visible}.tk-mat-wrap figcaption{color:var(--muted);margin-top:10px;font-size:.82rem}.tk-sketch{filter:url(#boil-b)}.tk-guide{fill:none;stroke:var(--ink);stroke-opacity:.28;stroke-width:2px;stroke-dasharray:4 9;stroke-linecap:round}.tk-trail{fill:none;stroke:var(--accent);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:var(--len);stroke-dashoffset:var(--len);animation:8s linear infinite tk-trail}.tk-start{fill:none;stroke:var(--ink);stroke-width:2px}.tk-label{font-family:var(--hand);fill:var(--muted);font-size:18px}.tk-card{fill:var(--card);stroke:var(--ink);stroke-width:2px;transform-box:fill-box;transform-origin:50%}.tk-arrow{fill:none;stroke:var(--sky);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.tk-card-1{animation:8s linear infinite tk-c1}.tk-card-2{animation:8s linear infinite tk-c2}.tk-card-3{animation:8s linear infinite tk-c3}.tk-card-4{animation:8s linear infinite tk-c4}.tk-stem{fill:none;stroke:var(--tk);stroke-width:3px;stroke-linecap:round}.tk-bloom{transform-box:fill-box;transform-origin:50% 100%;animation:8s ease-out infinite tk-bloom}.tk-petal{fill:#f2a7bd;stroke:var(--accent-ink);stroke-width:1.6px}.tk-petal-c{fill:#f6c08f;stroke:var(--accent-ink);stroke-width:2px}.tk-petal-h{fill:#f6d36b;stroke:var(--accent-ink);stroke-width:1.6px}.tk-yay{font-family:var(--hand);fill:var(--accent-ink);font-size:26px;font-weight:600;animation:8s ease-out infinite tk-yay}.tk-cube{animation:8s linear infinite tk-run}.tk-shadow{fill:var(--ink);opacity:.12}.tk-body{fill:#fff;stroke:var(--ink);stroke-width:2.2px}.tk-light{fill:var(--tk);animation:1.2s steps(2,end) infinite tk-blink}@keyframes tk-run{0%{opacity:0;transform:translate(60px,220px)}3%{opacity:1}24.8%{transform:translate(420px,220px)}32.3%{transform:translate(420px,110px)}55.7%{transform:translate(760px,110px)}63.3%{transform:translate(760px,220px)}75%{transform:translate(930px,220px)}92%{opacity:1;transform:translate(930px,220px)}97%{opacity:0;transform:translate(930px,220px)}to{opacity:0;transform:translate(60px,220px)}}@keyframes tk-trail{0%{stroke-dashoffset:var(--len);opacity:1}75%{stroke-dashoffset:0}92%{stroke-dashoffset:0;opacity:1}97%{stroke-dashoffset:0;opacity:0}to{stroke-dashoffset:var(--len);opacity:0}}@keyframes tk-c1{0%,24.2%{fill:var(--card);transform:scale(1)}25.6%{fill:var(--c,#f6c08f);transform:scale(1.22)}27.6%,92%{fill:var(--c,#f6c08f);transform:scale(1)}97%,to{fill:var(--card);transform:scale(1)}}@keyframes tk-c2{0%,31.7%{fill:var(--card);transform:scale(1)}33.1%{fill:var(--c,#f2a7bd);transform:scale(1.22)}35.1%,92%{fill:var(--c,#f2a7bd);transform:scale(1)}97%,to{fill:var(--card);transform:scale(1)}}@keyframes tk-c3{0%,55.1%{fill:var(--card);transform:scale(1)}56.5%{fill:var(--c,#f6d36b);transform:scale(1.22)}58.5%,92%{fill:var(--c,#f6d36b);transform:scale(1)}97%,to{fill:var(--card);transform:scale(1)}}@keyframes tk-c4{0%,62.7%{fill:var(--card);transform:scale(1)}64.1%{fill:var(--c,#a9d3ef);transform:scale(1.22)}66.1%,92%{fill:var(--c,#a9d3ef);transform:scale(1)}97%,to{fill:var(--card);transform:scale(1)}}@keyframes tk-bloom{0%,74%{transform:scale(0)}80%{transform:scale(1.12)}83%,92%{transform:scale(1)}97%,to{transform:scale(0)}}@keyframes tk-yay{0%,77%{opacity:0}81%,92%{opacity:1}97%,to{opacity:0}}@keyframes tk-blink{50%{fill:#9fd27f}}.tk-steps{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.tk-steps li{background:var(--card);animation:tk-read calc(var(--n)*4s) linear infinite;animation-delay:calc(var(--i)*4s - var(--n)*4s);border:1.8px solid #2b2a2780;border-radius:12px;padding:18px 18px 16px;position:relative}.tk-min{font-family:var(--hand);color:var(--tk);font-size:1.8rem;font-weight:600}.tk-min small{margin-left:2px;font-size:.9rem}.tk-steps h3{margin:2px 0 4px;font-size:1.1rem}.tk-steps p{color:var(--muted);margin:0;font-size:.9rem}@keyframes tk-read{0%,24%{background:var(--tk-leaf);border-color:var(--tk)}25%,to{background:var(--card);border-color:#2b2a2780}}.tk-stairs{grid-template-columns:repeat(4,1fr);align-items:end;gap:20px;margin:0;padding:0;list-style:none;display:grid}.tk-stairs svg{width:120px;height:auto;margin:0 auto;display:block;overflow:visible}.tk-grow{transform-box:fill-box;transform-origin:50% 100%;animation-duration:12s;animation-timing-function:linear;animation-iteration-count:infinite;transform:scaleY(0)}.tk-grow-0{animation-name:tk-sp0}.tk-grow-1{animation-name:tk-sp1}.tk-grow-2{animation-name:tk-sp2}.tk-grow-3{animation-name:tk-sp3}.tk-grow .tk-g-bud{transform-box:fill-box;transform-origin:50%;animation:12s ease-out infinite tk-bud}.tk-grades.is-wait .tk-grow,.tk-grades.is-wait .tk-g-bud{animation-play-state:paused}@keyframes tk-sp0{0%,6%{opacity:1;transform:scaleY(0)}21%,88%{opacity:1;transform:scaleY(1)}94%,to{opacity:0;transform:scaleY(1)}}@keyframes tk-sp1{0%,6%{opacity:1;transform:scaleY(0)}30%,88%{opacity:1;transform:scaleY(1)}94%,to{opacity:0;transform:scaleY(1)}}@keyframes tk-sp2{0%,6%{opacity:1;transform:scaleY(0)}40%,88%{opacity:1;transform:scaleY(1)}94%,to{opacity:0;transform:scaleY(1)}}@keyframes tk-sp3{0%,6%{opacity:1;transform:scaleY(0)}50%,88%{opacity:1;transform:scaleY(1)}94%,to{opacity:0;transform:scaleY(1)}}@keyframes tk-bud{0%,50%{scale:0}55%{scale:1.35}59%,to{scale:1}}.tk-g-stem{fill:none;stroke:var(--tk);stroke-width:3px;stroke-linecap:round}.tk-g-leaf{fill:var(--tk-leaf);stroke:var(--tk);stroke-width:2px}.tk-g-bud{fill:#f6c08f;stroke:var(--accent-ink);stroke-width:2px}.tk-stair{background:var(--card);border:1.8px solid #2b2a278c;border-radius:10px;padding:16px 18px}.tk-next .tk-stair{border-style:dashed}.tk-next .tk-grade{color:var(--accent-ink)}.tk-grade{font-family:var(--hand);color:var(--tk);margin:0;font-weight:600}.tk-stair h3{margin:2px 0 4px;font-size:1.1rem}.tk-stair p{color:var(--muted);margin:0;font-size:.9rem}.tk-news{background:var(--mist);text-align:center}.tk-news .lede{color:var(--muted)}@media (width<=820px){.tk-steps,.tk-stairs{grid-template-columns:1fr 1fr}}@media (width<=520px){.tk-steps{grid-template-columns:1fr}.tk-mat{padding:6px}}@media (prefers-reduced-motion:reduce){.tk-trail,.tk-card-1,.tk-card-2,.tk-card-3,.tk-card-4,.tk-bloom,.tk-yay,.tk-cube,.tk-light,.tk-steps li,.tk-grow,.tk-grow .tk-g-bud{animation:none}.tk-trail{stroke-dashoffset:0}.tk-cube{transform:translate(930px,220px)}.tk-bloom,.tk-grow{transform:none}.tk-yay{opacity:1}.tk-sketch{filter:none}}.tk-tall{display:none!important}@media (width<=520px){.tk-wide{display:none!important}.tk-tall{max-width:340px;margin:0 auto;display:block!important}}.tk-cube-m{animation-name:tk-run-m}.tk-card-1-m{animation:8s linear infinite tk-c1m}.tk-card-2-m{animation:8s linear infinite tk-c2m}.tk-card-3-m{animation:8s linear infinite tk-c3m}.tk-card-4-m{animation:8s linear infinite tk-c4m}@keyframes tk-run-m{0%{opacity:0;transform:translate(210px,517px)}3%{opacity:1}21.3%{transform:translate(210px,319px)}33.1%{transform:translate(100px,319px)}53.1%{transform:translate(100px,132px)}65%{transform:translate(210px,132px)}75%{transform:translate(210px,38px)}92%{opacity:1;transform:translate(210px,38px)}97%{opacity:0;transform:translate(210px,38px)}to{opacity:0;transform:translate(210px,517px)}}@keyframes tk-c1m{0%,20.7%{fill:var(--card);transform:scale(1)}22.1%{fill:var(--c,#f6c08f);transform:scale(1.22)}24.1%,92%{fill:var(--c,#f6c08f);transform:scale(1)}97%,to{fill:var(--card);transform:scale(1)}}@keyframes tk-c2m{0%,32.5%{fill:var(--card);transform:scale(1)}33.9%{fill:var(--c,#f2a7bd);transform:scale(1.22)}35.9%,92%{fill:var(--c,#f2a7bd);transform:scale(1)}97%,to{fill:var(--card);transform:scale(1)}}@keyframes tk-c3m{0%,52.5%{fill:var(--card);transform:scale(1)}53.9%{fill:var(--c,#f6d36b);transform:scale(1.22)}55.9%,92%{fill:var(--c,#f6d36b);transform:scale(1)}97%,to{fill:var(--card);transform:scale(1)}}@keyframes tk-c4m{0%,64.4%{fill:var(--card);transform:scale(1)}65.8%{fill:var(--c,#a9d3ef);transform:scale(1.22)}67.8%,92%{fill:var(--c,#a9d3ef);transform:scale(1)}97%,to{fill:var(--card);transform:scale(1)}}@media (prefers-reduced-motion:reduce){.tk-card-1-m,.tk-card-2-m,.tk-card-3-m,.tk-card-4-m{animation:none}.tk-cube-m{transform:translate(210px,38px)}}.tk-play{background:var(--tk-mist)}.tk-play-lead{color:var(--muted);margin:0 0 24px}.tk-play-box{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:32px;display:grid}.tk-play-mat{border:1.6px solid #2b2a278c;border-radius:18px;width:100%;height:auto;display:block;overflow:visible}.tk-play-grid{stroke:#4a9bd159;stroke-width:1.2px}.tk-play-trail{fill:none;stroke:var(--accent);stroke-width:5px;stroke-linecap:round;stroke-linejoin:round}.tk-play-cube{transition:transform .4s cubic-bezier(.4,0,.3,1)}.tk-play-nose{fill:none;stroke:var(--sky);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.tk-play-goal>*{transform-box:fill-box;transform-origin:50%}.tk-play.is-done .tk-play-goal>*{animation:.6s ease-out tk-play-bloom}@keyframes tk-play-bloom{50%{scale:1.3}}.tk-play-stage{position:relative}.tk-play-confetti{pointer-events:none;border-radius:18px;position:absolute;inset:0;overflow:hidden}.tk-play-confetti i{will-change:transform;border-radius:2px;width:9px;height:14px;position:absolute;top:-7px;left:-5px}.tk-play-confetti i.is-round{border-radius:50%;width:10px;height:10px}.tk-play-pop{border:4px solid var(--accent);border-radius:50%;width:60px;height:60px;margin-left:-30px;animation:.5s ease-out forwards tk-pop;position:absolute;bottom:-30px}@keyframes tk-pop{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(1.6)}}.tk-play-msg{font-family:var(--hand);fill:var(--accent-ink);stroke:#fff;stroke-width:7px;stroke-linejoin:round;paint-order:stroke;font-size:34px;font-weight:600}.tk-play-count{color:var(--muted);margin:0 0 10px}.tk-play-n{color:var(--accent-ink);margin:0 2px;font-size:1.4em}.tk-play-slots{grid-template-columns:repeat(auto-fit,minmax(68px,1fr));gap:10px;margin:0 0 18px;padding:0;list-style:none;display:grid}.tk-play-slots li[hidden]{display:none}.tk-play-card{background:var(--c,var(--card));border:2px solid var(--ink);cursor:pointer;width:100%;min-height:96px;font:inherit;color:var(--ink);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 4px;font-size:.78rem;transition:transform .15s,background .2s;display:flex;position:relative}.tk-play-card:hover{transform:rotate(-3deg)}.tk-play-card.is-read{transform:scale(1.08)}.tk-play-card svg{width:40px;height:40px}.tk-play-no{color:var(--muted);font-size:.72rem;line-height:1;position:absolute;top:4px;left:7px}.tk-play-ic{fill:none;stroke:var(--sky);stroke-width:5px;stroke-linecap:round;stroke-linejoin:round;display:none}.tk-play-card[data-v="0"] .tk-ic-0,.tk-play-card[data-v="1"] .tk-ic-1,.tk-play-card[data-v="2"] .tk-ic-2{display:block}.tk-play-buttons{flex-wrap:wrap;align-items:center;gap:20px;margin:0;display:flex}.tk-play-go{cursor:pointer;font:inherit;border:0;font-weight:500}.tk-play-go:disabled,.tk-play-reset:disabled,.tk-play-next:disabled{opacity:.6;cursor:wait}.tk-play-reset,.tk-play-next{cursor:pointer;font:inherit;text-underline-offset:4px;background:0 0;border:0;min-height:44px;text-decoration:underline}.tk-play-status{min-height:1.9em;color:var(--muted);margin:14px 0 0}@media (width<=820px){.tk-play-box{grid-template-columns:1fr}}@media (width<=520px){.tk-play-slots{grid-template-columns:repeat(auto-fit,minmax(56px,1fr));gap:6px}.tk-play-card{min-height:80px;font-size:.7rem}.tk-play-card svg{width:30px;height:30px}}@media (prefers-reduced-motion:reduce){.tk-play-cube,.tk-play-card{transition:none}.tk-play.is-done .tk-play-goal>*{animation:none}}