:root{--navy:#0e2433;--ink:#0e2433;--body:#233b4b;--muted:#4b6a7a;--faint:#6f8d9a;--sky:#eef7fa;--sky-2:#e2f1f7;--sky-3:#cfe8f2;--hair:#d9eaf1;--lime-a:#a6ef9b;--lime-b:#7fd67f;--lime-lip:#4caf5a;--lime-tint:#eafbe5;--lip:#b6d4df;--ring:#1aa3c2;--code:#0e2433;--code-ink:#e7f8f1;--puff-a:#fff;--puff-b:#f6fbfd;--puff-c:#dceef6;--puff-back-a:#e8f6fb;--puff-back-b:#c3e4ef;--puff-dot:#8fc4d8;--f:"Fredoka", ui-rounded, "SF Pro Rounded", system-ui, sans-serif;--mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--spring:cubic-bezier(.34, 1.56, .64, 1);--gutter:28px}*{box-sizing:border-box}html,body{margin:0}body{font-family:var(--f);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#fff}a{color:inherit}button,input,textarea{font:inherit;color:inherit}pre,figure{margin:0}h1,h2,h3{text-wrap:balance;margin:0}p,li{text-wrap:pretty}svg{flex:none}:focus-visible{outline:3px solid var(--ring);outline-offset:2px;border-radius:8px}::selection{color:var(--navy);background:#3fd0ea4d}.b-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.puff{z-index:-1;pointer-events:none;filter:drop-shadow(0 14px 24px #0a1e3229);position:absolute;left:0;overflow:visible}.built{background:#fff;flex-direction:column;min-height:100vh;display:flex}.b-head{width:100%;max-width:1240px;padding:18px var(--gutter);justify-content:space-between;align-items:center;gap:16px;margin:0 auto;display:flex}.b-logo{min-height:44px;color:var(--navy);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.b-logo img{box-shadow:0 0 0 2px var(--navy);border-radius:26%}.b-logo span{letter-spacing:-.01em;font-size:20px;font-weight:700}.b-logo em{color:var(--muted);font-style:normal;font-weight:500}.b-nav{align-items:center;gap:6px;display:flex}.b-nav a{min-height:44px;color:var(--navy);border-radius:999px;align-items:center;padding:0 14px;font-size:15px;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}.b-nav a:hover{background:#ffffffb3}.b-nav a.on{background:var(--navy);color:#fff}.b-nav .b-x{background:var(--navy);color:#fff;justify-content:center;width:44px;padding:0}.b-nav .b-x:hover{background:#1b3b50}.b-nav .b-x svg{fill:currentColor}.b-narrow,.b-menu{display:none}@media (max-width:639px){.b-menu{display:inline-flex}.b-head .b-nav{display:none}}.b-band{isolation:isolate;background:linear-gradient(#cfeaf5,#e4f4fa 70%,#fff);padding-bottom:46px;position:relative}.b-band.is-thin{background:linear-gradient(#cfeaf5,#e9f6fb 55%,#fff);padding-bottom:34px}.b-ask{text-align:center;max-width:880px;margin:0 auto;padding:30px 24px 0}.b-ask h1{letter-spacing:-.02em;font-size:clamp(36px,5.4vw,62px);font-weight:700;line-height:1.04}.b-ask>p{max-width:640px;color:var(--body);margin:12px auto 0;font-size:18px;line-height:1.5}.b-search{isolation:isolate;max-width:720px;min-height:68px;color:var(--muted);border-radius:26px;align-items:center;gap:12px;margin:34px auto 0;padding:0 16px 0 24px;display:flex;position:relative}.b-search input{min-width:0;min-height:44px;color:var(--navy);background:0 0;border:0;outline:0;flex:1;font-size:20px;font-weight:500}.b-search input::placeholder{color:var(--faint)}.b-search input::-webkit-search-cancel-button{display:none}.b-search{--focus:var(--ring)}.b-search>svg:not(.puff){transition:color .15s}.b-search:focus-within>.puff{filter:drop-shadow(1.5px 0 0 var(--focus)) drop-shadow(-1.5px 0 0 var(--focus)) drop-shadow(0 1.5px 0 var(--focus)) drop-shadow(0 -1.5px 0 var(--focus)) drop-shadow(0 18px 28px #0a1e3233)}.b-search:focus-within>svg:not(.puff){color:var(--navy)}.b-clear{width:44px;height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.b-clear:hover{background:var(--sky);color:var(--navy)}.b-search.is-small{max-width:420px;min-height:48px;box-shadow:inset 0 0 0 1.5px var(--hair);background:#fff;border-radius:14px;flex:1;margin:0;padding:0 14px}.b-search.is-small input{min-height:44px;font-size:15.5px}.b-search.is-small:focus-within{box-shadow:inset 0 0 0 2px var(--ring)}.b-chips{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:22px;display:flex}.b-chip{min-height:44px;color:var(--navy);box-shadow:0 3px 0 var(--lip), 0 0 0 1px var(--hair);cursor:pointer;background:#fff;border:0;border-radius:999px;align-items:center;gap:7px;padding:0 15px;font-size:14.5px;font-weight:600;transition:transform .12s;display:inline-flex}.b-chip:hover{transform:translateY(-1px)}.b-chip:active{box-shadow:0 1px 0 var(--lip), 0 0 0 1px var(--hair);transform:translateY(2px)}.b-chip i,.b-meta i{background:var(--hue,var(--lime-b));border-radius:50%;flex:none;width:9px;height:9px;box-shadow:0 0 0 1.5px #0e24331f}.b-chip.on{background:linear-gradient(var(--lime-a), var(--lime-b));box-shadow:0 3px 0 var(--lime-lip)}.b-filters{justify-items:center;gap:16px;margin-top:22px;display:grid}.b-kinds{box-shadow:0 3px 0 var(--lip), 0 0 0 1px var(--hair);background:#fff;border-radius:999px;gap:4px;padding:4px;display:inline-flex}.b-kind{min-height:44px;font:700 15.5px var(--f);color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 22px;transition:background .15s,color .15s}.b-kind:hover{color:var(--navy);background:var(--sky)}.b-kind.on{color:var(--navy);background:linear-gradient(var(--lime-a), var(--lime-b));box-shadow:inset 0 -2px 0 var(--lime-lip)}.b-kind:focus-visible{outline:3px solid var(--ring);outline-offset:2px}.b-filters .b-studios{gap:6px;max-width:820px;margin-top:0}.b-studios .b-chip{box-shadow:inset 0 0 0 1px var(--hair);background:#ffffff80;padding:0 14px;font-size:14px}.b-studios .b-chip:hover{background:#fff;transform:none}.b-studios .b-chip:active{box-shadow:inset 0 0 0 1px var(--hair);transform:translateY(1px)}.b-studios .b-chip.on{background:var(--lime-tint);box-shadow:inset 0 0 0 2px var(--lime-b)}.b-studios .b-chip:focus-visible{outline:3px solid var(--ring);outline-offset:2px}.b-key{min-height:44px;color:var(--navy);white-space:nowrap;box-shadow:0 4px 0 var(--lip), 0 0 0 1px var(--hair);cursor:pointer;background:linear-gradient(#fff,#eaf6fa);border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:15px;font-weight:600;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex}.b-key:hover{transform:translateY(-1px)}.b-key:active{box-shadow:0 1px 0 var(--lip), 0 0 0 1px var(--hair);transform:translateY(3px)}.b-key.is-lime{background:linear-gradient(var(--lime-a), var(--lime-b));box-shadow:0 4px 0 var(--lime-lip)}.b-key.is-lime:active{box-shadow:0 1px 0 var(--lime-lip)}.b-key.is-dark{color:#fff;background:#ffffff1a;border-radius:11px;min-height:40px;padding:0 12px;font-size:14px;box-shadow:inset 0 0 0 1px #ffffff29}.b-key.is-dark:active{box-shadow:inset 0 0 0 1px #ffffff29}.b-key:disabled{opacity:.7;cursor:progress;transform:none}.b-results{width:100%;max-width:1240px;padding:18px var(--gutter) 90px;flex:1;margin:0 auto;scroll-margin-top:12px}.b-count-row{justify-content:space-between;align-items:center;gap:12px;min-height:44px;margin:0 0 14px;display:flex}.b-count{color:var(--muted);margin:0;font-weight:600}.b-reset{min-height:44px;color:var(--navy);text-decoration:underline;-webkit-text-decoration-color:var(--lime-b);text-decoration-color:var(--lime-b);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:0 6px;font-weight:600;text-decoration-thickness:2px}.b-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.b-hit{color:var(--navy);box-shadow:0 0 0 1px var(--hair);transition:box-shadow .2s, transform .25s var(--spring);background:#fff;border-radius:22px;grid-template-columns:240px minmax(0,1fr);gap:18px;padding:12px;text-decoration:none;display:grid}.b-hit:hover{box-shadow:0 0 0 2px var(--lime-b), 0 12px 26px #0a1e321a;transform:translateY(-2px)}.b-hit-pic{box-shadow:inset 0 0 0 1px var(--hair);background:#eef2f5;border-radius:14px;align-self:start;overflow:hidden}.b-hit-words{align-content:start;gap:6px;min-width:0;padding:4px 4px 4px 0;display:grid}.b-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.b-hit h2{overflow-wrap:anywhere;font-size:21px;font-weight:700;line-height:1.2}.b-hit p{color:var(--body);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:14.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.b-hit-by{min-width:0;color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.b-faces{flex:none;display:inline-flex}.b-faces .b-face+.b-face{margin-left:-6px}.b-names{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.b-hit-by time{flex:none;margin-left:auto}.b-face{border-radius:50%;flex:none;display:inline-block;box-shadow:0 0 0 2px #fff,0 0 0 3px #0e243326}.b-none{color:var(--muted);grid-column:1/-1;margin:0;padding:30px 0}.b-more{justify-content:center;margin-top:26px;display:flex}.b-empty{color:var(--body);flex-direction:column;align-items:flex-start;gap:14px;padding:24px 0;display:flex}.b-empty p{margin:0;font-size:17px}.b-hit.is-ghost{pointer-events:none}.b-hit.is-ghost .b-hit-pic{aspect-ratio:16/10;background:var(--sky);box-shadow:none}.b-hit.is-ghost .b-hit-words span{background:var(--sky);border-radius:7px;height:14px;display:block}.b-hit.is-ghost .b-hit-words span:nth-child(2){width:70%;height:22px}.b-hit.is-ghost .b-hit-words span:nth-child(3){width:90%}@media (prefers-reduced-motion:no-preference){.b-hit.is-ghost .b-hit-pic,.b-hit.is-ghost .b-hit-words span{animation:1.6s ease-in-out infinite alternate b-breathe}}@keyframes b-breathe{to{background:var(--sky-2)}}.b-frame{aspect-ratio:16/10;background:#fff;position:relative;overflow:hidden}.b-frame iframe{transform-origin:0 0;pointer-events:none;background:#fff;border:0;position:absolute;top:0;left:0}.b-frame.is-live iframe{pointer-events:auto}.b-frame.is-none{background:var(--sky)}.b-native{background:#eef2f5;height:min(70vh,640px)}.b-native iframe{border:0;width:100%;height:100%;display:block}.b-fn{aspect-ratio:16/10;color:var(--code-ink);background:radial-gradient(120% 90% at 0% 0%, #17394d, var(--navy));flex-direction:column;justify-content:center;gap:9px;padding:14px;display:flex;overflow:hidden}.b-fn>*{flex:none;min-width:0;max-width:100%}.b-fn-call{font:600 14px/1.4 var(--mono);color:#fff;text-wrap:balance;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.b-fn-call span{color:#9fd7c6}.b-fn-io{gap:5px;display:grid}.b-fn-io code{font:500 11.5px/1.45 var(--mono);background:#ffffff12;border-radius:8px;grid-template-columns:28px minmax(0,1fr);align-items:baseline;padding:5px 9px;display:grid}.b-fn-io b{color:var(--lime-a)}.b-fn-io span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.b-fn-pass{font:600 11.5px var(--f);color:var(--navy);background:var(--lime-a);border-radius:999px;align-self:flex-start;padding:3px 9px}.b-bar{max-width:1240px;padding:0 var(--gutter);align-items:center;gap:14px;margin:4px auto 0;display:flex}.b-work{width:100%;max-width:1240px;padding:18px var(--gutter) 90px;flex:1;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-content:start;gap:36px 40px;margin:0 auto;display:grid}.b-work>.b-empty,.b-work>.b-count{grid-column:1/-1}.b-work-show,.b-work-story,.b-work-wide{align-content:start;gap:12px;min-width:0;display:grid}.b-work-show h1{letter-spacing:-.02em;overflow-wrap:anywhere;margin-bottom:4px;font-size:clamp(32px,4.2vw,50px);font-weight:700;line-height:1.05}.b-stage{box-shadow:0 0 0 1px var(--hair), 0 14px 32px #0a1e321a;border-radius:22px;overflow:hidden}.b-stage.is-fn{background:var(--sky);padding:20px}.b-keys{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.b-work-wide{grid-column:1/-1}.b-work h2{margin-top:12px;font-size:21px;font-weight:700}.b-work-story h2:first-child,.b-work-wide h2:first-child{margin-top:0}.b-text{color:var(--body);margin:0;font-size:16.5px;line-height:1.6}.b-note{color:var(--muted);margin:0;font-size:15px;line-height:1.5}.b-builders{gap:10px;margin:0;padding:0;list-style:none;display:grid}.b-builders li{grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;font-size:15.5px;display:grid}.b-builders b{overflow-wrap:anywhere;font-weight:600}.b-builders span{color:var(--muted);font-size:13.5px}.b-builders em{font-size:14px;font-style:normal;font-weight:700}.b-judge{color:var(--muted);margin:0;font-size:14px}.b-steps{gap:10px;margin:0;padding:0;list-style:none;display:grid}.b-steps li{color:var(--body);grid-template-columns:28px minmax(0,1fr);align-items:start;gap:10px;font-size:15px;line-height:1.55;display:grid}.b-steps li>span:first-child{width:28px;height:28px;color:var(--navy);background:var(--sky-2);border-radius:50%;place-items:center;font-size:13px;font-weight:700;display:grid}.b-prompt{color:var(--code-ink);background:var(--code);border-radius:18px;overflow:hidden}.b-prompt figcaption{color:#fff;justify-content:space-between;align-items:center;gap:10px;padding:10px 10px 10px 18px;font-weight:600;display:flex}.b-prompt pre{font:13px/1.6 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;max-height:360px;padding:4px 18px 18px;overflow:auto}.b-files{gap:8px;display:grid}.b-file{background:var(--sky);border-radius:14px}.b-file summary{cursor:pointer;border-radius:14px;align-items:center;gap:10px;min-height:52px;padding:0 16px;list-style:none;display:flex}.b-file summary::-webkit-details-marker{display:none}.b-file summary b{font:600 14px var(--mono);overflow-wrap:anywhere}.b-file summary span{color:var(--muted);flex:none;margin-left:auto;font-size:13px}.b-file[open] summary{color:var(--navy)}.b-file-body{background:var(--code);border-radius:12px;gap:8px;margin:0 8px 8px;padding:10px;display:grid}.b-file-body .b-key{justify-self:end}.b-file-body pre{font:12.5px/1.55 var(--mono);color:var(--code-ink);max-height:420px;padding:4px 8px 8px;overflow:auto}.b-try{gap:10px;display:grid}.b-try-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.b-try-head h2{font-size:20px;margin:0!important}.b-try-pass{color:var(--navy);background:var(--lime-tint);border-radius:999px;padding:4px 11px;font-size:13px;font-weight:600;box-shadow:inset 0 0 0 1.5px #bfe9b6}.b-try-examples{flex-wrap:wrap;gap:8px;display:flex}.b-try-examples .b-chip{min-height:40px;font-size:13.5px}.b-try-label{color:var(--navy);margin-top:4px;font-size:15px;font-weight:600}.b-try-label small{color:var(--muted);margin-left:6px;font-size:13px;font-weight:500}.b-try-input{width:100%;font:13px/1.55 var(--mono);color:var(--code-ink);background:var(--code);resize:vertical;border:0;border-radius:14px;padding:14px 16px}.b-try-input:focus-visible{outline:3px solid var(--ring);outline-offset:2px}.b-try-run{flex-wrap:wrap;align-items:center;gap:10px 14px;margin:4px 0 6px;display:flex}.b-try-hint{color:var(--muted);font-size:13px;line-height:1.4}.b-try-out{gap:8px;min-height:52px;display:grid}.b-try-out-head{flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:15px;display:flex}.b-try-out-head small{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.b-verdict{border-radius:999px;padding:3px 10px;font-size:12.5px;font-weight:600}.b-verdict.is-ok{color:var(--navy);background:var(--lime-a)}.b-verdict.is-off{color:#9b1239;background:#fde7ec}.b-json{font:13px/1.55 var(--mono);color:var(--navy);background:var(--lime-tint);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:14px;max-height:360px;padding:14px 16px;overflow:auto;box-shadow:inset 0 0 0 1.5px #bfe9b6}.b-err{color:#9b1239;background:#fde7ec;border-radius:12px;margin:0;padding:12px 14px;font-size:14.5px;line-height:1.5}.b-try-idle{color:var(--muted);margin:0}.b-try-logs summary{cursor:pointer;min-height:40px;color:var(--muted);align-items:center;font-size:14px;font-weight:600;display:flex}.b-try-logs pre{font:12.5px/1.5 var(--mono);color:var(--code-ink);background:var(--code);border-radius:12px;max-height:220px;padding:12px 14px;overflow:auto}.b-foot{width:100%;max-width:1240px;padding:20px var(--gutter) 32px;border-top:1px solid var(--hair);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin:0 auto;font-size:14px;display:flex}.b-foot-mark{min-height:44px;color:var(--navy);border-radius:10px;align-items:center;gap:10px;font-weight:600;text-decoration:none;display:inline-flex}.b-foot-mark img{box-shadow:0 0 0 1.5px var(--navy);border-radius:26%}.b-foot nav{flex-wrap:wrap;gap:4px 20px;display:flex}.b-foot nav a{min-height:44px;color:inherit;align-items:center;font-weight:500;text-decoration:none;display:inline-flex}.b-foot nav a:hover{color:var(--navy);text-decoration:underline;-webkit-text-decoration-color:var(--lime-b);text-decoration-color:var(--lime-b);text-underline-offset:3px;text-decoration-thickness:2px}@media (max-width:1000px){.b-list,.b-work{grid-template-columns:minmax(0,1fr)}}@media (max-width:760px){:root{--gutter:16px}.b-head{padding-top:12px;padding-bottom:12px}.b-logo em,.b-wide,.b-nav a.b-wide{display:none}.b-band{padding-bottom:22px}.b-band.is-thin{padding-bottom:24px}.b-results{padding-top:10px}.b-narrow{display:inline}.b-nav a{padding:0 12px}.b-ask{padding:16px 16px 0}.b-ask>p{font-size:16px}.b-search{min-height:58px;margin-top:24px;padding:0 8px 0 18px}.b-search input{font-size:17px}.b-filters{justify-items:stretch;gap:12px;margin-top:20px}.b-kinds{display:flex}.b-kind{flex:1;padding:0 10px;font-size:15px}.b-chips{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;margin:20px -16px 0;padding:2px 16px 8px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 16px calc(100% - 40px),#0000);mask-image:linear-gradient(90deg,#0000,#000 16px calc(100% - 40px),#0000)}.b-filters .b-studios{max-width:none;margin:0 -16px}.b-chips::-webkit-scrollbar{display:none}.b-chip{flex:none}.b-hit{grid-template-columns:minmax(0,1fr)}.b-native{height:64vh}.b-stage.is-fn{padding:16px}.b-builders li{grid-template-columns:auto minmax(0,1fr) auto}.b-builders span{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}