.onboard[data-astro-cid-efz37hwt]{padding:clamp(1.5rem,4vw,2.5rem)}.onboard[data-astro-cid-efz37hwt] h2[data-astro-cid-efz37hwt]{font-size:clamp(1.4rem,2.6vw,1.9rem);letter-spacing:-.03em}.onboard-lede[data-astro-cid-efz37hwt]{margin-top:.6rem;max-width:60ch;color:var(--muted)}.onboard-steps[data-astro-cid-efz37hwt]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.75rem 0 0;padding:0;list-style:none;counter-reset:step}.onboard-steps[data-astro-cid-efz37hwt] li[data-astro-cid-efz37hwt]{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;padding:1.1rem;border:1px solid var(--line);border-radius:var(--radius-lg);counter-increment:step}.onboard-steps[data-astro-cid-efz37hwt] li[data-astro-cid-efz37hwt]:before{content:"0" counter(step);font-family:var(--font-mono);font-size:.78rem;color:var(--accent)}.onboard-steps[data-astro-cid-efz37hwt] span[data-astro-cid-efz37hwt]{color:var(--muted);font-size:.9rem;flex:1}.onboard-steps[data-astro-cid-efz37hwt] .btn[data-astro-cid-efz37hwt]{min-height:40px}.onboard-code[data-astro-cid-efz37hwt]{margin:1.25rem 0 0;padding:1rem;overflow-x:auto;border-radius:var(--radius);background:var(--ground);border:1px solid var(--line);font-family:var(--font-mono);font-size:.8rem;line-height:1.6}.onboard-actions[data-astro-cid-efz37hwt]{margin-top:1.25rem}.onboard-demo[data-astro-cid-efz37hwt]{margin-top:1.5rem;font-size:.88rem;color:var(--muted)}.onboard-demo[data-astro-cid-efz37hwt] a[data-astro-cid-efz37hwt]{color:var(--ink)}@media (max-width: 860px){.onboard-steps[data-astro-cid-efz37hwt]{grid-template-columns:minmax(0,1fr)}}.app-body{background:var(--ground)}.app{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.side{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:1.5rem;padding:1.4rem 1rem 1.2rem;border-right:1px solid var(--line)}.side-top{display:flex;align-items:center;justify-content:space-between}.side-mark{font-family:var(--font-heading);font-weight:700;font-size:1.45rem;letter-spacing:-.04em;text-decoration:none;padding-inline:.6rem}.side-ws{display:flex;flex-direction:column;padding:.6rem .7rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);font-size:.9rem;font-weight:500}.side-ws small{color:var(--faint);font-weight:400;font-size:.78rem}.side-nav{display:flex;flex-direction:column;gap:2px}.side-nav a{display:flex;flex-direction:column;justify-content:center;min-height:44px;padding:.4rem .7rem;border-radius:var(--radius);text-decoration:none;color:var(--muted);font-size:.92rem;line-height:1.25;transition:background-color .15s ease,color .15s ease}.side-nav a small{font-size:.74rem;color:var(--faint)}.side-nav a:hover{background:color-mix(in srgb,var(--line) 40%,transparent);color:var(--ink)}.side-nav a[aria-current=page]{background:var(--surface);color:var(--ink);font-weight:500;box-shadow:inset 0 0 0 1px var(--line)}.side-foot{margin-top:auto;display:flex;flex-direction:column;gap:.25rem}.side-back{display:flex;align-items:center;justify-content:center;min-height:44px;font-size:.85rem;color:var(--muted);text-decoration:none}.side-back:hover{color:var(--ink)}.side-signin{width:100%;margin-bottom:.25rem}.side-foot form{margin:0}.side-foot button.side-back{width:100%;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);font:inherit;font-size:.85rem;cursor:pointer;transition:border-color .15s ease,color .15s ease}.side-foot button.side-back:hover{border-color:var(--ink)}.side-user{display:flex;align-items:center;gap:.6rem;padding:.5rem .25rem .75rem;min-width:0}.side-user img,.side-avatar{flex:none;width:32px;height:32px;border-radius:50%}.side-avatar{display:grid;place-items:center;background:var(--ink);color:var(--on-ink);font-size:.85rem;font-weight:600}.side-user-id{display:flex;flex-direction:column;min-width:0;font-size:.85rem;line-height:1.3}.side-user-id b,.side-user-id small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-user-id b{font-weight:500}.side-user-id small{color:var(--faint);font-size:.76rem}.main{min-width:0;padding:0 clamp(1rem,3vw,2.25rem) 3rem}.demo-bar a{color:var(--ink);font-weight:500}.state-panel p{color:var(--muted);margin-top:.5rem}.state-panel p:last-child{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.demo-bar{margin:0 calc(-1*clamp(1rem,3vw,2.25rem));padding:.55rem clamp(1rem,3vw,2.25rem);border-bottom:1px solid var(--line);font-size:.82rem;color:var(--muted);background:color-mix(in srgb,var(--accent-wash) 55%,var(--ground))}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:2rem 0 1.5rem}.page-head h1{font-size:clamp(1.6rem,3vw,2.1rem);letter-spacing:-.03em}.page-head p{color:var(--muted);margin-top:.35rem;max-width:64ch}.page{display:flex;flex-direction:column;gap:1rem}@media (max-width: 900px){.app{grid-template-columns:minmax(0,1fr)}.side{position:static;height:auto;flex-direction:row;align-items:center;gap:.75rem;padding:.5rem clamp(1rem,3vw,2.25rem);border-right:none;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none;mask-image:linear-gradient(to right,transparent 0,#000 1rem,#000 calc(100% - 2rem),transparent 100%)}.side-top{flex:none;gap:.25rem}.side-mark{padding-inline:0}.side-ws,.side-user,.side-foot>a,.side-nav a small{display:none}.side-foot{margin-top:0;flex:none}.side-foot button.side-back{white-space:nowrap;padding:0 .9rem}.side-nav{flex-direction:row}.side-nav a{white-space:nowrap}}