:root{--fk-paper: #fbf6ee;--fk-card: #fffefc;--fk-plum: #2b2340;--fk-plum-2: #5f5774;--fk-rule: #e9dfcf;--fk-coral: #ef6a4c;--fk-coral-ink: #b8371f;--fk-on-coral: #fffefc;--fk-sun: #f5c043;--fk-mint: #2fbf9b;--fk-sky: #4b9fe6;--fk-lilac: #9d7df0;--fk-rose: #ee6a9e;--fk-cap: #f3ece0;--fk-cap-side: #d6c9b3;--fk-cap-down: #e8dfcf;--fk-glow: rgba(239, 106, 76, .35);--fk-shade: 0 1px 0 rgba(43, 35, 64, .04), 0 8px 24px -12px rgba(43, 35, 64, .25);--fk-face: ui-rounded, "SF Pro Rounded", "Arial Rounded MT Bold", "Varela Round", Nunito, "Trebuchet MS", "Liberation Sans", Arial, sans-serif;--fk-type: "Cascadia Code", "Fira Code", "Ubuntu Mono", "Lucida Console", "Liberation Mono", monospace;--fk-r: 14px;--fk-r-lg: 22px;--fk-gap: 16px;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body.fk-body{margin:0;background:var(--fk-paper);color:var(--fk-plum);font:17px/1.6 var(--fk-face);overflow-x:hidden}a{color:var(--fk-coral-ink);text-underline-offset:2px}a:hover{text-decoration-thickness:2px}h1,h2,h3{line-height:1.2;letter-spacing:-.01em}h1{font-size:clamp(1.9rem,4.6vw,2.9rem);margin:.3em 0 .25em}h2{font-size:1.45rem;margin:1.8em 0 .5em}h3{font-size:1.12rem;margin:1.4em 0 .4em}p,ul,ol{margin:0 0 1em}img,svg{max-width:100%}:focus-visible{outline:3px solid var(--fk-coral-ink);outline-offset:2px;border-radius:6px}button{font:inherit;color:inherit}.fk-hide{display:none!important}.fk-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.fk-wrap{width:100%;max-width:1080px;margin:0 auto;padding:0 16px}.fk-skip{position:absolute;left:-999px;top:8px;background:var(--fk-card);padding:8px 12px;z-index:10;border-radius:8px}.fk-skip:focus{left:8px}.fk-top{border-bottom:1px solid var(--fk-rule);background:var(--fk-paper)}.fk-top-row{display:flex;align-items:center;gap:12px 20px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}.fk-logo{display:inline-flex;align-items:center;gap:8px;color:var(--fk-plum);text-decoration:none;font-size:1.3rem;font-weight:700;letter-spacing:-.02em}.fk-logo b{color:var(--fk-coral-ink)}.fk-ico-logo{width:32px;height:32px}.fk-trail ol{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-wrap:wrap;gap:4px;font-size:.9rem;color:var(--fk-plum-2)}.fk-trail li+li:before{content:"\203a";margin:0 6px 0 2px}.fk-trail a{color:var(--fk-plum-2)}.fk-lede{font-size:1.12rem;color:var(--fk-plum-2);max-width:46em}.fk-cap{-webkit-appearance:none;appearance:none;cursor:pointer;user-select:none;-webkit-user-select:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 16px;border:0;border-radius:12px;background:var(--fk-cap);color:var(--fk-plum);font-weight:600;box-shadow:inset 0 -4px 0 var(--fk-cap-side),0 1px 2px #00000014;transition:transform 60ms ease,box-shadow 60ms ease;touch-action:manipulation}.fk-cap:active,.fk-cap.fk-is-down{transform:translateY(2px);box-shadow:inset 0 -2px 0 var(--fk-cap-side)}.fk-cap[disabled]{opacity:.5;cursor:default}.fk-cap--hot{background:var(--fk-coral-ink);color:var(--fk-on-coral);box-shadow:inset 0 -4px #00000040}.fk-cap--hot:active,.fk-cap--hot.fk-is-down{box-shadow:inset 0 -2px #00000040}.fk-cap[aria-pressed=true]{background:var(--fk-plum);color:var(--fk-paper);box-shadow:inset 0 -4px #00000059}.fk-choice{border:0;padding:0;margin:0 0 12px;min-width:0}.fk-choice legend{font-weight:700;font-size:.95rem;margin-bottom:6px;padding:0}.fk-choice-row{display:flex;flex-wrap:wrap;gap:8px}.fk-choice input{position:absolute;opacity:0;width:1px;height:1px}.fk-choice label{cursor:pointer;display:inline-flex;flex-direction:column;min-height:44px;justify-content:center;padding:6px 14px;border-radius:12px;background:var(--fk-cap);box-shadow:inset 0 -4px 0 var(--fk-cap-side);font-weight:600;line-height:1.25}.fk-choice label small{font-weight:400;font-size:.8rem;color:var(--fk-plum-2)}.fk-choice input:checked+label{background:var(--fk-plum);color:var(--fk-paper);box-shadow:inset 0 -4px #00000059}.fk-choice input:checked+label small{color:var(--fk-paper);opacity:.8}.fk-choice input:focus-visible+label{outline:3px solid var(--fk-coral-ink);outline-offset:2px}.fk-stage{background:var(--fk-card);border-radius:var(--fk-r-lg);padding:18px;box-shadow:var(--fk-shade);border:1px solid var(--fk-rule);margin:18px 0 8px}.fk-stage-head{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between;margin-bottom:12px}.fk-stats{display:flex;flex-wrap:wrap;gap:6px 18px;margin:10px 0 0;padding:0;list-style:none;color:var(--fk-plum-2);font-size:.95rem}.fk-stats b{color:var(--fk-plum);font-variant-numeric:tabular-nums;font-family:var(--fk-type)}.fk-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.fk-note{font-size:.9rem;color:var(--fk-plum-2)}.fk-soundbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:10px 12px;border-radius:var(--fk-r);background:var(--fk-cap)}.fk-soundbar label{display:inline-flex;align-items:center;gap:8px;font-size:.95rem}.fk-soundbar output{font-family:var(--fk-type);min-width:3ch;text-align:right}.fk-soundbar .fk-cap{min-height:40px;padding:6px 12px;background:var(--fk-card)}.fk-soundbar .fk-cap[aria-pressed=true]{background:var(--fk-plum)}.fk-iosnote{flex-basis:100%;margin:0;font-size:.85rem;color:var(--fk-plum-2)}input[type=range].fk-range{accent-color:var(--fk-coral-ink);width:clamp(96px,30vw,150px);min-height:32px}.fk-check{display:inline-flex;align-items:center;gap:8px;min-height:40px;cursor:pointer}.fk-check input{width:20px;height:20px;accent-color:var(--fk-coral-ink)}.fk-article{max-width:46em}.fk-article li{margin-bottom:.4em}.fk-table-wrap{overflow-x:auto;margin:0 0 1.2em}.fk-table{border-collapse:collapse;width:100%;font-size:.95rem}.fk-table th,.fk-table td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--fk-rule);vertical-align:top}.fk-table th{font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;color:var(--fk-plum-2)}.fk-faq{max-width:46em;margin-top:2em}.fk-faq-item{border-bottom:1px solid var(--fk-rule);padding:4px 0}.fk-faq-item summary{cursor:pointer;font-weight:700;padding:10px 0;list-style-position:outside}.fk-faq-a{padding:0 0 10px;color:var(--fk-plum-2)}.fk-faq-a p:last-child{margin-bottom:0}.fk-cite{font-size:.92em}.fk-cite-date{font-size:.8em;color:var(--fk-plum-2)}.fk-fine{font-size:.88rem;color:var(--fk-plum-2);border-left:4px solid var(--fk-sun);padding:6px 12px;margin:1.6em 0;max-width:46em}.fk-hero{display:grid;gap:20px;padding:26px 0 8px}.fk-hero h1{margin-top:0}.fk-cards{list-style:none;padding:0;margin:10px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:14px}.fk-card{display:grid;grid-template-columns:52px minmax(0,1fr);gap:4px 14px;align-items:start;height:100%;padding:16px;border-radius:var(--fk-r-lg);background:var(--fk-card);border:1px solid var(--fk-rule);color:var(--fk-plum);text-decoration:none;box-shadow:var(--fk-shade);transition:transform .12s ease}.fk-card:hover{transform:translateY(-2px)}.fk-card .fk-ico{width:52px;height:52px;grid-row:span 2}.fk-card strong{font-size:1.08rem}.fk-card span{font-size:.93rem;color:var(--fk-plum-2)}.fk-tint-coral{color:var(--fk-coral)}.fk-tint-sun{color:var(--fk-sun)}.fk-tint-mint{color:var(--fk-mint)}.fk-tint-sky{color:var(--fk-sky)}.fk-tint-lilac{color:var(--fk-lilac)}.fk-tint-rose{color:var(--fk-rose)}.fk-card strong,.fk-card span{color:inherit}.fk-card strong{color:var(--fk-plum)}.fk-card span{color:var(--fk-plum-2)}.fk-ico{display:block}.fk-foot{margin-top:56px;border-top:1px solid var(--fk-rule);padding:22px 0 36px;font-size:.92rem;color:var(--fk-plum-2)}.fk-foot-links{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px 18px}.fk-foot-links a{color:var(--fk-plum-2);display:inline-block;padding:6px 0}.fk-typebox{width:100%;min-height:110px;resize:vertical;padding:12px 14px;border-radius:var(--fk-r);border:2px solid var(--fk-rule);background:var(--fk-paper);color:var(--fk-plum);font:1.05rem/1.5 var(--fk-type)}.fk-typebox:focus{border-color:var(--fk-coral-ink);outline:none;box-shadow:0 0 0 4px var(--fk-glow)}.fk-board{margin:14px 0 0;padding:10px;border-radius:18px;background:var(--fk-plum);display:grid;grid-template-columns:repeat(60,minmax(0,1fr));gap:5px 4px;touch-action:manipulation;user-select:none;-webkit-user-select:none}.fk-board[data-board=thock]{background:#3a2f52}.fk-board[data-board=clack]{background:#6b6480}.fk-key{height:clamp(28px,7vw,46px);border-radius:7px;background:var(--fk-cap);color:var(--fk-plum);box-shadow:inset 0 -4px 0 var(--fk-cap-side);display:flex;align-items:center;justify-content:center;font:600 clamp(9px,2.2vw,13px)/1 var(--fk-face);cursor:pointer;overflow:hidden;white-space:nowrap;transition:transform 40ms ease,box-shadow 40ms ease,background 80ms ease}.fk-key.fk-is-down{transform:translateY(2px);box-shadow:inset 0 -1px 0 var(--fk-cap-side);background:var(--fk-sun);color:#2b2340}.fk-key--accent{background:var(--fk-coral);color:#2b2340}.fk-board-hint{margin:8px 0 0}.fk-swgrid{list-style:none;padding:0;margin:0;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}.fk-swcard{background:var(--fk-paper);border:1px solid var(--fk-rule);border-radius:var(--fk-r-lg);padding:14px}.fk-swcard.fk-is-playing{border-color:var(--fk-coral-ink);box-shadow:0 0 0 4px var(--fk-glow)}.fk-swcard h3{margin-top:0}.fk-swcard .fk-row{margin-top:10px}.fk-swcard .fk-cap{min-height:40px;padding:6px 12px;font-size:.93rem}.fk-sheet{display:grid;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:6px;padding:12px;border-radius:16px;touch-action:pan-y;user-select:none;-webkit-user-select:none;background:linear-gradient(180deg,#4b9fe61f,#4b9fe60d);border:1px solid var(--fk-rule)}.fk-sheet--mini{grid-template-columns:repeat(auto-fill,minmax(42px,1fr))}.fk-bub{-webkit-appearance:none;appearance:none;border:0;padding:0;cursor:pointer;aspect-ratio:1;width:100%;border-radius:50%;background:radial-gradient(circle at 34% 30%,#fffffff2 0 14%,#ffffff59 15% 38%,#4b9fe638 39% 100%);box-shadow:inset 0 -3px 6px #2b234029,0 2px 4px #2b23401f;transition:transform 80ms ease}.fk-bub:hover{transform:scale(1.04)}.fk-bub.fk-is-popped{background:radial-gradient(circle at 50% 50%,#4b9fe60f 0 55%,#4b9fe62e 56% 100%);box-shadow:inset 0 2px 4px #2b23402e;transform:scale(.9);cursor:default}.fk-spinbox{display:grid;place-items:center}.fk-spin-stage{position:relative;width:min(82vw,380px);aspect-ratio:1;border-radius:50%;touch-action:none;cursor:grab;background:radial-gradient(circle,var(--fk-cap) 0 62%,transparent 63%);user-select:none;-webkit-user-select:none}.fk-spin-stage:active{cursor:grabbing}.fk-spin-rotor{position:absolute;inset:4%;will-change:transform}.fk-spin-rotor svg{width:100%;height:100%;display:block}.fk-spin-blur{position:absolute;inset:4%;border-radius:50%;pointer-events:none;opacity:0;background:radial-gradient(circle,transparent 0 13%,var(--fk-sun) 14% 66%,transparent 67%)}.fk-rpm{font:700 2.2rem/1 var(--fk-type);text-align:center;margin:12px 0 0;font-variant-numeric:tabular-nums}.fk-rpm small{font-size:.9rem;font-weight:400;color:var(--fk-plum-2)}.fk-popit-wrap{perspective:900px;display:grid;place-items:center}.fk-popit{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:16px;width:min(100%,440px);border-radius:28px;background:var(--fk-cap);box-shadow:var(--fk-shade);transition:transform .52s cubic-bezier(.3,.7,.3,1);transform-style:preserve-3d;touch-action:manipulation}.fk-popit.fk-is-flipping{transform:rotateY(180deg)}.fk-dome{-webkit-appearance:none;appearance:none;border:0;padding:0;aspect-ratio:1;width:100%;border-radius:50%;cursor:pointer;background:var(--fk-dome);box-shadow:inset 0 -5px #0000002e,inset 0 4px 6px #ffffff80,0 3px #0000001f;transition:transform 90ms ease,box-shadow 90ms ease}.fk-dome.fk-is-popped{transform:scale(.93);box-shadow:inset 0 5px 8px #00000047,inset 0 -2px 2px #ffffff4d}.fk-dome[data-row="0"]{--fk-dome: var(--fk-coral)}.fk-dome[data-row="1"]{--fk-dome: #f39a4a}.fk-dome[data-row="2"]{--fk-dome: var(--fk-sun)}.fk-dome[data-row="3"]{--fk-dome: var(--fk-mint)}.fk-dome[data-row="4"]{--fk-dome: var(--fk-sky)}.fk-dome[data-row="5"]{--fk-dome: var(--fk-lilac)}.fk-clickers{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}.fk-clicker{background:var(--fk-paper);border:1px solid var(--fk-rule);border-radius:var(--fk-r-lg);padding:14px;text-align:center}.fk-clicker h3{margin:0 0 8px}.fk-clicker button{-webkit-appearance:none;appearance:none;border:0;background:none;padding:0;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none}.fk-clicker svg{width:100%;max-width:220px;height:auto;display:block;margin:0 auto}.fk-pen-plunger,.fk-pen-tip,.fk-tog-bat,.fk-rock-face,.fk-push-cap{transition:transform 70ms ease}.fk-pen.fk-is-down .fk-pen-plunger{transform:translate(10px)}.fk-pen[aria-pressed=true] .fk-pen-tip{transform:translate(-14px)}.fk-tog[aria-checked=true] .fk-tog-bat{transform:rotate(32deg)}.fk-tog .fk-tog-bat{transform:rotate(-32deg);transform-origin:60px 70px}.fk-rock .fk-rock-face{transform-origin:60px 50px;transform:skewY(-8deg)}.fk-rock[aria-checked=true] .fk-rock-face{transform:skewY(8deg)}.fk-rock-lamp{transition:fill 80ms ease;fill:#7d7590}.fk-rock[aria-checked=true] .fk-rock-lamp{fill:var(--fk-coral)}.fk-push.fk-is-down .fk-push-cap{transform:translateY(6px)}.fk-knobs{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}.fk-knob-box{background:var(--fk-paper);border:1px solid var(--fk-rule);border-radius:var(--fk-r-lg);padding:14px;text-align:center}.fk-knob-box h3{margin:0 0 8px}.fk-knob{width:min(60vw,200px);aspect-ratio:1;margin:0 auto;border-radius:50%;touch-action:none;cursor:grab;position:relative}.fk-knob svg{width:100%;height:100%;display:block}.fk-knob:focus-visible{outline-offset:6px;border-radius:50%}.fk-knob-dial{transition:transform 40ms linear;transform-origin:100px 100px}.fk-knob-val{font:700 1.6rem/1 var(--fk-type);margin:10px 0 0;font-variant-numeric:tabular-nums}.fk-notch{width:100%;max-width:280px;accent-color:var(--fk-coral-ink);height:40px}.fk-wheel{width:90px;height:180px;margin:0 auto;border-radius:45px;touch-action:none;cursor:ns-resize;overflow:hidden;position:relative;background:var(--fk-plum)}.fk-wheel-ridges{position:absolute;inset:-40px 10px;background:repeating-linear-gradient(180deg,var(--fk-cap) 0 6px,var(--fk-cap-side) 6px 12px);border-radius:30px}.fk-noise-play{min-width:160px;min-height:56px;font-size:1.1rem}.fk-noise-viz{height:64px;margin:14px 0 6px;border-radius:12px;background:var(--fk-cap);overflow:hidden;position:relative}.fk-noise-viz span{position:absolute;bottom:0;width:6%;background:var(--fk-sky);border-radius:6px 6px 0 0;transition:height .24s ease}select.fk-select{font:inherit;min-height:44px;padding:6px 10px;border-radius:10px;border:2px solid var(--fk-rule);background:var(--fk-card);color:var(--fk-plum)}@media(prefers-reduced-motion:reduce){.fk-card,.fk-cap,.fk-key,.fk-bub,.fk-dome,.fk-popit{transition:none}}@media(min-width:760px){.fk-hero{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center}.fk-stage{padding:24px}}.fk-w4{grid-column:span 4}.fk-w5{grid-column:span 5}.fk-w6{grid-column:span 6}.fk-w7{grid-column:span 7}.fk-w8{grid-column:span 8}.fk-w9{grid-column:span 9}.fk-w11{grid-column:span 11}.fk-w25{grid-column:span 25}.fk-board.fk-is-shift [data-code^=Shift]{background:var(--fk-sun);color:#2b2340}.fk-stage>.fk-soundbar{margin-bottom:16px}.fk-asmr-paper{min-height:9.5em;max-height:14em;overflow:hidden;margin:14px 0 6px;padding:14px 16px;border-radius:var(--fk-r);background:var(--fk-paper);border:1px dashed var(--fk-rule);font:1rem/1.6 var(--fk-type);white-space:pre-wrap;word-break:break-word;display:flex;flex-direction:column;justify-content:flex-end;color:var(--fk-plum-2)}.fk-asmr-paper:after{content:"\258d";color:var(--fk-coral-ink);animation:fk-blink 1s steps(1) infinite}@keyframes fk-blink{50%{opacity:0}}@media(prefers-reduced-motion:reduce){.fk-asmr-paper:after{animation:none}}.fk-mt{margin-top:12px}.fk-bub.fk-is-popped.fk-is-settle{animation:fk-settle-bub .18s ease-out}.fk-dome.fk-is-popped.fk-is-settle{animation:fk-settle-dome .18s ease-out}@keyframes fk-settle-bub{0%{transform:scale(.9)}45%{transform:scale(.8)}to{transform:scale(.9)}}@keyframes fk-settle-dome{0%{transform:scale(.93)}45%{transform:scale(.86)}to{transform:scale(.93)}}@media(prefers-reduced-motion:reduce){.fk-is-settle{animation:none!important}}.fk-facts{max-width:46em;margin:26px 0 8px;padding:16px 18px 6px;border-radius:var(--fk-r);background:var(--fk-card);border:1px solid var(--fk-rule);border-left:6px solid var(--fk-mint)}.fk-facts h2{margin-top:.2em}.fk-facts h3{font-size:1rem;margin:1.1em 0 .3em}.fk-answer{font-size:1.08rem}.fk-sources{padding-left:1.2em;font-size:.93rem}.fk-updated{font-size:.88rem;color:var(--fk-plum-2)}.fk-more{margin-top:2.4em}.fk-formula{font-family:var(--fk-type);font-size:.95em;background:var(--fk-cap);padding:1px 6px;border-radius:6px;overflow-wrap:anywhere}.fk-noise-tip{margin:8px 0 14px}:root{--fk-chip: 92px;--fk-vh: 100vh;--fk-aw: calc(100vw - 28px) ;--fk-ah: calc(var(--fk-vh) - var(--fk-chip) - 74px)}@supports (height: 100dvh){:root{--fk-vh: 100dvh}}@media(max-height:520px){:root{--fk-chip: 72px}}:root{--fk-kc-red: #f2654b;--fk-kc-orange: #f99b3c;--fk-kc-yellow: #f8c93a;--fk-kc-green: #3fbf7f;--fk-kc-blue: #45a3ea;--fk-kc-purple: #9a78ee;--fk-kc-pink: #f36fa6;--fk-kc-wood: #c98a4b;--fk-kc-ink: #2b2340;--fk-kc-paper: #fffaf2;--fk-kc-night: #2d2a5a;--fk-kid-bg: #fff6e8;--fk-kid-play: #fff1dc;--fk-kid-card: #fffdf8;--fk-kid-text: #2b2340;--fk-kid-chip: #fffdf8;--fk-kid-chip-ink: #2b2340;--fk-kid-chip-on: #b8371f;--fk-kid-chip-on-ink: #fffdf8;--fk-kid-dot: rgba(43, 35, 64, .06)}.fk-art{display:block;width:100%;height:100%}.fk-toygrid{list-style:none;margin:0;padding:0;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.fk-toygrid--box{grid-template-columns:repeat(auto-fill,minmax(min(140px,calc(50% - 8px)),1fr))}.fk-toygrid--box>li{min-width:0}.fk-toygrid--small{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.fk-toycard{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:150px;aspect-ratio:1 / 1.06;padding:12px 10px 14px;border-radius:30px;text-decoration:none;color:var(--fk-kid-text);background:var(--fk-kid-card);touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transition:transform .12s ease}.fk-toycard:active{transform:scale(.95)}.fk-toycard--small{min-height:120px;border-radius:24px}.fk-toycard-art{width:72%;flex:1 1 auto;display:grid;place-items:center;min-height:0}.fk-toycard-art .fk-art{max-height:100%}.fk-toycard-name{font:800 1.15rem/1.1 var(--fk-face);text-align:center;letter-spacing:-.01em}.fk-toycard--small .fk-toycard-name{font-size:1rem}.fk-toycard--soon{opacity:.55;filter:saturate(.6)}.fk-toycard{box-shadow:inset 0 -9px 0 var(--fk-lip, var(--fk-kc-blue)),0 10px 22px -14px #2b234073;border:2px solid rgba(43,35,64,.06)}.fk-toycard:active{box-shadow:inset 0 -4px 0 var(--fk-lip, var(--fk-kc-blue)),0 4px 10px -8px #2b234073}.fk-toycard[data-tint=coral]{--fk-lip: var(--fk-kc-red)}.fk-toycard[data-tint=sun]{--fk-lip: var(--fk-kc-yellow)}.fk-toycard[data-tint=mint]{--fk-lip: var(--fk-kc-green)}.fk-toycard[data-tint=sky]{--fk-lip: var(--fk-kc-blue)}.fk-toycard[data-tint=lilac]{--fk-lip: var(--fk-kc-purple)}.fk-toycard[data-tint=rose]{--fk-lip: var(--fk-kc-pink)}.fk-chip{-webkit-appearance:none;appearance:none;border:0;cursor:pointer;display:grid;place-items:center;width:var(--fk-chip);height:var(--fk-chip);border-radius:50%;padding:calc(var(--fk-chip) * .21);color:var(--fk-kid-chip-ink);background:var(--fk-kid-chip);box-shadow:0 6px #0000001f,0 12px 24px -12px #00000073;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transition:transform 90ms ease}.fk-chip svg{width:100%;height:100%}.fk-chip--mute,.fk-kidtop .fk-chip{grid-template-rows:minmax(0,1fr) auto;padding:calc(var(--fk-chip) * .17) calc(var(--fk-chip) * .12) calc(var(--fk-chip) * .13);row-gap:2px}.fk-chip--mute .fk-ico-on,.fk-kidtop .fk-chip .fk-ico-on{display:block}.fk-chip--mute .fk-ico-on,.fk-chip--mute .fk-ico-off,.fk-kidtop .fk-chip .fk-ico-on,.fk-kidtop .fk-chip .fk-ico-off{height:100%;min-height:0;aspect-ratio:1}.fk-chip--mute[aria-pressed=true] .fk-ico-on,.fk-kidtop .fk-chip[aria-pressed=true] .fk-ico-on{display:none}.fk-chip-label{font:800 calc(var(--fk-chip) * .135)/1 var(--fk-face);white-space:nowrap;letter-spacing:-.01em}.fk-chip:active{transform:translateY(3px) scale(.96)}.fk-chip[aria-pressed=true]{background:var(--fk-kid-chip-on);color:var(--fk-kid-chip-on-ink)}.fk-chip .fk-ico-off,.fk-chip[aria-pressed=true] .fk-ico-on{display:none}.fk-chip[aria-pressed=true] .fk-ico-off{display:block}.fk-body.fk-homepage{background:var(--fk-kid-bg)}.fk-kidtop{display:flex;align-items:center;gap:14px;padding:max(14px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left))}.fk-kidtop .fk-logo{font-size:1.5rem;color:var(--fk-kid-text)}.fk-kidtop .fk-logo b{color:var(--fk-kc-red)}.fk-kidtop .fk-ico-logo{width:44px;height:44px}.fk-kidtop-line{flex:1 1 auto;min-width:0;margin:0;font:800 clamp(1.15rem,2.6vw,1.7rem)/1.15 var(--fk-face);color:var(--fk-kid-text);letter-spacing:-.01em}.fk-kidtop .fk-chip{--fk-chip: 96px;flex:0 0 auto}@media(max-height:520px){.fk-kidtop .fk-chip{--fk-chip: 72px}}.fk-toybox{padding:6px max(16px,env(safe-area-inset-right)) 28px max(16px,env(safe-area-inset-left))}.fk-first{display:flex;flex-direction:column;min-height:var(--fk-vh)}.fk-first .fk-toybox{flex:1 1 auto}@media(min-width:600px)and (min-height:600px){.fk-first .fk-toybox{display:grid;place-items:center}@supports (container-type: size){.fk-first{height:var(--fk-vh)}.fk-first .fk-toybox{flex:1 1 0;min-height:0;container:fk-box / size}.fk-toygrid--box{--fk-hc: 2;--fk-hr: 7;--fk-hg: 16px;--fk-hw: max(60px, min(calc((100cqw - (var(--fk-hc) - 1) * var(--fk-hg)) / var(--fk-hc)), calc((100cqh - (var(--fk-hr) - 1) * var(--fk-hg)) / var(--fk-hr) / 1.06)));display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:var(--fk-hg);width:calc(var(--fk-hc) * var(--fk-hw) + (var(--fk-hc) - 1) * var(--fk-hg) + 1px)}.fk-toygrid--box>li{flex:0 0 var(--fk-hw);width:var(--fk-hw)}.fk-toygrid--box .fk-toycard{min-height:0;border-radius:calc(var(--fk-hw) * .15);padding:8% 4px 11%}.fk-toygrid--box .fk-toycard-name{font-size:clamp(.78rem,calc(var(--fk-hw) * .118),1.6rem)}@container fk-box (min-aspect-ratio: 404 / 1000){.fk-toygrid--box{--fk-hc: 3;--fk-hr: 5}}@container fk-box (min-aspect-ratio: 755 / 1000){.fk-toygrid--box{--fk-hc: 4;--fk-hr: 4}}@container fk-box (min-aspect-ratio: 1180 / 1000){.fk-toygrid--box{--fk-hc: 5;--fk-hr: 3}}@container fk-box (min-aspect-ratio: 2200 / 1000){.fk-toygrid--box{--fk-hc: 7;--fk-hr: 2}}}}.fk-toybox h2{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.fk-desk{padding:4px 0 8px}.fk-desk h2{font-size:1.05rem;margin:18px 0 10px;color:var(--fk-kid-text);opacity:.8}.fk-desk .fk-toygrid{grid-template-columns:repeat(auto-fill,minmax(110px,140px))}.fk-homegrown{border-top:2px dashed var(--fk-rule);padding-top:8px}@media(max-width:520px){.fk-kidtop-line{font-size:.95rem}.fk-kidtop .fk-logo span{display:none}}.fk-body.fk-kidpage{background:var(--fk-kid-bg)}.fk-play{position:relative;height:calc(var(--fk-vh) - 34px);overflow:hidden;background-color:var(--fk-kid-play);background-image:radial-gradient(var(--fk-kid-dot) 2px,transparent 2.5px);background-size:28px 28px;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none;overscroll-behavior:none}.fk-play .fk-chip{touch-action:none}.fk-playbar{position:absolute;z-index:5;left:0;right:0;top:0;display:flex;gap:12px;align-items:center;pointer-events:none;padding:max(12px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) 0 max(14px,env(safe-area-inset-left))}.fk-playbar>*{pointer-events:auto}.fk-playbar-gap{flex:1 1 auto;pointer-events:none}.fk-play-title{position:absolute;z-index:4;top:max(30px,calc(env(safe-area-inset-top) + 18px));left:50%;transform:translate(-50%);margin:0;padding:6px 16px;border-radius:999px;font:800 1.1rem/1.2 var(--fk-face);white-space:nowrap;color:var(--fk-kid-text);background:color-mix(in srgb,var(--fk-kid-play) 80%,transparent);pointer-events:none;max-width:calc(100% - 4 * var(--fk-chip) - 80px);overflow:hidden;text-overflow:ellipsis}@media(max-width:560px){.fk-play-title{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0)}}.fk-play-area{position:absolute;inset:0;padding:calc(max(12px,env(safe-area-inset-top)) + var(--fk-chip) + 14px) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));touch-action:none;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.fk-hint{position:absolute;z-index:6;left:50%;top:58%;transform:translate(-50%,-42px);display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:none;transition:opacity .3s ease}.fk-hint-hand{display:block;width:84px;height:84px;animation:fk-hint-tap 1.6s ease-in-out infinite;transition:opacity .25s ease}.fk-hint-hand svg{width:100%;height:100%;filter:drop-shadow(0 6px 8px rgba(0,0,0,.25))}.fk-hint-text{display:none;padding:8px 18px;border-radius:999px;font:800 1.3rem/1.2 var(--fk-face);white-space:nowrap;color:var(--fk-kid-text);background:#fffdf8f0;box-shadow:0 8px 18px -10px #2b234080}.fk-hint--new .fk-hint-text{display:block}.fk-touching .fk-hint-hand{opacity:0;animation:none}.fk-touched .fk-hint{opacity:0}@keyframes fk-hint-tap{0%,to{transform:translate(8px,10px) scale(1)}45%{transform:translate(0) scale(1)}55%{transform:translate(0) scale(.86)}65%{transform:translate(0) scale(1)}}.fk-spark{position:absolute;z-index:7;width:54px;height:54px;margin:-27px 0 0 -27px;pointer-events:none;border-radius:50%;border:5px solid var(--fk-kc-yellow);animation:fk-spark .42s ease-out forwards}@keyframes fk-spark{0%{transform:scale(.3);opacity:.95}to{transform:scale(1.35);opacity:0}}.fk-grown-tag{margin:0;height:34px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:.85rem;font-weight:700;color:var(--fk-kid-text);opacity:.75;touch-action:pan-y}.fk-grown-tag:after{content:"";width:9px;height:9px;margin-top:-5px;border-right:3px solid currentColor;border-bottom:3px solid currentColor;transform:rotate(45deg)}.fk-grown{padding-bottom:10px}.fk-alltoys{display:inline-flex;align-items:center;gap:8px;margin-left:auto;min-height:48px;padding:6px 16px;border-radius:999px;font-weight:700;text-decoration:none;color:var(--fk-plum);background:var(--fk-cap);box-shadow:inset 0 -3px 0 var(--fk-cap-side)}.fk-alltoys svg{width:26px;height:26px}@keyframes fk-spark-calm{0%{opacity:.8}to{opacity:0}}@media(prefers-reduced-motion:reduce){.fk-hint-hand{animation:none}.fk-spark{animation:fk-spark-calm .3s linear forwards}.fk-toycard,.fk-chip{transition:none}}.fk-sheet--kid{--cols: 10;--rows: 6;--gap: 12px;container-type:size;width:100%;height:100%;display:grid;gap:var(--gap);grid-template-columns:repeat(var(--cols),auto);grid-auto-rows:auto;justify-content:center;align-content:center;padding:0;border:0;border-radius:30px;background:none;touch-action:none}.fk-sheet--kid .fk-bub{--b: min(calc((var(--fk-aw) - (var(--cols) - 1) * var(--gap)) / var(--cols)), calc((var(--fk-ah) - (var(--rows) - 1) * var(--gap)) / var(--rows)));width:var(--b);height:var(--b);aspect-ratio:auto}@supports (width: 1cqw){.fk-sheet--kid .fk-bub{--b: min(calc((100cqw - (var(--cols) - 1) * var(--gap)) / var(--cols)), calc((100cqh - (var(--rows) - 1) * var(--gap)) / var(--rows)))}}.fk-sheet--kid .fk-bub:nth-child(n+61){display:none}@media(orientation:portrait)and (min-width:601px){.fk-sheet--kid{--cols: 7;--rows: 9}.fk-sheet--kid .fk-bub:nth-child(n+61){display:block}}@media(orientation:portrait)and (min-width:601px)and (max-height:830px){.fk-sheet--kid{--rows: 8}.fk-sheet--kid .fk-bub:nth-child(n+57){display:none}}@media(orientation:portrait)and (max-width:600px){.fk-sheet--kid{--cols: 4;--rows: 7;--gap: 10px}.fk-sheet--kid .fk-bub:nth-child(n+29){display:none}}@media(orientation:portrait)and (max-width:600px)and (max-height:700px){.fk-sheet--kid{--rows: 6}.fk-sheet--kid .fk-bub:nth-child(n+25){display:none}}@media(orientation:portrait)and (max-width:600px)and (max-height:610px){.fk-sheet--kid{--rows: 5}.fk-sheet--kid .fk-bub:nth-child(n+21){display:none}}@media(orientation:landscape)and (max-height:520px){.fk-sheet--kid{--cols: 8;--rows: 3;--gap: 10px}.fk-sheet--kid .fk-bub:nth-child(n+25){display:none}}@supports not (container-type: size){@media(orientation:landscape)and (max-height:365px){.fk-sheet--kid{--rows: 2}.fk-sheet--kid .fk-bub:nth-child(n+17){display:none}}}@supports (container-type: size){.fk-play-area{container:fk-area / size}@media(orientation:landscape)and (max-height:520px){@container fk-area (max-height: 215px){.fk-sheet--kid{--rows: 2}.fk-sheet--kid .fk-bub:nth-child(n+17){display:none}}}}.fk-sheet--kid.fk-fit .fk-bub{display:block}.fk-sheet--kid.fk-fit .fk-bub[hidden]{display:none}.fk-popit-box{container:fk-pop / size;width:100%;height:100%;display:grid;place-items:center;perspective:1400px}.fk-popit--kid{--c: 6;--r: 6;--g: 12px;--p: 18px;--d: min(calc((var(--fk-aw) - 2 * var(--p) - (var(--c) - 1) * var(--g)) / var(--c)), calc((var(--fk-ah) - 2 * var(--p) - (var(--r) - 1) * var(--g)) / var(--r)));width:auto;grid-template-columns:repeat(var(--c),var(--d));gap:var(--g);padding:var(--p);border-radius:calc(var(--d) * .42);background:#f4ecff;box-shadow:inset 0 -8px #2b234014,0 18px 32px -18px #2b234073;touch-action:none}@supports (width: 1cqw){.fk-popit--kid{--d: min(calc((100cqw - 2 * var(--p) - (var(--c) - 1) * var(--g)) / var(--c)), calc((100cqh - 2 * var(--p) - (var(--r) - 1) * var(--g)) / var(--r)))}}.fk-popit--kid.fk-is-back{background:#e9f6ff}.fk-popit--kid .fk-dome{width:var(--d);height:var(--d);touch-action:none;-webkit-tap-highlight-color:transparent}.fk-popit--kid .fk-dome.fk-is-popped{transform:scale(.9)}.fk-popit--kid .fk-dome.fk-is-popped.fk-is-settle{animation:fk-settle-kdome .18s ease-out}@keyframes fk-settle-kdome{0%{transform:scale(.9)}45%{transform:scale(.8)}to{transform:scale(.9)}}.fk-popit--kid .fk-dome:nth-child(n+1):nth-child(-n+6){--fk-dome: var(--fk-kc-red)}.fk-popit--kid .fk-dome:nth-child(n+7):nth-child(-n+12){--fk-dome: var(--fk-kc-orange)}.fk-popit--kid .fk-dome:nth-child(n+13):nth-child(-n+18){--fk-dome: var(--fk-kc-yellow)}.fk-popit--kid .fk-dome:nth-child(n+19):nth-child(-n+24){--fk-dome: var(--fk-kc-green)}.fk-popit--kid .fk-dome:nth-child(n+25):nth-child(-n+30){--fk-dome: var(--fk-kc-blue)}.fk-popit--kid .fk-dome:nth-child(n+31):nth-child(-n+36){--fk-dome: var(--fk-kc-purple)}@container fk-pop (orientation: portrait) and (max-width: 600px){.fk-popit--kid{--c: 4;--r: 6;--g: 10px;--p: 12px}.fk-popit--kid .fk-dome:nth-child(n+25){display:none}.fk-popit--kid .fk-dome:nth-child(n+1):nth-child(-n+4){--fk-dome: var(--fk-kc-red)}.fk-popit--kid .fk-dome:nth-child(n+5):nth-child(-n+8){--fk-dome: var(--fk-kc-orange)}.fk-popit--kid .fk-dome:nth-child(n+9):nth-child(-n+12){--fk-dome: var(--fk-kc-yellow)}.fk-popit--kid .fk-dome:nth-child(n+13):nth-child(-n+16){--fk-dome: var(--fk-kc-green)}.fk-popit--kid .fk-dome:nth-child(n+17):nth-child(-n+20){--fk-dome: var(--fk-kc-blue)}.fk-popit--kid .fk-dome:nth-child(n+21):nth-child(-n+24){--fk-dome: var(--fk-kc-purple)}}@container fk-pop (orientation: portrait) and (max-width: 330px){.fk-popit--kid{--c: 3;--r: 6;--g: 10px;--p: 12px}.fk-popit--kid .fk-dome:nth-child(n+19){display:none}.fk-popit--kid .fk-dome:nth-child(n+1):nth-child(-n+3){--fk-dome: var(--fk-kc-red)}.fk-popit--kid .fk-dome:nth-child(n+4):nth-child(-n+6){--fk-dome: var(--fk-kc-orange)}.fk-popit--kid .fk-dome:nth-child(n+7):nth-child(-n+9){--fk-dome: var(--fk-kc-yellow)}.fk-popit--kid .fk-dome:nth-child(n+10):nth-child(-n+12){--fk-dome: var(--fk-kc-green)}.fk-popit--kid .fk-dome:nth-child(n+13):nth-child(-n+15){--fk-dome: var(--fk-kc-blue)}.fk-popit--kid .fk-dome:nth-child(n+16):nth-child(-n+18){--fk-dome: var(--fk-kc-purple)}}@container fk-pop (orientation: portrait) and (max-width: 600px) and (max-height: 470px){.fk-popit--kid{--c: 4;--r: 4}.fk-popit--kid .fk-dome:nth-child(n+17){display:none}.fk-popit--kid .fk-dome:nth-child(n+1):nth-child(-n+4){--fk-dome: var(--fk-kc-red)}.fk-popit--kid .fk-dome:nth-child(n+5):nth-child(-n+8){--fk-dome: var(--fk-kc-yellow)}.fk-popit--kid .fk-dome:nth-child(n+9):nth-child(-n+12){--fk-dome: var(--fk-kc-green)}.fk-popit--kid .fk-dome:nth-child(n+13):nth-child(-n+16){--fk-dome: var(--fk-kc-blue)}}@container fk-pop (orientation: portrait) and (max-width: 330px) and (max-height: 470px){.fk-popit--kid{--c: 3;--r: 4}.fk-popit--kid .fk-dome:nth-child(n+13){display:none}.fk-popit--kid .fk-dome:nth-child(n+1):nth-child(-n+3){--fk-dome: var(--fk-kc-red)}.fk-popit--kid .fk-dome:nth-child(n+4):nth-child(-n+6){--fk-dome: var(--fk-kc-yellow)}.fk-popit--kid .fk-dome:nth-child(n+7):nth-child(-n+9){--fk-dome: var(--fk-kc-green)}.fk-popit--kid .fk-dome:nth-child(n+10):nth-child(-n+12){--fk-dome: var(--fk-kc-blue)}}@container fk-pop (orientation: landscape) and (max-height: 480px){.fk-popit--kid{--c: 6;--r: 5}.fk-popit--kid .fk-dome:nth-child(n+31){display:none}}@container fk-pop (orientation: landscape) and (max-height: 420px){.fk-popit--kid{--c: 8;--r: 3;--g: 8px;--p: 10px}.fk-popit--kid .fk-dome:nth-child(n+25){display:none}.fk-popit--kid .fk-dome:nth-child(n+1):nth-child(-n+8){--fk-dome: var(--fk-kc-red)}.fk-popit--kid .fk-dome:nth-child(n+9):nth-child(-n+16){--fk-dome: var(--fk-kc-yellow)}.fk-popit--kid .fk-dome:nth-child(n+17):nth-child(-n+24){--fk-dome: var(--fk-kc-blue)}}@container fk-pop (orientation: landscape) and (max-height: 230px){.fk-popit--kid{--c: 8;--r: 2;--g: 8px;--p: 6px}.fk-popit--kid .fk-dome:nth-child(n+17){display:none}.fk-popit--kid .fk-dome:nth-child(n+1):nth-child(-n+8){--fk-dome: var(--fk-kc-red)}.fk-popit--kid .fk-dome:nth-child(n+9):nth-child(-n+16){--fk-dome: var(--fk-kc-blue)}}@container fk-pop (orientation: landscape) and (max-height: 420px) and (max-width: 590px){.fk-popit--kid{--c: 6;--r: 4}.fk-popit--kid .fk-dome:nth-child(n+25){display:none}.fk-popit--kid .fk-dome:nth-child(n+1):nth-child(-n+6){--fk-dome: var(--fk-kc-red)}.fk-popit--kid .fk-dome:nth-child(n+7):nth-child(-n+12){--fk-dome: var(--fk-kc-yellow)}.fk-popit--kid .fk-dome:nth-child(n+13):nth-child(-n+18){--fk-dome: var(--fk-kc-green)}.fk-popit--kid .fk-dome:nth-child(n+19):nth-child(-n+24){--fk-dome: var(--fk-kc-blue)}}@container fk-pop (orientation: landscape) and (max-height: 330px) and (max-width: 590px){.fk-popit--kid{--c: 6;--r: 3}.fk-popit--kid .fk-dome:nth-child(n+19){display:none}.fk-popit--kid .fk-dome:nth-child(n+1):nth-child(-n+6){--fk-dome: var(--fk-kc-red)}.fk-popit--kid .fk-dome:nth-child(n+7):nth-child(-n+12){--fk-dome: var(--fk-kc-yellow)}.fk-popit--kid .fk-dome:nth-child(n+13):nth-child(-n+18){--fk-dome: var(--fk-kc-blue)}}@container fk-pop (orientation: landscape) and (max-height: 230px) and (max-width: 590px){.fk-popit--kid{--c: 6;--r: 2}.fk-popit--kid .fk-dome:nth-child(n+13){display:none}.fk-popit--kid .fk-dome:nth-child(n+1):nth-child(-n+6){--fk-dome: var(--fk-kc-red)}.fk-popit--kid .fk-dome:nth-child(n+7):nth-child(-n+12){--fk-dome: var(--fk-kc-blue)}}@supports not (container-type: size){@media(orientation:landscape)and (max-height:626px){.fk-popit--kid{--c: 6;--r: 5}.fk-popit--kid .fk-dome:nth-child(n+31){display:none}}@media(orientation:portrait)and (max-width:628px){.fk-popit--kid{--c: 4;--r: 6;--g: 10px;--p: 12px}.fk-popit--kid .fk-dome:nth-child(n+25){display:none}.fk-popit--kid .fk-dome:nth-child(n+1):nth-child(-n+4){--fk-dome: var(--fk-kc-red)}.fk-popit--kid .fk-dome:nth-child(n+5):nth-child(-n+8){--fk-dome: var(--fk-kc-orange)}.fk-popit--kid .fk-dome:nth-child(n+9):nth-child(-n+12){--fk-dome: var(--fk-kc-yellow)}.fk-popit--kid .fk-dome:nth-child(n+13):nth-child(-n+16){--fk-dome: var(--fk-kc-green)}.fk-popit--kid .fk-dome:nth-child(n+17):nth-child(-n+20){--fk-dome: var(--fk-kc-blue)}.fk-popit--kid .fk-dome:nth-child(n+21):nth-child(-n+24){--fk-dome: var(--fk-kc-purple)}}@media(orientation:portrait)and (max-width:358px){.fk-popit--kid{--c: 3;--r: 6;--g: 10px;--p: 12px}.fk-popit--kid .fk-dome:nth-child(n+19){display:none}.fk-popit--kid .fk-dome:nth-child(n+1):nth-child(-n+3){--fk-dome: var(--fk-kc-red)}.fk-popit--kid .fk-dome:nth-child(n+4):nth-child(-n+6){--fk-dome: var(--fk-kc-orange)}.fk-popit--kid .fk-dome:nth-child(n+7):nth-child(-n+9){--fk-dome: var(--fk-kc-yellow)}.fk-popit--kid .fk-dome:nth-child(n+10):nth-child(-n+12){--fk-dome: var(--fk-kc-green)}.fk-popit--kid .fk-dome:nth-child(n+13):nth-child(-n+15){--fk-dome: var(--fk-kc-blue)}.fk-popit--kid .fk-dome:nth-child(n+16):nth-child(-n+18){--fk-dome: var(--fk-kc-purple)}}@media(orientation:portrait)and (max-width:628px)and (max-height:616px){.fk-popit--kid{--c: 4;--r: 4}.fk-popit--kid .fk-dome:nth-child(n+17){display:none}.fk-popit--kid .fk-dome:nth-child(n+1):nth-child(-n+4){--fk-dome: var(--fk-kc-red)}.fk-popit--kid .fk-dome:nth-child(n+5):nth-child(-n+8){--fk-dome: var(--fk-kc-yellow)}.fk-popit--kid .fk-dome:nth-child(n+9):nth-child(-n+12){--fk-dome: var(--fk-kc-green)}.fk-popit--kid .fk-dome:nth-child(n+13):nth-child(-n+16){--fk-dome: var(--fk-kc-blue)}}@media(orientation:portrait)and (max-width:358px)and (max-height:616px){.fk-popit--kid{--c: 3;--r: 4}.fk-popit--kid .fk-dome:nth-child(n+13){display:none}.fk-popit--kid .fk-dome:nth-child(n+1):nth-child(-n+3){--fk-dome: var(--fk-kc-red)}.fk-popit--kid .fk-dome:nth-child(n+4):nth-child(-n+6){--fk-dome: var(--fk-kc-yellow)}.fk-popit--kid .fk-dome:nth-child(n+7):nth-child(-n+9){--fk-dome: var(--fk-kc-green)}.fk-popit--kid .fk-dome:nth-child(n+10):nth-child(-n+12){--fk-dome: var(--fk-kc-blue)}}@media(orientation:landscape)and (max-height:566px){.fk-popit--kid{--c: 8;--r: 3;--g: 8px;--p: 10px}.fk-popit--kid .fk-dome:nth-child(n+25){display:none}.fk-popit--kid .fk-dome:nth-child(n+1):nth-child(-n+8){--fk-dome: var(--fk-kc-red)}.fk-popit--kid .fk-dome:nth-child(n+9):nth-child(-n+16){--fk-dome: var(--fk-kc-yellow)}.fk-popit--kid .fk-dome:nth-child(n+17):nth-child(-n+24){--fk-dome: var(--fk-kc-blue)}}@media(orientation:landscape)and (max-height:376px){.fk-popit--kid{--c: 8;--r: 2;--g: 8px;--p: 6px}.fk-popit--kid .fk-dome:nth-child(n+17){display:none}.fk-popit--kid .fk-dome:nth-child(n+1):nth-child(-n+8){--fk-dome: var(--fk-kc-red)}.fk-popit--kid .fk-dome:nth-child(n+9):nth-child(-n+16){--fk-dome: var(--fk-kc-blue)}}@media(orientation:landscape)and (max-height:566px)and (max-width:618px){.fk-popit--kid{--c: 6;--r: 4}.fk-popit--kid .fk-dome:nth-child(n+25){display:none}.fk-popit--kid .fk-dome:nth-child(n+1):nth-child(-n+6){--fk-dome: var(--fk-kc-red)}.fk-popit--kid .fk-dome:nth-child(n+7):nth-child(-n+12){--fk-dome: var(--fk-kc-yellow)}.fk-popit--kid .fk-dome:nth-child(n+13):nth-child(-n+18){--fk-dome: var(--fk-kc-green)}.fk-popit--kid .fk-dome:nth-child(n+19):nth-child(-n+24){--fk-dome: var(--fk-kc-blue)}}@media(orientation:landscape)and (max-height:476px)and (max-width:618px){.fk-popit--kid{--c: 6;--r: 3}.fk-popit--kid .fk-dome:nth-child(n+19){display:none}.fk-popit--kid .fk-dome:nth-child(n+1):nth-child(-n+6){--fk-dome: var(--fk-kc-red)}.fk-popit--kid .fk-dome:nth-child(n+7):nth-child(-n+12){--fk-dome: var(--fk-kc-yellow)}.fk-popit--kid .fk-dome:nth-child(n+13):nth-child(-n+18){--fk-dome: var(--fk-kc-blue)}}@media(orientation:landscape)and (max-height:376px)and (max-width:618px){.fk-popit--kid{--c: 6;--r: 2}.fk-popit--kid .fk-dome:nth-child(n+13){display:none}.fk-popit--kid .fk-dome:nth-child(n+1):nth-child(-n+6){--fk-dome: var(--fk-kc-red)}.fk-popit--kid .fk-dome:nth-child(n+7):nth-child(-n+12){--fk-dome: var(--fk-kc-blue)}}}.fk-spinbox--kid{container:fk-spin / size;width:100%;height:100%;display:grid;place-items:center}.fk-spinbox--kid .fk-spin-stage{width:min(var(--fk-aw),var(--fk-ah))}@supports (width: 1cqw){.fk-spinbox--kid .fk-spin-stage{width:min(94cqw,94cqh)}}.fk-clickbox{container:fk-click / size;width:100%;height:100%;display:grid;place-items:center}.fk-clickgrid{--c: 2;--r: 2;--g: 16px;--t: min(calc((var(--fk-aw) - (var(--c) - 1) * var(--g)) / var(--c)), calc((var(--fk-ah) - (var(--r) - 1) * var(--g)) / var(--r)));--h: var(--t);display:grid;grid-template-columns:repeat(var(--c),var(--t));grid-auto-rows:var(--h);gap:var(--g)}@supports (width: 1cqw){.fk-clickgrid{--t: min(calc((100cqw - (var(--c) - 1) * var(--g)) / var(--c)), calc((100cqh - (var(--r) - 1) * var(--g)) / var(--r)));--h: min(calc(var(--t) * 1.4), calc((100cqh - (var(--r) - 1) * var(--g)) / var(--r)))}}@container fk-click (min-aspect-ratio: 2 / 1){.fk-clickgrid{--c: 4;--r: 1}}.fk-clicktile{-webkit-appearance:none;appearance:none;border:0;cursor:pointer;display:grid;place-items:center;padding:12%;border-radius:calc(var(--t) * .16);background:var(--fk-kid-card);color:inherit;touch-action:none;-webkit-tap-highlight-color:transparent;box-shadow:inset 0 -9px 0 var(--fk-lip),0 10px 22px -14px #2b234073;user-select:none;-webkit-user-select:none;transition:transform 90ms ease}.fk-clicktile svg{width:100%;height:100%;display:block}.fk-clicktile.fk-pen svg{transform:rotate(-38deg) scale(1.3)}.fk-clicktile:active,.fk-clicktile.fk-is-down{transform:scale(.97)}.fk-clicktile.fk-pen{--fk-lip: var(--fk-kc-green)}.fk-clicktile.fk-tog{--fk-lip: var(--fk-kc-blue)}.fk-clicktile.fk-rock{--fk-lip: var(--fk-kc-purple)}.fk-clicktile.fk-push{--fk-lip: var(--fk-kc-red)}.fk-tog-lamp{fill:#7d7590;transition:fill 80ms ease}.fk-tog[aria-checked=true] .fk-tog-lamp{fill:var(--fk-kc-green)}.fk-knobbox{width:100%;height:100%;display:grid;gap:16px;grid-template:"dial slide wheel" minmax(0,1fr) / minmax(0,1.5fr) minmax(0,.75fr) minmax(0,.75fr)}@media(orientation:portrait){.fk-knobbox{grid-template:"dial dial" minmax(0,1.15fr) "slide wheel" minmax(0,1fr) / minmax(0,1fr) minmax(0,1fr)}}.fk-kn-cell{container-type:size;display:grid;place-items:center;min-width:0;min-height:0;border-radius:28px;background:var(--fk-kid-card);box-shadow:inset 0 -9px 0 var(--fk-lip),0 10px 22px -14px #2b234073}.fk-kn-dial{grid-area:dial;--fk-lip: var(--fk-kc-red)}.fk-kn-slide{grid-area:slide;--fk-lip: var(--fk-kc-yellow)}.fk-kn-wheel{grid-area:wheel;--fk-lip: var(--fk-kc-blue)}.fk-knobbox .fk-knob{width:min(80%,42vmin)}.fk-knobbox .fk-wheel{width:min(50%,130px);height:80%;border-radius:999px}@supports (width: 1cqw){.fk-knobbox .fk-knob{width:min(86cqw,86cqh)}.fk-knobbox .fk-wheel{width:min(56cqw,130px);height:82cqh}}.fk-knobbox .fk-wheel-ridges{inset:-40px 12%}.fk-kslide{--fk-th: min(84px, 70%);--fk-v: 10;position:relative;width:min(96px,70%);height:80%;touch-action:none;cursor:grab;border-radius:999px;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}@supports (width: 1cqw){.fk-kslide{--fk-th: min(84px, 70cqw);height:82cqh}}.fk-kslide-track{position:absolute;left:50%;top:calc(var(--fk-th) / 2);bottom:calc(var(--fk-th) / 2);width:18px;margin-left:-9px;border-radius:9px;background:repeating-linear-gradient(180deg,rgba(255,255,255,.55) 0 2px,transparent 2px 5%),var(--fk-plum)}.fk-kslide-thumb{position:absolute;left:50%;width:var(--fk-th);height:var(--fk-th);margin-left:calc(var(--fk-th) / -2);border-radius:50%;top:calc((20 - var(--fk-v)) / 20 * (100% - var(--fk-th)));background:var(--fk-kc-yellow);box-shadow:inset 0 -6px #00000026,0 6px 12px -6px #00000080;transition:transform 90ms ease}.fk-kslide.fk-is-down .fk-kslide-thumb{transform:scale(1.06)}.fk-kslide:focus-visible{outline:4px solid var(--fk-coral-ink);outline-offset:6px}.fk-calmbox{container:fk-calm / size;width:100%;height:100%;display:grid;place-items:center;align-content:center;gap:4%}.fk-calm-moon{-webkit-appearance:none;appearance:none;border:0;padding:0;cursor:pointer;border-radius:50%;background:none;touch-action:manipulation;width:min(60vmin,calc(var(--fk-ah) - 150px));aspect-ratio:1;-webkit-tap-highlight-color:transparent;transition:transform .12s ease,filter .6s ease;filter:drop-shadow(0 14px 22px rgba(43,35,64,.35))}@supports (width: 1cqw){.fk-calm-moon{width:min(70cqw,calc(100cqh - 150px))}}.fk-calm-moon svg{width:100%;height:100%;display:block}.fk-calm-moon:active{transform:scale(.97)}.fk-is-playing .fk-calm-moon{animation:fk-moon-glow 4s ease-in-out infinite}@keyframes fk-moon-glow{0%,to{filter:drop-shadow(0 0 16px rgba(248,201,58,.45))}50%{filter:drop-shadow(0 0 34px rgba(248,201,58,.75))}}.fk-calm-colors{display:flex;gap:18px}.fk-calm-color{-webkit-appearance:none;appearance:none;border:0;cursor:pointer;width:104px;height:104px;border-radius:50%;padding:18px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;box-shadow:inset 0 -7px #0000001f,0 8px 16px -10px #2b234080;transition:transform 90ms ease}.fk-calm-color svg{width:100%;height:100%;display:block}.fk-calm-color--white{background:#f1eef6}.fk-calm-color--pink{background:#ffd2e4}.fk-calm-color--brown{background:#e8c49c}.fk-calm-color[aria-checked=true]{outline:6px solid var(--fk-kid-text);outline-offset:4px}.fk-calm-color:active{transform:scale(.95)}.fk-at-white-noise-generator .fk-hint{top:40%}@media(max-height:520px){.fk-calm-color{width:80px;height:80px;padding:14px}.fk-calmbox{grid-auto-flow:column;gap:6%}.fk-calm-colors{gap:12px}.fk-calm-moon{width:min(40vw,calc(var(--fk-ah) - 12px))}@supports (width: 1cqw){.fk-calm-moon{width:min(40cqw,calc(100cqh - 12px))}}}@media(prefers-reduced-motion:reduce){.fk-is-playing .fk-calm-moon{animation:none;filter:drop-shadow(0 0 26px rgba(248,201,58,.6))}}.fk-calm .fk-is-playing .fk-calm-moon{animation:none;filter:drop-shadow(0 0 26px rgba(248,201,58,.6))}.fk-canvas{display:block;width:100%;height:100%;touch-action:none;border-radius:26px;-webkit-tap-highlight-color:transparent}.fk-canvas:focus-visible{outline:4px solid var(--fk-coral-ink);outline-offset:2px}.fk-at-bubble-pop .fk-play{background:linear-gradient(180deg,#d9f0ff,#fff1dc)}.fk-drums{width:100%;height:100%;display:grid;gap:16px;grid-template:repeat(2,minmax(0,1fr)) / repeat(3,minmax(0,1fr));touch-action:none}@media(orientation:portrait){.fk-drums{grid-template:repeat(3,minmax(0,1fr)) / repeat(2,minmax(0,1fr))}}.fk-pad{-webkit-appearance:none;appearance:none;border:0;cursor:pointer;position:relative;overflow:hidden;display:grid;place-items:center;border-radius:30px;background:var(--fk-padc);color:var(--fk-padc);touch-action:none;-webkit-tap-highlight-color:transparent;box-shadow:inset 0 -12px #00000029,inset 0 8px #ffffff38,0 12px 20px -14px #2b234099;user-select:none;-webkit-user-select:none}.fk-pad svg{width:min(70%,150px);height:auto;max-height:70%}.fk-pad--kick{--fk-padc: var(--fk-kc-red)}.fk-pad--snare{--fk-padc: #e9ad1c}.fk-pad--tom{--fk-padc: var(--fk-kc-green)}.fk-pad--hat{--fk-padc: var(--fk-kc-blue)}.fk-pad--shaker{--fk-padc: var(--fk-kc-purple)}.fk-pad--bell{--fk-padc: var(--fk-kc-pink)}.fk-pad.fk-is-hit{animation:fk-pad-hit .26s cubic-bezier(.3,1.6,.5,1)}@keyframes fk-pad-hit{0%{transform:scale(.93)}to{transform:none}}.fk-pad-ring{position:absolute;width:60px;height:60px;margin:-30px 0 0 -30px;border-radius:50%;border:6px solid rgba(255,255,255,.85);pointer-events:none;animation:fk-pad-ring .48s ease-out forwards}@keyframes fk-pad-ring{0%{transform:scale(.4);opacity:1}to{transform:scale(3.2);opacity:0}}@media(prefers-reduced-motion:reduce){.fk-pad.fk-is-hit{animation:fk-pad-calm .16s linear}.fk-pad-ring{animation-duration:.3s}}@keyframes fk-pad-calm{0%{transform:scale(.97)}to{transform:none}}.fk-calm .fk-pad.fk-is-hit{animation:fk-pad-calm .16s linear}.fk-calm .fk-pad-ring{animation-duration:.3s}.fk-at-fireworks .fk-play{background-color:#1d1a40;background-image:radial-gradient(rgba(255,246,220,.55) 1.5px,transparent 2px),radial-gradient(rgba(255,246,220,.35) 1px,transparent 1.5px),radial-gradient(rgba(255,246,220,.45) 1.2px,transparent 1.8px);background-size:173px 151px,97px 113px,211px 67px;background-position:23px 41px,61px 7px,131px 29px}.fk-at-fireworks .fk-play-title{color:#fff6dc;background:#1d1a40cc}.fk-pond{background:#b2e0f0}.fk-paintbox{width:100%;height:100%;display:grid;gap:14px;grid-template:minmax(0,1fr) / minmax(0,1fr) auto}.fk-paper{background:#fffdf8;box-shadow:0 10px 24px -16px #2b234080,inset 0 0 0 2px #2b23400f}.fk-tray{--fk-tool: 76px;display:grid;grid-template-columns:repeat(2,var(--fk-tool));grid-auto-rows:var(--fk-tool);gap:10px;align-content:center}@media(max-height:520px){.fk-tray{--fk-tool: 64px;grid-template-columns:repeat(3,var(--fk-tool));gap:6px}}@media(orientation:portrait){.fk-paintbox{grid-template:minmax(0,1fr) auto / minmax(0,1fr)}.fk-tray{grid-template-columns:repeat(5,var(--fk-tool));justify-content:center}}@media(orientation:portrait)and (max-width:440px){.fk-tray{--fk-tool: 64px;gap:6px}}.fk-tool{-webkit-appearance:none;appearance:none;border:0;cursor:pointer;padding:12px;border-radius:50%;display:grid;place-items:center;background:var(--fk-kid-card);color:var(--fk-kid-text);touch-action:manipulation;-webkit-tap-highlight-color:transparent;box-shadow:inset 0 -5px #0000001a,0 6px 12px -8px #2b234080}.fk-tool svg{width:100%;height:100%;fill:var(--fk-kc-pink)}.fk-tool--stamp[data-fk-stamp=star] svg{fill:var(--fk-kc-yellow)}.fk-tool--stamp[data-fk-stamp=flower] svg{fill:var(--fk-kc-purple)}.fk-tool[aria-pressed=true]{outline:5px solid var(--fk-kid-text);outline-offset:3px}.fk-tool:disabled{opacity:.4;cursor:default}.fk-tool--undo svg{fill:none;color:var(--fk-kid-text)}.fk-swatch{display:block;width:100%;height:100%;border-radius:50%;box-shadow:inset 0 -4px #00000026}.fk-swatch[data-fk-swatch=f2654b]{background:#f2654b}.fk-swatch[data-fk-swatch=f8c93a]{background:#f8c93a}.fk-swatch[data-fk-swatch="45a3ea"]{background:#45a3ea}.fk-swatch[data-fk-swatch="3fbf7f"]{background:#3fbf7f}.fk-swatch--rainbow{background:conic-gradient(#f2654b,#f8c93a,#3fbf7f,#45a3ea,#9a78ee,#f36fa6,#f2654b)}.fk-xylo{display:flex;align-items:center;justify-content:center;gap:1.8%;width:100%;height:100%;touch-action:none}.fk-bar{-webkit-appearance:none;appearance:none;border:0;padding:0;cursor:pointer;position:relative;flex:1 1 0;min-width:0;height:calc(94% - var(--k) * 5.5%);border-radius:24px;background:var(--c);box-shadow:inset 0 -12px #00000024,inset 0 6px #ffffff40,0 12px 20px -12px #00000073;touch-action:none;-webkit-tap-highlight-color:transparent}.fk-bar-pin{position:absolute;left:50%;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:#ffffffbf;box-shadow:0 2px #00000026}.fk-bar-pin:first-child{top:9%}.fk-bar-pin:last-child{bottom:9%}.fk-bar.fk-is-struck{animation:fk-bar-hit .28s cubic-bezier(.3,1.6,.5,1)}@keyframes fk-bar-hit{0%{transform:scale(.94,.97);filter:brightness(1.25)}to{transform:none;filter:none}}.fk-bar:nth-child(1){--k: 0;--c: var(--fk-kc-red)}.fk-bar:nth-child(2){--k: 1;--c: var(--fk-kc-orange)}.fk-bar:nth-child(3){--k: 2;--c: var(--fk-kc-yellow)}.fk-bar:nth-child(4){--k: 3;--c: var(--fk-kc-green)}.fk-bar:nth-child(5){--k: 4;--c: #2fb8b0}.fk-bar:nth-child(6){--k: 5;--c: var(--fk-kc-blue)}.fk-bar:nth-child(7){--k: 6;--c: var(--fk-kc-purple)}.fk-bar:nth-child(8){--k: 7;--c: var(--fk-kc-pink)}@media(orientation:portrait)and (max-width:600px){.fk-xylo{flex-direction:column-reverse;gap:1.6%}.fk-bar{height:auto;width:calc(100% - var(--k) * 5%);flex:1 1 0;min-height:0}.fk-bar-pin{top:50%;left:auto;margin:-7px 0 0}.fk-bar-pin:first-child{top:50%;left:7%}.fk-bar-pin:last-child{top:50%;bottom:auto;right:7%}}.fk-xylobox{width:100%;height:100%}.fk-bar:nth-child(1){grid-area:4 / 1}.fk-bar:nth-child(2){grid-area:4 / 2}.fk-bar:nth-child(3){grid-area:3 / 1}.fk-bar:nth-child(4){grid-area:3 / 2}.fk-bar:nth-child(5){grid-area:2 / 1}.fk-bar:nth-child(6){grid-area:2 / 2}.fk-bar:nth-child(7){grid-area:1 / 1}.fk-bar:nth-child(8){grid-area:1 / 2}@supports not (container-type: size){@media(orientation:portrait)and (max-width:600px)and (max-height:740px){.fk-xylo{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(4,1fr);gap:3% 4%;align-items:center}.fk-bar{width:100%;height:calc(100% - var(--k) * 2.5%);min-height:64px}}}@supports (container-type: size){.fk-xylobox{container:fk-xylo / size}@media(orientation:portrait)and (max-width:600px){@container fk-xylo (max-height: 590px){.fk-xylo{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(4,1fr);gap:3% 4%;align-items:center}.fk-bar{width:100%;height:calc(100% - var(--k) * 2.5%);min-height:64px}}}@media(orientation:landscape){@container fk-xylo (max-width: 590px){.fk-xylo{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr 1fr;gap:5% 3%;align-items:center}.fk-bar{width:100%;height:calc(100% - var(--k) * 3%)}.fk-bar:nth-child(1){grid-area:2 / 1}.fk-bar:nth-child(2){grid-area:2 / 2}.fk-bar:nth-child(3){grid-area:2 / 3}.fk-bar:nth-child(4){grid-area:2 / 4}.fk-bar:nth-child(5){grid-area:1 / 1}.fk-bar:nth-child(6){grid-area:1 / 2}.fk-bar:nth-child(7){grid-area:1 / 3}.fk-bar:nth-child(8){grid-area:1 / 4}}}}@supports not (container-type: size){@media(orientation:landscape)and (max-width:618px){.fk-xylo{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr 1fr;gap:5% 3%;align-items:center}.fk-bar{width:100%;height:calc(100% - var(--k) * 3%)}.fk-bar:nth-child(1){grid-area:2 / 1}.fk-bar:nth-child(2){grid-area:2 / 2}.fk-bar:nth-child(3){grid-area:2 / 3}.fk-bar:nth-child(4){grid-area:2 / 4}.fk-bar:nth-child(5){grid-area:1 / 1}.fk-bar:nth-child(6){grid-area:1 / 2}.fk-bar:nth-child(7){grid-area:1 / 3}.fk-bar:nth-child(8){grid-area:1 / 4}}}@keyframes fk-bar-calm{0%{filter:brightness(1.25)}to{filter:none}}@media(prefers-reduced-motion:reduce){.fk-bar.fk-is-struck{animation:fk-bar-calm .2s linear}}.fk-family{display:grid;gap:12px;margin-top:14px;padding-top:12px;border-top:1px dashed var(--fk-rule)}.fk-family .fk-row{align-items:center}.fk-break{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:20px;background:#1d1a4ab8}.fk-break-card{display:grid;justify-items:center;gap:12px;width:min(360px,100%);padding:26px 22px 22px;border-radius:32px;background:var(--fk-kid-card);box-shadow:0 24px 48px -20px #0009}.fk-break-card svg{width:132px;height:132px}.fk-break-title{margin:0;font:800 1.8rem/1.1 var(--fk-face);color:var(--fk-kid-text)}.fk-break-ok{-webkit-appearance:none;appearance:none;border:0;cursor:pointer;min-width:160px;min-height:88px;border-radius:999px;font:800 1.6rem var(--fk-face);color:var(--fk-kid-chip-on-ink);background:var(--fk-kid-chip-on);box-shadow:0 6px #00000026;touch-action:manipulation}.fk-calm .fk-card,.fk-calm .fk-cap,.fk-calm .fk-key,.fk-calm .fk-bub,.fk-calm .fk-dome,.fk-calm .fk-popit,.fk-calm .fk-toycard,.fk-calm .fk-chip,.fk-calm .fk-clicktile,.fk-calm .fk-kslide-thumb{transition:none}.fk-calm .fk-asmr-paper:after{animation:none}.fk-calm .fk-is-settle{animation:none!important}.fk-calm .fk-hint-hand{animation:none}.fk-calm .fk-spark{animation:fk-spark-calm .3s linear forwards}.fk-calm .fk-bar.fk-is-struck{animation:fk-bar-calm .2s linear}.fk-calm .fk-popit--kid .fk-dome.fk-is-popped.fk-is-settle{animation:none}
