:root{--bg: #d9d7d3;--panel: #dfddda;--ink: #101114;--line: #acaba8;--hover: #2e2e2e;--hover-ink: #f3efe6;--header-bg: rgba(255, 255, 255, .22)}:root[data-theme=dark]{--bg: #15171b;--panel: #1e2126;--ink: #ece9e3;--line: #3e434b;--hover: #2f3136;--hover-ink: #f3efe6;--header-bg: rgba(32, 35, 41, .95)}[data-astro-cid-ddzzjigo]{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;letter-spacing:.04em}.frame[data-astro-cid-ddzzjigo]{width:min(1280px,calc(100% - 1.2rem));margin:.6rem auto;border:1px solid var(--line);border-radius:24px;background:var(--panel);overflow:hidden}.intro[data-astro-cid-ddzzjigo]{padding:1.5rem 1.6rem;border-bottom:1px solid var(--line)}h1[data-astro-cid-ddzzjigo]{margin:0;font-size:clamp(1.8rem,3.5vw,3rem);line-height:1;letter-spacing:.03em}.intro[data-astro-cid-ddzzjigo] p[data-astro-cid-ddzzjigo]{margin:.7rem 0 0;font-size:clamp(.82rem,.95vw,.95rem);text-transform:uppercase}.keyword-row[data-astro-cid-ddzzjigo]{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.45rem}.keyword-row[data-astro-cid-ddzzjigo] span[data-astro-cid-ddzzjigo]{border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 78%,white 22%);padding:.32rem .55rem;font-size:.68rem;text-transform:uppercase}.grid[data-astro-cid-ddzzjigo]{display:grid;gap:0;border-bottom:1px solid var(--line)}.two-up[data-astro-cid-ddzzjigo]{grid-template-columns:1fr 1fr}.four-up[data-astro-cid-ddzzjigo]{grid-template-columns:repeat(4,1fr)}.panel[data-astro-cid-ddzzjigo]{padding:1.2rem;border-right:1px solid var(--line)}.grid[data-astro-cid-ddzzjigo] .panel[data-astro-cid-ddzzjigo]:last-child{border-right:none}h2[data-astro-cid-ddzzjigo],h3[data-astro-cid-ddzzjigo]{margin:0 0 .7rem;font-size:clamp(1rem,1.4vw,1.45rem);letter-spacing:.02em}.panel[data-astro-cid-ddzzjigo] p[data-astro-cid-ddzzjigo]{margin:0 0 .8rem;line-height:1.65;font-size:clamp(.82rem,.95vw,.95rem);max-width:72ch}.rule-list[data-astro-cid-ddzzjigo],.token-panel[data-astro-cid-ddzzjigo] ul[data-astro-cid-ddzzjigo]{margin:0;padding:0;list-style:none}.rule-list[data-astro-cid-ddzzjigo] li[data-astro-cid-ddzzjigo]{padding:.55rem 0;border-top:1px solid var(--line)}.rule-list[data-astro-cid-ddzzjigo] .label[data-astro-cid-ddzzjigo]{font-weight:700;margin:0 0 .2rem;text-transform:uppercase;font-size:.72rem}.token-panel[data-astro-cid-ddzzjigo] li[data-astro-cid-ddzzjigo]{border-top:1px solid var(--line);padding:.5rem 0}.token-panel[data-astro-cid-ddzzjigo] li[data-astro-cid-ddzzjigo] span[data-astro-cid-ddzzjigo]{display:block;margin:0 0 .28rem;text-transform:uppercase;font-size:.68rem;font-weight:700}.token-panel[data-astro-cid-ddzzjigo] li[data-astro-cid-ddzzjigo] p[data-astro-cid-ddzzjigo],.token-panel[data-astro-cid-ddzzjigo] li[data-astro-cid-ddzzjigo] code[data-astro-cid-ddzzjigo]{margin:0;font-size:.78rem;letter-spacing:.02em}.components[data-astro-cid-ddzzjigo]{border-bottom:1px solid var(--line);border-right:none}.component-table[data-astro-cid-ddzzjigo]{border-top:1px solid var(--line)}.component-row[data-astro-cid-ddzzjigo]{display:grid;grid-template-columns:260px 1fr;gap:1rem;border-bottom:1px solid var(--line);padding:.7rem 0}.component-name[data-astro-cid-ddzzjigo]{margin:0;font-size:.78rem;text-transform:uppercase;font-weight:700}.guide-footer[data-astro-cid-ddzzjigo]{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 1.2rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.07em}.guide-footer[data-astro-cid-ddzzjigo] p[data-astro-cid-ddzzjigo]{margin:0}.guide-footer[data-astro-cid-ddzzjigo] a[data-astro-cid-ddzzjigo]{color:inherit;text-decoration:none;border-bottom:1px solid var(--ink)}.example-stack[data-astro-cid-ddzzjigo],.motion-stack[data-astro-cid-ddzzjigo]{display:grid;gap:.8rem}.demo-tldr[data-astro-cid-ddzzjigo]{border:1px solid #0b0c10;background:transparent;color:#f3efe6}.demo-tldr[data-astro-cid-ddzzjigo] summary[data-astro-cid-ddzzjigo]{list-style:none;cursor:pointer;display:flex;align-items:stretch;width:100%}.demo-tldr[data-astro-cid-ddzzjigo] summary[data-astro-cid-ddzzjigo]::-webkit-details-marker{display:none}.demo-tldr[data-astro-cid-ddzzjigo] summary[data-astro-cid-ddzzjigo]>span[data-astro-cid-ddzzjigo]{display:inline-flex;align-items:center;padding:.42rem .68rem;background:#050607;border-right:1px solid #0b0c10;font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;font-weight:700}.demo-tldr-content[data-astro-cid-ddzzjigo]{background:#050607;padding:.7rem .78rem .82rem}.demo-tldr-content[data-astro-cid-ddzzjigo] p[data-astro-cid-ddzzjigo]{margin:0;color:#ece9e3;font-size:.78rem}.demo-card[data-astro-cid-ddzzjigo]{border:1px solid var(--line);padding:.75rem;background:color-mix(in srgb,var(--panel) 84%,white 16%)}.demo-kicker[data-astro-cid-ddzzjigo]{margin:0 0 .28rem;font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.demo-card[data-astro-cid-ddzzjigo] h3[data-astro-cid-ddzzjigo]{margin:0 0 .4rem;font-size:1rem}.demo-row[data-astro-cid-ddzzjigo]{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;align-items:center;text-decoration:none;color:inherit;border:1px solid var(--line);padding:.68rem .75rem;transition:background-color .18s ease,color .18s ease}.demo-row[data-astro-cid-ddzzjigo] span[data-astro-cid-ddzzjigo]{font-size:.85rem}.demo-row[data-astro-cid-ddzzjigo] small[data-astro-cid-ddzzjigo]{font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;line-height:1.25}.demo-row[data-astro-cid-ddzzjigo]:hover,.demo-row[data-astro-cid-ddzzjigo]:focus-visible{background:var(--hover);color:var(--hover-ink)}.motion-item[data-astro-cid-ddzzjigo]{display:grid;grid-template-columns:120px 1fr;gap:.8rem;align-items:center;border-top:1px solid var(--line);padding-top:.7rem}.motion-item[data-astro-cid-ddzzjigo]:first-child{border-top:none;padding-top:0}.motion-demo[data-astro-cid-ddzzjigo]{position:relative;width:110px;height:74px;border:1px solid var(--line);overflow:hidden;background:color-mix(in srgb,var(--panel) 86%,white 14%)}.motion-demo[data-astro-cid-ddzzjigo] span[data-astro-cid-ddzzjigo]{position:absolute;display:block}.demo-pulse[data-astro-cid-ddzzjigo] span[data-astro-cid-ddzzjigo]{border:1px solid #101114;border-radius:999px;top:50%;left:50%;transform:translate(-50%,-50%);animation:pulseRings 2.4s infinite ease-out}.demo-pulse[data-astro-cid-ddzzjigo] span[data-astro-cid-ddzzjigo]:nth-child(1){width:16px;height:16px;animation-delay:0s}.demo-pulse[data-astro-cid-ddzzjigo] span[data-astro-cid-ddzzjigo]:nth-child(2){width:16px;height:16px;animation-delay:.5s}.demo-pulse[data-astro-cid-ddzzjigo] span[data-astro-cid-ddzzjigo]:nth-child(3){width:16px;height:16px;animation-delay:1s}.demo-path[data-astro-cid-ddzzjigo] span[data-astro-cid-ddzzjigo]{width:8px;height:8px;border-radius:999px;background:#101114;animation:signalPath 2.2s infinite ease-in-out}.demo-path[data-astro-cid-ddzzjigo] span[data-astro-cid-ddzzjigo]:nth-child(1){top:54px;left:8px;animation-delay:0s}.demo-path[data-astro-cid-ddzzjigo] span[data-astro-cid-ddzzjigo]:nth-child(2){top:54px;left:8px;animation-delay:.35s}.demo-path[data-astro-cid-ddzzjigo] span[data-astro-cid-ddzzjigo]:nth-child(3){top:54px;left:8px;animation-delay:.7s}.demo-assembly[data-astro-cid-ddzzjigo] span[data-astro-cid-ddzzjigo]{width:12px;height:12px;border:1px solid #101114;background:#1011141f;animation:assembleGrid 2.4s infinite ease-in-out}.demo-assembly[data-astro-cid-ddzzjigo] span[data-astro-cid-ddzzjigo]:nth-child(1){top:8px;left:8px;animation-delay:0s}.demo-assembly[data-astro-cid-ddzzjigo] span[data-astro-cid-ddzzjigo]:nth-child(2){top:50px;left:48px;animation-delay:.28s}.demo-assembly[data-astro-cid-ddzzjigo] span[data-astro-cid-ddzzjigo]:nth-child(3){top:32px;left:90px;animation-delay:.56s}@keyframes pulseRings{0%{transform:translate(-50%,-50%) scale(.55);opacity:.95}to{transform:translate(-50%,-50%) scale(3.6);opacity:0}}@keyframes signalPath{0%{transform:translate(0);opacity:.95}40%{transform:translate(38px,-24px);opacity:1}to{transform:translate(90px,-40px);opacity:.3}}@keyframes assembleGrid{0%{transform:translate(0)}40%{transform:translate(8px,-6px)}75%{transform:translate(-6px,4px)}to{transform:translate(22px,-10px)}}@media(max-width:1080px){.two-up[data-astro-cid-ddzzjigo],.four-up[data-astro-cid-ddzzjigo]{grid-template-columns:1fr}.panel[data-astro-cid-ddzzjigo]{border-right:none;border-bottom:1px solid var(--line)}.four-up[data-astro-cid-ddzzjigo] .panel[data-astro-cid-ddzzjigo]:last-child,.two-up[data-astro-cid-ddzzjigo] .panel[data-astro-cid-ddzzjigo]:last-child{border-bottom:none}.component-row[data-astro-cid-ddzzjigo]{grid-template-columns:1fr;gap:.4rem}.motion-item[data-astro-cid-ddzzjigo],.demo-row[data-astro-cid-ddzzjigo]{grid-template-columns:1fr}}@media(max-width:600px){.frame[data-astro-cid-ddzzjigo]{width:calc(100% - .6rem);margin:.3rem auto;border-radius:16px}.intro[data-astro-cid-ddzzjigo],.panel[data-astro-cid-ddzzjigo]{padding:.9rem}.guide-footer[data-astro-cid-ddzzjigo]{padding:.75rem .9rem;flex-direction:column;align-items:flex-start}}