:root{--ink:#2c2c2c;--slate:#4a4a4a;--paper:#f7f8fa;--card:#fff;--line:#e3e5e9;--accent:#2c2c2c;--code-bg:#2c2c2c;--code-fg:#f7f8fa;--max:68rem}@media (prefers-color-scheme:dark){:root{--ink:#f0f1f3;--slate:#b8bac0;--paper:#191a1c;--card:#212327;--line:#34363b;--accent:#f0f1f3;--code-bg:#121315;--code-fg:#e8e9eb}}*{box-sizing:border-box}html{color-scheme:light dark}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Manrope,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6}a{color:inherit;text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);text-underline-offset:.2em}a:hover{text-decoration-color:currentColor}code,pre{font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,monospace;font-size:.925em}code{background:color-mix(in srgb, var(--slate) 12%, transparent);border-radius:.3em;padding:.1em .35em}pre{background:var(--code-bg);color:var(--code-fg);border-radius:.6rem;padding:1rem 1.25rem;line-height:1.55;overflow-x:auto}pre code{background:0 0;padding:0}.wrap{max-width:var(--max);margin:0 auto;padding:0 1.25rem}.site-header{border-bottom:1px solid var(--line);background:var(--card)}.site-header .wrap{justify-content:space-between;align-items:center;gap:1rem;padding-top:.9rem;padding-bottom:.9rem;display:flex}.site-header nav{gap:1.4rem;font-size:.95rem;display:flex}.site-header nav a{color:var(--slate);text-decoration:none}.site-header nav a:hover,.site-header nav a[aria-current=page]{color:var(--ink)}.brand-lockup{width:auto;height:1.75rem;display:block}.only-dark{display:none}@media (prefers-color-scheme:dark){.only-dark{display:block}.only-light{display:none}}.site-footer{border-top:1px solid var(--line);color:var(--slate);margin-top:4rem;padding:2rem 0 3rem;font-size:.9rem}.hero{padding:4rem 0 2.5rem}.hero h1{letter-spacing:-.015em;max-width:42rem;margin:0 0 1rem;font-size:clamp(1.9rem,4.5vw,2.9rem);line-height:1.15}.hero p.lede{color:var(--slate);max-width:40rem;margin:0 0 1.5rem;font-size:1.15rem}.notice{border:1px solid var(--line);border-left:4px solid var(--slate);background:var(--card);color:var(--slate);border-radius:.5rem;max-width:44rem;padding:.85rem 1.1rem;font-size:.95rem}blockquote.principle{border-left:4px solid var(--accent);max-width:40rem;margin:2.5rem 0;padding:0 0 0 1.25rem;font-size:1.15rem}blockquote.principle cite{color:var(--slate);margin-top:.5rem;font-size:.9rem;font-style:normal;display:block}h2{letter-spacing:-.01em;margin-top:3rem}.card-grid{grid-template-columns:repeat(auto-fill,minmax(19rem,1fr));gap:1rem;margin:1.5rem 0;padding:0;list-style:none;display:grid}.card{border:1px solid var(--line);background:var(--card);border-radius:.7rem;padding:1.1rem 1.25rem}.card h3{margin:0 0 .25rem;font-size:1.05rem}.card p{color:var(--slate);margin:.4rem 0 0;font-size:.95rem}.status{letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--line);color:var(--slate);white-space:nowrap;border-radius:1rem;padding:.05rem .6rem;font-size:.75rem;font-weight:600;display:inline-block}.status[data-status=published]{border-color:color-mix(in srgb, var(--ink) 45%, transparent);color:var(--ink)}.component{border-top:1px solid var(--line);padding:2.25rem 0}.component header{flex-wrap:wrap;align-items:baseline;gap:.75rem;display:flex}.component h3{margin:0;font-size:1.35rem}.component .pkgs{color:var(--slate);font-size:.9rem}.two-col{grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:0 2.5rem;display:grid}.component ul{margin:.5rem 0 0;padding-left:1.1rem}.component li{margin:.35rem 0;font-size:.97rem}.component .col h4{text-transform:uppercase;letter-spacing:.05em;color:var(--slate);margin:1.1rem 0 0;font-size:.85rem}.now-line{color:var(--slate);margin-top:1.1rem;font-size:.95rem}.account-hero{max-width:43rem;padding:3.5rem 0 1.5rem}.account-hero h1{margin:.15rem 0 .65rem;font-size:clamp(1.9rem,4.5vw,2.75rem);line-height:1.15}.account-hero .lede{color:var(--slate);font-size:1.08rem}.eyebrow{color:var(--slate);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:700}.account-panel{border:1px solid var(--line);background:var(--card);border-radius:.7rem;max-width:43rem;margin-top:1.5rem;padding:1.4rem}.account-panel h2,.account-panel h3{margin-top:0}.account-heading,.passkey-list li,.account-inline{justify-content:space-between;align-items:center;gap:1rem;display:flex}.account-form{margin-top:1.5rem}.account-form label{margin-bottom:.35rem;font-size:.9rem;font-weight:650;display:block}.account-form input{border:1px solid var(--line);background:var(--paper);min-width:0;color:var(--ink);font:inherit;border-radius:.4rem;flex:1;padding:.65rem .75rem}button{border:1px solid var(--ink);background:var(--ink);color:var(--paper);font:inherit;cursor:pointer;border-radius:.4rem;padding:.65rem .9rem;font-weight:650}button:disabled{cursor:not-allowed;opacity:.5}.secondary-button,.text-button{color:var(--ink);background:0 0}.text-button{border-color:var(--line);padding:.25rem .45rem;font-size:.85rem}.form-note{color:var(--slate);margin:.4rem 0 0;font-size:.86rem}.passkey-list{padding:0;list-style:none}.passkey-list li{border-bottom:1px solid var(--line);padding:.65rem 0}#account-status[data-tone=error]{border-left-color:#a33}@media (width<=38rem){.account-inline,.account-heading{flex-direction:column;align-items:stretch}.account-inline button,.account-heading button{width:100%}}table{border-collapse:collapse;width:100%;margin:1.5rem 0;font-size:.95rem}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:.55rem .75rem}th{text-transform:uppercase;letter-spacing:.05em;color:var(--slate);font-size:.8rem}.table-scroll{overflow-x:auto}.example{margin:2.5rem 0}.example .source{color:var(--slate);margin-top:.4rem;font-size:.85rem}