.bp{display:grid;grid-gap:16px;gap:16px;max-width:960px;margin:0 auto;padding:24px 20px 96px}.bp>*{min-width:0;margin:0}.bp h1{font-size:clamp(32px,5vw,56px);line-height:1.04;letter-spacing:-.045em;text-wrap:balance}.bp h1,.bp h2{font-weight:600}.bp h2{font-size:22px;letter-spacing:-.03em}.bp h3{margin:12px 0 0}.bp h3,.bp-back{color:var(--ts-fg-muted);font-size:13px;font-weight:500}.bp-back{display:inline-flex;align-items:center;gap:6px;justify-self:start}.bp-about{max-width:620px;color:var(--ts-fg-muted);font-size:17px;line-height:1.5;text-wrap:pretty}.bp-tags{display:flex;flex-wrap:wrap;gap:6px;padding:0;list-style:none}.bp-tags :is(a,span){display:inline-flex;align-items:center;height:32px;padding-inline:12px;border-radius:999px;background:var(--ts-tint-2);color:var(--ts-fg-secondary);font-size:13px;font-weight:500}@media (hover:hover){.bp-back:hover,.bp-tags a:hover{color:var(--ts-fg)}.bp-tags a:hover{background:var(--ts-tint-3)}}.bp a{text-decoration:none}.bp a:focus-visible{outline:0;box-shadow:0 0 0 2px var(--ts-page),0 0 0 4px var(--ts-accent)}.bp .stage{--i:0;min-height:360px;padding:40px 32px;overflow-x:clip}.bp .stage .tile-tag{justify-content:flex-end;pointer-events:none}.bp .stage .tile-tag>*{pointer-events:auto}.bp .stage:not(:hover):not(:focus-within) .tile-tag{opacity:1;translate:none}.bp-lock{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:360px;padding:48px 24px;border-radius:28px;background:radial-gradient(closest-side at 50% 40%,color-mix(in oklab,var(--ts-accent) 8%,transparent),transparent),var(--ts-tint-1);text-align:center}.bp-lock>svg{color:var(--ts-fg-muted)}.bp-lock h2,.bp-lock p{margin:0;text-wrap:balance}.bp-lock p{max-width:420px;color:var(--ts-fg-muted);font-size:15px;line-height:1.55}.bp-lock-ctas{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 16px;margin-top:12px;font-size:14px}.bp-lock-ctas a:not(.bp-btn){color:var(--ts-fg-secondary);text-decoration:underline;text-underline-offset:3px}.bp .bp-btn{display:inline-flex;align-items:center;height:44px;padding:0 22px;border-radius:999px;background:var(--ts-fg);color:var(--ts-fg-inverse);font-size:15px;font-weight:500}@media (hover:hover){.bp .bp-btn:hover{opacity:.88}}.bp-code{display:grid;grid-gap:10px;gap:10px;margin-top:16px}.bp-code>*{min-width:0;margin-block:0}.bp-code h2{margin-bottom:4px}.bp-related{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:10px;gap:10px;margin:12px 0 0;padding:0;list-style:none}.bp-related a{display:grid;grid-gap:4px;gap:4px;height:100%;padding:16px 18px;border-radius:20px;background:var(--ts-tint-1);color:var(--ts-fg);transition:background-color .16s var(--ts-ease)}@media (hover:hover){.bp-related a:hover{background:var(--ts-tint-2)}}.bp-related b{font-size:14px;font-weight:600;letter-spacing:-.02em}.bp-related span{display:-webkit-box;overflow:hidden;color:var(--ts-fg-muted);font-size:13px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media (pointer:coarse){.bp-back,.bp-tags a{position:relative}.bp-back:after,.bp-tags a:after{content:"";position:absolute;inset-block:calc(50% - 22px);inset-inline:-4px}}@media (max-width:600px){.bp{padding:24px max(16px,env(safe-area-inset-right)) max(96px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.bp .stage{padding:56px 12px 32px}}