@font-face{font-family:"Baloo 2";src:url(/fonts/Baloo2-subset.woff2)format("woff2");font-weight:400 800;font-style:normal;font-display:swap}.tk{--tk-cream:#fbf4e4;--tk-navy:#1d2b53;--tk-ink:#0b1530;--tk-dim:#4a5878;--tk-mat:#7376e6;--tk-lavender:#c9caf6;--tk-tomato:#e4572e;--tk-mustard:#f2b134;--tk-teal:#2a9d8f;--tk-pink:#f4899f;--tk-water:#3fa2e2;--tk-display:"Baloo 2", ui-rounded, system-ui, sans-serif;--tk-settle:cubic-bezier(.22,1,.36,1);--gutter:24px;position:relative;overflow-x:clip}.tk-frame{max-width:1200px;padding-left:var(--gutter);padding-right:var(--gutter);margin:0 auto}.tk-grid{column-gap:24px;row-gap:var(--space-8);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;display:grid}.tk-grid>*{grid-column:var(--col,1 / -1);min-width:0}.tk section{padding:0}.tk .tk-band{padding:var(--space-10) 0;background:var(--surface);color:var(--ink-muted);position:relative}.tk-band>.tk-frame{z-index:1;position:relative}.tk-band[data-ground=paper]{--surface:var(--ground-paper);--tk-head:var(--tk-navy)}.tk-band[data-ground=cream]{--surface:var(--tk-cream);--ink:var(--tk-navy);--ink-muted:var(--tk-dim);--ink-label:var(--tk-dim);--tk-head:var(--tk-navy)}.tk-band[data-ground=navy]{--surface:var(--tk-navy);--ink:var(--tk-cream);--ink-muted:#d6dbe8;--ink-label:var(--tk-mustard);--tk-head:var(--tk-cream)}.tk-band[data-ground=green]{--surface:#17665c;--ink:var(--tk-cream);--ink-muted:var(--tk-cream);--ink-label:var(--tk-cream);--tk-head:var(--tk-cream)}.tk .tk-band.tk-bench-band{background:linear-gradient(#1c7569,#0e463f)}.tk-bench-band .tk-timeline{border-left-color:#fbf4e48c}.tk-bench-band .tk-timeline li:before{background:var(--tk-mustard);box-shadow:0 0 0 3px #145a51}.tk-band[data-ground=mat]{--surface:var(--tk-mat);--ink:var(--tk-ink);--ink-muted:var(--tk-ink);--ink-label:var(--tk-ink);--tk-head:var(--tk-cream)}.tk code{font-family:var(--font-mono);color:var(--ink);font-size:.88em}.tk-kicker,.tk-label{font-family:var(--font-mono);font-size:var(--label-size);font-weight:var(--label-weight);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-label);margin:0 0 var(--space-4);line-height:1.4}.tk .tk-heading{font-family:var(--tk-display);letter-spacing:-.01em;color:var(--tk-head,var(--ink));margin:0 0 var(--space-6);text-wrap:balance;font-size:64px;font-weight:800;line-height:1}.tk-prose{max-width:var(--measure);font-size:17px}.tk-prose>p{color:var(--ink-muted);margin:0;font-size:17px;line-height:1.65}.tk-prose>p+p{margin-top:var(--space-5)}.tk-prose a,.tk-links a{color:var(--ink);text-underline-offset:3px}.tk-hero{background-image:radial-gradient(#1d2b5321 1.4px,#0000 1.6px);background-size:28px 28px;min-height:86vh;padding-top:var(--space-10)!important;padding-bottom:calc(var(--space-10) + 40px)!important}.tk-hero .tk-grid{align-items:center}.tk-wordmark{margin:var(--space-5) 0 var(--space-6) 18px;line-height:0;display:inline-block;position:relative}.tk-hero{--tk-lockup:540px;z-index:2}.tk-logo{width:min(100%,var(--tk-lockup));filter:drop-shadow(0 14px 18px #0b153038);height:auto;display:block;rotate:-3deg}.tk-kanji{filter:drop-shadow(0 8px 10px #0b153040);width:96px;height:auto;position:absolute;top:-23px;left:-30px;rotate:-11deg}.tk-deck{font-family:var(--tk-display);color:var(--ink);max-width:min(var(--tk-lockup),450px);margin:0 0 var(--space-6);font-size:28px;font-weight:600;line-height:1.25}.tk-actions{gap:var(--space-3);margin:0 0 var(--space-4);flex-wrap:wrap;display:flex}.tk-btn{font-family:var(--tk-display);border:2px solid var(--tk-navy);color:var(--tk-navy);border-radius:999px;align-items:center;gap:8px;padding:14px 22px;font-size:18px;font-weight:700;line-height:1;text-decoration:none;transition:background-color .2s,color .2s;display:inline-flex}.tk-btn-solid{background:var(--tk-navy);color:var(--tk-cream)}@media (hover:hover) and (pointer:fine){.tk-btn:hover{background:var(--tk-navy);color:var(--tk-cream)}.tk-btn-solid:hover{background:var(--tk-ink)}}.tk-btn:focus-visible,.tk-pill:focus-visible,.tk-copy:focus-visible{outline:2px solid var(--tk-water);outline-offset:3px}.tk-small{font-family:var(--font-mono);font-size:var(--label-size);font-weight:var(--label-weight);letter-spacing:.04em;color:var(--ink-label);margin:0}.tk-hero-bot{position:relative}.tk-hw{z-index:2;width:36%;margin:0;position:absolute;top:392px;left:-58%;rotate:6deg}.tk-hw img{filter:drop-shadow(0 16px 20px #0b153047);width:100%;height:auto;display:block}.tk-hw{isolation:isolate}.tk-hw-screen{transform-origin:0 0;pointer-events:none;width:320px;height:240px;position:absolute;top:0;left:0}.tk-bot{flex-direction:column;align-items:center;width:100%;max-width:440px;margin:0 auto;display:flex}.tk-head{width:100%;transition:translate .26s var(--tk-settle);z-index:1;background:linear-gradient(160deg,#f6f6f3,#e2e2de 70%,#d6d6d1);border-radius:8%;padding:2.4%;position:relative;box-shadow:inset 0 1px #fff,inset 0 -2px #0b153014,0 24px 48px -24px #0b153073}.tk-glass{background:radial-gradient(120% 70% at 22% 0,#2b2c30,#111214 55%,#0a0a0b);border-radius:6%;padding:17.9% 10.5% 0;position:relative}.tk-glass:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ffffff61,#ffffff26 30%,#fff0 55%);position:absolute;inset:0}.tk-screen{aspect-ratio:4/3;background:var(--tk-cream);border-radius:2px;width:100%;height:auto;display:block}.tk-camrow{aspect-ratio:100/22.7;position:relative}.tk-camrow:before,.tk-camrow:after{content:"";aspect-ratio:1;background:#2a2b2f;border-radius:50%;width:2.4%;position:absolute;top:58%;translate:0 -50%}.tk-camrow:before{left:13.5%}.tk-camrow:after{right:15%}.tk-cam{aspect-ratio:1;background:radial-gradient(circle,#050506 0 30%,#2c2622 33% 40%,#d07a46 44%,#a85a30 56%,#5e3219 62%,#1a1a1c 68%);border-radius:50%;width:9.4%;position:absolute;top:58%;left:50%;translate:-50% -50%}.tk-leds{aspect-ratio:1;background:#2a2b2f;border-radius:50%;width:2%;position:absolute;top:58%;left:64%;translate:0 -50%}.tk-leds:after{content:"";background:inherit;border-radius:50%;width:100%;height:100%;position:absolute;top:0;left:300%}.tk-neck{aspect-ratio:58/5;background:linear-gradient(#d0d0cb,#bdbdb7);border-radius:0 0 6px 6px;width:58%;margin-top:-1px}.tk-base{aspect-ratio:74/19;clip-path:polygon(4% 0,96% 0,100% 22%,100% 100%,0 100%,0 22%);background:linear-gradient(#6a6a6c,#555557 60%,#4a4a4c);width:74%;position:relative}.tk-base:before{content:"";background:#3e3e40;border-radius:0 0 8px 8px;width:9%;position:absolute;top:0;bottom:2%;left:50%;translate:-50%}.tk-bot:after{content:"";background:radial-gradient(closest-side,#0b153047,#0000);border-radius:50%;width:80%;height:14px;margin-top:-6px}.tk-bot.is-up .tk-head{translate:0 -14px}@keyframes tk-nod{0%,to{translate:0}30%{translate:0 7px}60%{translate:0}80%{translate:0 4px}}.tk-bot.is-nod .tk-head{animation:tk-nod .7s var(--tk-settle)}#tk-try-face .tk-screen{cursor:pointer}.tk-keys-host{position:relative}.tk-keys[hidden]{display:none}.tk-key{color:#0000;cursor:pointer;background:0 0;border:0;border-radius:999px;width:46.25%;height:20%;padding:0;font-size:1px;transition:background-color .15s;position:absolute;top:76.67%}.tk-key-deny{left:2.5%}.tk-key-allow{-webkit-touch-callout:none;user-select:none;touch-action:manipulation;left:51.25%}.tk-key:hover{background:#ffffff24}.tk-key:active{background:#0b15301f}.tk-key:focus-visible{outline:3px solid var(--tk-navy);outline-offset:2px}.tk-pill:disabled{opacity:.45;cursor:default}.tk-story-bot{align-self:stretch}.tk-sticky{position:sticky;top:18vh}.tk-steps{margin:var(--space-8) 0 0;padding:0;list-style:none}.tk-step{min-height:42vh;padding:var(--space-6) 0;border-top:2px solid var(--rule)}.tk-step-title{font-family:var(--tk-display);color:var(--tk-navy);margin:0 0 var(--space-3);align-items:center;gap:16px;font-size:40px;font-weight:800;line-height:1.05;display:flex}.tk-step-stk{filter:drop-shadow(0 6px 8px #0b153033);flex:none;width:60px;height:60px;rotate:-7deg}.tk-step:nth-child(2n) .tk-step-stk{rotate:6deg}.tk-step-text{color:var(--ink-muted);max-width:var(--measure);margin:0;font-size:17px;line-height:1.6}.tk-step-label{margin:var(--space-3) 0 0}.tk-step-label code{font-family:var(--tk-display);background:var(--tk-cream);color:var(--tk-navy);border-radius:6px;padding:4px 10px;font-size:15px;font-weight:700;display:inline-block}.tk.js .tk-step{opacity:.4;transition:opacity .3s}.tk.js .tk-step.is-on{opacity:1}.tk-strip{margin:var(--space-9) auto 0;max-width:980px}.tk-strip-sheet{isolation:isolate;margin:var(--space-7) 0;position:relative;container-type:inline-size}.tk-strip-sheet:before{content:"";z-index:-1;top:calc(-1 * var(--space-7));bottom:calc(-1 * var(--space-7));--g:calc(100cqw * 24 / 1574);background:linear-gradient(#ffffff24 1px,transparent 1px) 0 var(--space-7) / var(--g) var(--g),linear-gradient(90deg,#ffffff24 1px,transparent 1px) calc(50vw - 50cqw) 0 / var(--g) var(--g),#7477e5;width:100vw;position:absolute;left:calc(50% - 50vw)}.tk-strip-sheet img{width:100%;height:auto;display:block}.tk .tk-band.tk-faces-band{padding-bottom:var(--space-7);z-index:1;background:radial-gradient(560px 480px at 24% 560px,#7376e62e,transparent 72%),radial-gradient(520px 440px at 84% 1250px,#f08ca524,transparent 72%),linear-gradient(180deg,var(--tk-cream) 0,var(--surface) 1500px)}.tk-faces-band .tk-strip-sheet{margin-bottom:0}.tk figcaption{color:var(--ink-muted);margin-top:var(--space-3);font-size:14px;line-height:1.5}.tk-try-buttons{justify-content:center;gap:var(--space-3);margin:var(--space-7) 0 var(--space-4);flex-wrap:wrap;display:flex}.tk-pill{font-family:var(--tk-display);border:2px solid var(--tk-ink);color:var(--tk-ink);cursor:pointer;box-shadow:0 3px 0 var(--tk-ink);border-radius:999px;padding:13px 22px;font-size:17px;font-weight:700;line-height:1;transition:translate .12s,box-shadow .12s}.tk-pill:active{box-shadow:0 1px 0 var(--tk-ink);translate:0 2px}.tk-pill-ask{background:var(--tk-mustard)}.tk-pill-allow{background:var(--tk-teal)}.tk-pill-deny{background:var(--tk-tomato)}.tk-pill-boop{background:var(--tk-pink)}.tk-note{text-align:center;font-family:var(--font-mono);font-size:var(--label-size);font-weight:var(--label-weight);letter-spacing:.04em;color:var(--ink-label);margin:0}.tk-desk-photos{grid-template-columns:repeat(9,minmax(0,1fr));align-items:start;gap:0;display:grid}.tk-desk-photos>.tk-tilt-l{grid-area:1/1/auto/span 5}.tk-desk-photos>.tk-tilt-r{grid-area:1/5/auto/span 5}@media (width>=1100px){.tk-desk-photos{margin-right:min(0px,600px - 50vw)}}.tk-photo{background:var(--tk-cream);border-radius:6px;margin:0;padding:10px 10px 14px;box-shadow:0 20px 40px -20px #0009}.tk-photo img{border-radius:3px;width:100%;height:auto;display:block}.tk-photo figcaption{color:var(--tk-dim);margin-top:8px;font-size:13px}.tk-tilt-l{rotate:-2.5deg}.tk-tilt-r{margin-top:calc(var(--space-10) + var(--space-8));z-index:1;position:relative;rotate:2deg}.tk-principles{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.tk-principle{padding:0}.tk-principle-n{background:var(--tk-mustard);width:36px;height:36px;color:var(--tk-ink);font-family:var(--tk-display);margin-bottom:var(--space-4);border-radius:50%;place-items:center;font-size:18px;font-weight:800;display:inline-grid}.tk-principle-t{font-family:var(--tk-display);color:var(--tk-cream);margin:0 0 var(--space-3);font-size:24px;font-weight:700;line-height:1.2}.tk-principle-d{color:var(--ink-muted);margin:0;font-size:16px;line-height:1.6}.tk .tk-close-line{font-family:var(--tk-display);color:var(--tk-mustard);margin:0;font-size:32px;font-weight:700;line-height:1.2}.tk-mat-light{background-image:linear-gradient(#1d2b530f 1px,#0000 1px),linear-gradient(90deg,#1d2b530f 1px,#0000 1px);background-size:32px 32px}.tk-cards{gap:var(--space-9) 28px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.tk-card{background:var(--tk-cream);border:2px solid var(--tk-navy);padding:var(--space-6);box-shadow:0 4px 0 var(--tk-navy);border-radius:16px;position:relative}.tk-pin{filter:drop-shadow(0 6px 8px #0b153038);width:66px;height:auto;position:absolute;top:-30px;right:-16px;rotate:12deg}.tk-card:nth-child(2n) .tk-pin{rotate:-9deg}.tk-pin-wide{width:124px;top:0;right:-14px;translate:0 -95%}.tk-label+.tk-cards{margin-top:var(--space-8)}.tk-card:nth-child(3n+1){rotate:-1deg}.tk-card:nth-child(3n+2){rotate:.8deg}.tk-card:nth-child(3n){rotate:-.4deg}.tk-card-t{font-family:var(--tk-display);color:var(--tk-navy);margin:0 0 var(--space-3);padding-right:36px;font-size:22px;font-weight:800;line-height:1.2}.tk-card-d{color:var(--tk-dim);margin:0;font-size:16px;line-height:1.6}.tk-timeline{border-left:2px solid var(--tk-navy);margin:0;padding:0;list-style:none}.tk-timeline li{gap:var(--space-4);padding:0 0 var(--space-6) var(--space-6);grid-template-columns:88px minmax(0,1fr) 112px;display:grid;position:relative}.tk-tl-stk{filter:drop-shadow(0 6px 8px #0b153033);grid-column:3;place-self:start center;height:auto;margin-top:-10px;rotate:6deg}.tk-tl-stk-event{width:112px}.tk-tl-stk-face{width:64px}.tk-tl-stk-sym{width:60px}.tk-timeline li:nth-child(2n) .tk-tl-stk{rotate:-7deg}.tk-timeline li:before{content:"";background:var(--tk-tomato);width:12px;height:12px;box-shadow:0 0 0 3px var(--ground-paper);border-radius:50%;position:absolute;top:6px;left:-7px}.tk-when{font-family:var(--font-mono);font-size:var(--label-size);font-weight:var(--label-weight);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-label);margin:3px 0 0}.tk-what{color:var(--ink-muted);max-width:var(--measure);margin:0;font-size:17px;line-height:1.6}.tk-notebook{background:var(--tk-cream);padding:var(--space-6) var(--space-6) var(--space-5);border-radius:10px;position:sticky;top:18vh;rotate:1.2deg;box-shadow:0 20px 40px -24px #0b153073}.tk-notebook-t{font-family:var(--tk-display);color:var(--tk-navy);margin:0 0 var(--space-3);font-size:24px;font-weight:800;line-height:1.3}.tk-notebook ul{margin:0 calc(-1 * var(--space-6));padding:0 var(--space-6) 0 calc(var(--space-6) + 18px);background:repeating-linear-gradient(#0000 0 25px,#3fa2e259 25px 26px,#0000 26px 32px)}.tk-notebook li{color:var(--tk-navy);margin:0;font-size:15px;line-height:32px}.tk-notebook code{color:var(--tk-navy);line-height:0}.tk-gallery{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:24px;display:grid}.tk-shot{margin:0}.tk-shot img{border-radius:12px;width:100%;height:auto;display:block;box-shadow:0 18px 36px -24px #0b153080}.tk-shot-0{grid-area:span 2/1/auto/span 4;rotate:-1.5deg}.tk-shot-1{grid-column:5/span 4}.tk-shot-2{grid-column:9/span 4}.tk-shot-3{grid-column:5/-1}.tk-shot-4{grid-column:1/-1}.tk-mat{background-image:linear-gradient(#ffffff29 1px,#0000 1px),linear-gradient(90deg,#ffffff29 1px,#0000 1px);background-size:40px 40px}.tk .tk-band.tk-mat{background-image:linear-gradient(#ffffff29 1px,transparent 1px),linear-gradient(90deg,#ffffff29 1px,transparent 1px),linear-gradient(180deg,var(--tk-mat) 0,var(--tk-mat) 40%,#a3a5f3 100%);background-size:40px 40px,40px 40px,100% 100%}.tk .tk-on-mat{color:var(--tk-ink)}.tk .tk-heading.tk-on-mat{color:var(--tk-cream);text-shadow:0 3px 0 var(--tk-ink)}.tk-paper{background:var(--tk-cream);padding:var(--space-6);border-radius:14px;box-shadow:0 20px 40px -24px #0b15308c}.tk-paper .tk-prose>p{color:var(--tk-navy)}.tk-scrap{margin:0}.tk-scrap img{border-radius:16px;width:100%;height:auto;display:block;rotate:2deg;box-shadow:0 30px 50px -28px #0b1530b3}.tk-scrap figcaption{font-family:var(--font-mono);font-size:var(--label-size);font-weight:var(--label-weight);letter-spacing:.04em;margin-top:var(--space-5)}.tk-diagram{row-gap:var(--space-4);grid-template-rows:auto 48px auto auto;grid-template-columns:minmax(0,1fr) 120px minmax(0,1fr) 120px minmax(0,1fr);align-items:center;display:grid}.tk-node{font-family:var(--tk-display);color:var(--tk-navy);background:var(--tk-cream);border:2px solid var(--tk-navy);padding:var(--space-5);text-align:center;box-shadow:0 4px 0 var(--tk-navy);border-radius:14px;font-size:20px;font-weight:700;line-height:1.25;position:relative}.tk-n-scrap{grid-area:1/3}.tk-n-code{grid-area:3/1}.tk-n-bridge{grid-area:3/3}.tk .tk-band.tk-how-band{background:linear-gradient(180deg,#dcdcf8,var(--surface))}.tk-diagram{position:relative}@media (width>=808px){.tk-diagram{margin-bottom:var(--space-9)}}.tk-n-toki{justify-items:center;gap:var(--space-3);grid-area:3/5/span 2;width:min(100%,220px);margin-top:calc(min(100%,220px)/-2.04708);display:grid;position:absolute;top:50%;left:0}.tk-bot-mini{max-width:220px}.tk-n-name{font-family:var(--tk-display);color:var(--tk-navy);font-size:24px;font-weight:800;line-height:1}.tk-n-app{grid-area:4/1}.tk-edge{background:repeating-linear-gradient(90deg,var(--tk-navy) 0 8px,transparent 8px 14px);height:2px;position:relative}.tk-edge:after{content:"";border:6px solid #0000;border-left:9px solid var(--tk-navy);border-right:0;position:absolute;top:-5px;right:-2px}.tk-edge-both:before{content:"";border:6px solid #0000;border-right:9px solid var(--tk-navy);border-left:0;position:absolute;top:-5px;left:-2px}.tk-edge span{font-family:var(--font-mono);font-size:var(--label-size);font-weight:var(--label-weight);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-label);white-space:nowrap;position:absolute;bottom:8px;left:50%;translate:-50%}.tk-e-hooks{grid-area:3/2}.tk-e-wifi{grid-area:3/4}.tk-e-ble{grid-area:4/2/auto/span 3}.tk-e-scrap{background:repeating-linear-gradient(180deg,var(--tk-navy) 0 8px,transparent 8px 14px);grid-area:2/3;justify-self:center;width:2px;height:100%}.tk-e-scrap:after{border:6px solid #0000;border-bottom:9px solid var(--tk-navy);border-top:0;top:-2px;left:-5px;right:auto}.tk-node-stk{filter:drop-shadow(0 5px 6px #0b153040);width:54px;height:auto;position:absolute;top:-24px;left:-16px;rotate:-10deg}.tk-stickers{pointer-events:none;z-index:0;position:absolute;inset:0}.tk-stickers-front{z-index:3}.tk-stk{left:var(--x);top:var(--y);width:var(--w);height:auto;rotate:var(--r);z-index:var(--z);pointer-events:auto;filter:drop-shadow(0 10px 12px #0b153033);transition:translate .2s;position:absolute}@media (hover:hover) and (pointer:fine){.tk-stk:hover{translate:0 -6px}}.tk.js .tk-stk{opacity:0;transition:opacity .45s var(--tk-settle),scale .55s cubic-bezier(.34,1.56,.64,1),translate .2s ease;transition-delay:calc(var(--i,0) * 45ms),calc(var(--i,0) * 45ms),0s;scale:.86}.tk.js .tk-stk.is-in{opacity:1;scale:1}.tk-links{gap:var(--space-5);margin:var(--space-6) 0 0;flex-wrap:wrap;display:flex}.tk-links a{font-family:var(--tk-display);align-items:center;gap:6px;font-size:20px;font-weight:700;display:inline-flex}.tk-commands{margin:0 0 var(--space-6);gap:var(--space-3);padding:0;list-style:none;display:grid}.tk-commands li{justify-content:space-between;align-items:center;gap:var(--space-4);background:var(--tk-navy);border-radius:12px;padding:14px 14px 14px 20px;display:flex}.tk-commands code{color:var(--tk-cream);overflow-wrap:anywhere;font-size:16px}.tk-copy{font-family:var(--font-mono);font-size:var(--label-size);font-weight:var(--label-weight);letter-spacing:.04em;text-transform:uppercase;color:var(--tk-ink);background:var(--tk-mustard);cursor:pointer;border:0;border-radius:999px;flex:none;padding:8px 14px}.tk-needs{margin:0 0 var(--space-6);padding:0 0 0 20px}.tk-needs li{color:var(--ink-muted);font-size:17px;line-height:1.7}.tk-caution{color:var(--ink-muted);max-width:var(--measure);padding:var(--space-5);border:2px dashed var(--tk-dim);border-radius:12px;margin:0;font-size:15px;line-height:1.6}.tk-stackchan{margin:0}.tk-stackchan img{width:100%;max-width:300px;height:auto;margin:0 auto;display:block}.tk-stackchan figcaption{text-align:center}.tk-install-band:before{content:"";pointer-events:none;-webkit-mask-composite:source-in;background:#e9dcbf;position:absolute;inset:0;mask-image:url(/images/toki/stackchan-schematic.webp),linear-gradient(90deg,#0000 52%,#000 64%);mask-position:50%,0 0;mask-size:min(1500px,130%),auto;mask-repeat:no-repeat,repeat;mask-clip:border-box,border-box;mask-origin:border-box,border-box;mask-composite:intersect;mask-mode:match-source,match-source}@media (width<=900px){.tk-install-band:before{display:none}}.tk-buy{margin:var(--space-5) 0 0;gap:var(--space-3);text-align:center;justify-items:center;padding:0;list-style:none;display:grid}.tk-buy a{font-family:var(--tk-display);color:var(--ink);text-underline-offset:3px;align-items:center;gap:6px;font-size:18px;font-weight:700;display:inline-flex}.tk-credits{color:var(--ink-muted);max-width:var(--measure);margin:0;font-size:14px;line-height:1.6}.tk.js .tk-reveal{opacity:0;transition:opacity .52s var(--tk-settle),translate .52s var(--tk-settle);transition-delay:calc(var(--i,0) * 60ms);translate:0 16px}.tk.js .tk-reveal.is-in{opacity:1;translate:0}@media (prefers-reduced-motion:reduce){.tk.js .tk-reveal{opacity:1;transition:none;translate:0}.tk.js .tk-stk{opacity:1;transition:none;scale:1}.tk-head{transition:none}.tk-bot.is-nod .tk-head{animation:none}.tk.js .tk-step{transition:none}}.tk-kicker-stk{filter:drop-shadow(0 8px 10px #0b153033);width:92px;height:auto;margin:0 0 0 -84px;display:block;rotate:-8deg}.tk-kicker-mag{display:none}@media (width>=1400px){.tk-kicker-row{align-items:center;display:flex}.tk-kicker-mag{filter:drop-shadow(0 8px 10px #0b153033);width:78px;height:auto;margin:-40px 0 -40px 68px;display:block;rotate:14deg}.tk-kanji{top:-33px;left:-75px}.tk-wordmark{margin-left:-18px;margin-top:calc(var(--space-5) + 7px)}}@media (width<=1399px){.tk-stk-xl,.tk-kicker-stk{display:none}}@media (width>=1400px){.tk-stk{left:var(--x-xl,var(--x));top:var(--y-xl,var(--y))}}@media (width>=1100px) and (width<=1399px){.tk-stk{left:var(--x-md,var(--x));top:var(--y-md,var(--y));width:var(--w-md,var(--w))}.tk-stk-foot-md{left:var(--x-md,var(--x));top:auto;bottom:0}}@media (width<=1099px){.tk-timeline li{grid-template-columns:88px minmax(0,1fr)}.tk-tl-stk{grid-column:2;justify-self:end;margin-top:0}.tk-stk-wide{display:none}.tk-hw{top:calc(55px + 76%);left:-30%}}@media (width<=900px){.tk-grid>*{grid-column:1/-1!important}.tk-cards,.tk-principles{grid-template-columns:1fr 1fr}.tk-notebook{position:static}.tk-hw{width:min(32%,200px);top:63%;left:0}.tk-hero-bot{padding-bottom:var(--space-7)}.tk-story{display:block}.tk-story>*+*{margin-top:var(--space-6)}.tk-story-bot{z-index:2;padding:var(--space-3) 0;position:sticky;top:64px}.tk-story-bot:before{content:"";inset:-12px calc(-1 * var(--gutter));z-index:-1;backdrop-filter:blur(14px);pointer-events:none;position:absolute;mask:linear-gradient(#0000,#000 20px calc(100% - 20px),#0000)}.tk-story-bot .tk-bot{max-width:220px}.tk-sticky{position:static}}@media (width<=807px){.tk .tk-band{padding:var(--space-9) 0}.tk-stk:not(.tk-stk-keep){display:none}.tk-hw{width:150px;margin:-44px 0 0 6px;position:relative;top:auto;left:auto}.tk-hero-bot{padding-bottom:0}.tk-stk{width:calc(var(--w) * .62)}.tk-hero{min-height:0}.tk-tl-stk-event{width:110px}.tk-step-stk{width:44px;height:44px}.tk .tk-heading{font-size:44px}.tk-deck{font-size:23px}.tk-step{min-height:30vh}.tk-step-title{font-size:30px}.tk-cards,.tk-principles,.tk-desk-photos{grid-template-columns:1fr}.tk-tilt-r{margin-top:0}.tk-desk-photos{gap:var(--space-5)}.tk-desk-photos>.tk-tilt-l,.tk-desk-photos>.tk-tilt-r{grid-area:auto}.tk-gallery>*{grid-area:auto/1/auto/-1!important}.tk-diagram{row-gap:var(--space-3);grid-template-rows:none;grid-template-columns:minmax(0,1.3fr) 32px minmax(0,1fr)}.tk-diagram>*{grid-column:1}.tk-n-code{grid-row:1}.tk-e-hooks{grid-row:2}.tk-n-bridge{grid-row:3}.tk-e-wifi{grid-row:4}.tk-n-toki{grid-row:5}.tk-e-ble{grid-row:6}.tk-n-app{grid-row:7}.tk-diagram .tk-n-scrap{padding:var(--space-4) var(--space-3);grid-area:3/3;align-self:center;font-size:16px}.tk-edge{background:repeating-linear-gradient(180deg,var(--tk-navy) 0 8px,transparent 8px 14px);justify-self:center;width:2px;height:36px}.tk-edge:after{border:6px solid #0000;border-top:9px solid var(--tk-navy);border-bottom:0;inset:auto auto -2px -5px}.tk-edge-both:before{border:6px solid #0000;border-bottom:9px solid var(--tk-navy);border-top:0;top:-2px;left:-5px}.tk-edge span{top:50%;bottom:auto;left:14px;translate:0 -50%}.tk-diagram .tk-e-scrap{background:repeating-linear-gradient(90deg,var(--tk-navy) 0 8px,transparent 8px 14px);grid-area:3/2;place-self:center stretch;width:auto;height:2px}.tk-diagram .tk-e-scrap:after{border:6px solid #0000;border-left:9px solid var(--tk-navy);border-right:0;inset:-5px -2px auto auto}.tk-bot-mini{max-width:180px}.tk-diagram .tk-n-toki{justify-self:stretch;width:auto;margin-top:0;position:static}}