.bz{--acc:var(--bz-ink);--bz-ink:#0a0a0a;--bz-muted:#525252;--bz-quiet:#737373;--bz-line:#0000001a;--bz-paper:#fff;--bz-room:#f5f5f5;--bz-card:#f2f2f2;--bz-tile:#ededed;--bz-track:#d4d4d4;--bz-graphite:#171717;--acc-wash:var(--bz-room);--acc-soft:#e4e4e7;--bz-float:0 24px 60px -16px #0000002e;--bz-out:cubic-bezier(0, 0, .2, 1);--bz-inout:cubic-bezier(.4, 0, .2, 1);--bz-emph:cubic-bezier(.16, 1, .3, 1);--g:clamp(16px, 4vw, 32px);--max:1152px;background:var(--x-raised);color:var(--bz-ink);overflow-x:clip}.bz-wrap{width:min(100% - 2 * clamp(16px, 4vw, 32px), var(--max));margin-inline:auto}.bz-grid{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;display:grid}.bz-sec{padding:clamp(72px,11vw,188px) 0;position:relative}.bz-scene{min-height:100svh}.bz-kick{font:606 12px/1.3 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--bz-muted);margin:0}.bz-kick .x-mono,.bz-kick b{color:var(--bz-ink);font-weight:606}.bz-display{letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:52px;font-weight:497;line-height:1.04}.bz-display.md,.bz-display.sm{font-size:44px}.bz-headline{letter-spacing:-.02em;text-wrap:balance;max-width:24ch;margin:0;font-size:26px;font-weight:497;line-height:1.18}.bz-title{letter-spacing:-.01em;text-wrap:balance;margin:0;font-size:17px;font-weight:497;line-height:1.3}.bz-lede{letter-spacing:-.01em;color:var(--bz-muted);text-wrap:pretty;max-width:44ch;margin:0;font-size:21px;line-height:1.42}.bz-body{color:var(--bz-muted);text-wrap:pretty;max-width:66ch;margin:0;font-size:16px;line-height:1.6}.bz-fig{font-variant-numeric:tabular-nums;font-feature-settings:"tnum";letter-spacing:-.04em;font-weight:220;line-height:.95}.bz-acc{color:var(--acc)}.bz-acts{flex-wrap:wrap;align-items:center;gap:12px 24px;display:flex}.bz-acts .x-btn{height:48px;padding:0 24px;font-size:16px}.bz-obj{background:var(--x-raised);border:1px solid var(--bz-line);box-shadow:none;border-radius:24px;position:relative;overflow:hidden}.bz-card{background:var(--bz-card);border-radius:16px}.bz .cf-code .s{color:#d4d4d4}.bz .cf-code .k{color:#fff;font-weight:606}.bz .cf-code .c{color:#a3a3a3}.bz .cf-code.light .s{color:#525252}.bz .cf-code.light .k{color:var(--bz-ink);font-weight:606}.bz .cf-code.light .c{color:#737373}.bz .cf-mark{color:inherit;box-shadow:none;background:#e4e4e7;border-radius:4px}.bz .cf-code:not(.light) .cf-mark{background:#ffffff24}.bz .cf-code.light .cf-mark{background-color:#e4e4e7;background-image:none}.bz .cf-paste-k,.bz .x-copy-t,.bz .cf-code-k{font-size:13px}.bz-line{margin:-.04em 0 -.12em;padding:.04em 0 .12em;display:block;overflow:hidden}.bz-line>span{transition:transform .7s var(--bz-emph) calc(var(--d,0s) + var(--i,0) * 60ms);display:block}.bz-lines.armed .bz-line>span{transition:none;transform:translateY(105%)}.bz-lines.now .bz-line>span{animation:bz-cut .7s var(--bz-emph) both;animation-delay:calc(var(--d,0s) + var(--i,0) * 60ms)}@keyframes bz-cut{0%{transform:translateY(105%)}to{transform:none}}.bz-stage{position:relative}.bz-stage-in{transform-origin:50% 0}.bz-ch{position:relative}.bz-ch-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;column-gap:24px;display:grid}.bz-ch-stage{flex-direction:column;grid-area:1/1/auto/span 7;justify-content:center;height:100svh;padding:84px 0 40px;display:flex;position:sticky;top:0}.bz-ch-list{grid-area:1/9/auto/span 4;margin:0;padding:22svh 0 30svh;list-style:none}.bz-ch.flip .bz-ch-stage{grid-column:6/span 7}.bz-ch.flip .bz-ch-list{grid-column:1/span 4}.bz-ch-i{min-height:78svh;transition:opacity .4s var(--bz-inout), transform .5s var(--bz-inout);flex-direction:column;justify-content:center;gap:16px;display:flex}.bz-ch.live:not(.stacked) .bz-ch-i:not(.on){opacity:.16;transform:translateY(16px)}.bz-ch-i .bz-headline{max-width:18ch;font-size:26px}.bz-ch-i>.bz-headline{order:0}.bz-ch-i>.bz-kick{order:1}.bz-ch-i>*{order:2}.bz-ch-meta{font:606 12px/1 var(--mono);letter-spacing:.14em;color:var(--bz-quiet);align-items:center;gap:16px;margin-top:28px;display:flex}.bz-ch-bar{background:var(--bz-track);flex:1;height:1px;overflow:hidden}.bz-ch-bar i{background:var(--bz-ink);transform-origin:0;height:100%;display:block}.bz-ch-meta b{color:var(--bz-ink);font-variant-numeric:tabular-nums;font-weight:606}.bz-sheet-btn{background:var(--x-raised);height:48px;color:var(--bz-ink);font:497 15px/1 var(--sans);cursor:pointer;transition:background-color .15s var(--bz-out), border-color .15s var(--bz-out), transform 90ms var(--bz-out);border:1px solid #00000024;border-radius:999px;align-items:center;gap:10px;padding:0 22px 0 18px;display:inline-flex}@media (hover:hover){.bz-sheet-btn:hover{background-color:var(--bz-room);border-color:#0000004d}}.bz-sheet-btn:active{transform:scale(.97)}.bz-sheet-btn svg{color:var(--bz-ink)}.bz-sheet-back{z-index:940;opacity:0;visibility:hidden;transition:opacity .3s var(--bz-out), visibility 0s .3s;background:#0000004d;position:fixed;inset:0}.bz-sheet{color:var(--bz-ink);text-align:left;z-index:950;background:var(--x-raised);width:min(620px,100vw - 24px);box-shadow:var(--bz-float);visibility:hidden;transition:transform .4s var(--bz-inout), visibility 0s .4s;border-radius:24px;outline:none;flex-direction:column;display:flex;position:fixed;top:12px;bottom:12px;right:12px;transform:translate(calc(100% + 24px))}.bz-sheet-wrap[data-open=true] .bz-sheet-back{opacity:1;visibility:visible;transition:opacity .3s var(--bz-out)}.bz-sheet-wrap[data-open=true] .bz-sheet{visibility:visible;transition:transform .5s var(--bz-emph);transform:none}.bz-sheet-top{border-bottom:1px solid var(--bz-line);justify-content:space-between;align-items:center;gap:16px;padding:22px 22px 18px 32px;display:flex}.bz-sheet-top h2{letter-spacing:-.02em;margin:0 0 6px;font-size:21px;font-weight:497}.bz-sheet-x{border:1px solid var(--bz-line);background:var(--x-raised);width:44px;height:44px;color:var(--bz-ink);cursor:pointer;transition:background-color .15s var(--bz-out), transform 90ms var(--bz-out);border-radius:50%;flex:none;place-items:center;display:grid}@media (hover:hover){.bz-sheet-x:hover{background-color:var(--bz-room)}}.bz-sheet-x:active{transform:scale(.97)}.bz-sheet-body{overscroll-behavior:contain;flex:1;padding:28px 32px 40px;overflow-y:auto}.bz-open-grid{gap:12px;display:grid}.bz-open-card{text-align:left;background:var(--bz-card);width:100%;color:var(--bz-ink);cursor:pointer;font:inherit;transition:background-color .15s var(--bz-out);border:0;border-radius:16px;flex-direction:column;align-items:flex-start;padding:28px;display:flex;position:relative;overflow:hidden}@media (hover:hover){.bz-open-card:hover{background-color:var(--bz-tile)}}.bz-open-card:active{transform:scale(.97)}.bz-open-card:focus-visible{outline:2px solid var(--bz-ink);outline-offset:3px}.bz-open-plus{background:var(--x-raised);width:40px;height:40px;color:var(--bz-ink);transition:background-color .15s var(--bz-out), color .15s var(--bz-out);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:18px;right:18px}@media (hover:hover){.bz-open-card:hover .bz-open-plus{background-color:var(--bz-ink);color:#fff}}.bz-open-layer{z-index:950;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.bz-open-back{background:#0000004d;position:absolute;inset:0}.bz-open-panel{background:var(--x-raised);width:min(1040px,100%);max-height:calc(100svh - 48px);box-shadow:var(--bz-float);border-radius:24px;flex-direction:column;display:flex;position:relative;overflow:hidden}.bz-open-scroll{overscroll-behavior:contain;padding:clamp(28px,4vw,56px);overflow-y:auto}.bz-open-x{z-index:2;position:absolute;top:16px;right:16px}@media (max-width:899px){.bz-grid{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:16px}.bz-display{font-size:40px}.bz-display.md,.bz-display.sm{font-size:36px}.bz-headline{font-size:26px}.bz-lede{font-size:20px}.bz-ch-meta,.bz .cf-paste-k,.bz .x-copy-t,.bz .cf-code-k{font-size:14px}.bz-acts .x-btn{height:48px}.bz-ch-grid{display:block}.bz-ch-stage{height:auto;min-height:0;padding:12px 0 14px;position:static}.bz-ch-list{padding:24px 0 0}.bz-ch-i{border-top:1px solid var(--bz-line);gap:14px;min-height:0;padding:48px 0}.bz-ch-i:first-child{border-top:0}.bz-ch.dark .bz-ch-i{border-color:#ffffff1a}.bz-ch-own{margin-bottom:12px;order:-5!important}.bz-ch-meta{margin-top:14px}.bz-sheet{border-radius:24px;width:auto;max-height:88svh;inset:auto 8px 8px;transform:translateY(calc(100% + 16px))}.bz-sheet-top{padding:18px 16px 14px 22px}.bz-sheet-body{padding:22px 22px 32px}.bz-open-layer{place-items:end stretch;padding:0}.bz-open-panel{border-radius:24px 24px 0 0;width:100%;max-height:92svh}.bz-open-card{padding:22px}}@media (prefers-reduced-motion:reduce){.bz-ch-i,.bz-ch.live:not(.stacked) .bz-ch-i:not(.on){transition:none;transform:none}.bz-lines.now .bz-line>span{animation:none}.bz-line>span{transition:none}.bz-sheet,.bz-sheet-back{transition:none!important}}
