:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f9faf8;--panel:#fff;--soft:#eef2ed;--text:#182820;--muted:#53665b;--line:#dce4dd;--accent:#176844;--code:#edf1ec;--header:#f9faf8f5;font-synthesis:none;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Noto Sans JP,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111a17;--panel:#17231e;--soft:#1b2d24;--text:#e2ece5;--muted:#a4b8aa;--line:#2f4438;--accent:#89d9af;--code:#1b2922;--header:#111a17f5}@media (prefers-color-scheme:dark){:root:not([data-theme]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111a17;--panel:#17231e;--soft:#1b2d24;--text:#e2ece5;--muted:#a4b8aa;--line:#2f4438;--accent:#89d9af;--code:#1b2922;--header:#111a17}}*{box-sizing:border-box}html{scroll-padding-top:6rem}body{background:var(--bg);color:var(--text);margin:0;line-height:1.85}a{color:var(--accent);text-underline-offset:.22em}a:hover{text-decoration-thickness:2px}button{font:inherit;cursor:pointer;color:var(--text);background:var(--soft);border:1px solid var(--line);border-radius:.5rem;padding:.45rem .85rem}button:hover{border-color:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}.skip{background:var(--panel);z-index:10;padding:.6rem;position:fixed;top:-6rem;left:1rem}.skip:focus{top:1rem}.site-header{border-bottom:1px solid var(--line);background:var(--header);z-index:5;justify-content:space-between;align-items:center;gap:1rem;height:4.5rem;padding:0 2rem;display:flex;position:sticky;top:0}.brand{color:var(--text);letter-spacing:-.03em;align-items:center;gap:.6rem;font-size:1.25rem;font-weight:750;text-decoration:none;display:flex}.brand-mark{border:1px solid var(--accent);width:1.9rem;height:1.9rem;color:var(--accent);border-radius:.5rem;place-items:center;font-size:1rem;display:grid}.badge{letter-spacing:.08em;border:1px solid var(--line);color:var(--muted);border-radius:.3rem;padding:.1rem .4rem;font-size:.55rem;font-weight:600}.site-header nav{align-items:center;gap:1.2rem;display:flex}.site-header nav a{color:var(--text);font-size:.85rem;font-weight:600;text-decoration:none}.site-header button{padding:.25rem .7rem}.menu-toggle{display:none}.layout{grid-template-columns:15rem minmax(0,1fr) 12rem;max-width:1600px;margin:auto;display:grid}#sidebar{border-right:1px solid var(--line);height:calc(100dvh - 4.5rem);padding:1.7rem 1.4rem;position:sticky;top:4.5rem;overflow:auto}#sidebar section{margin-bottom:1.3rem}#sidebar h2{color:var(--muted);letter-spacing:.08em;margin:0 0 .35rem;font-size:.7rem}#sidebar a{color:var(--muted);border-radius:.4rem;margin-left:-.65rem;padding:.4rem .65rem;font-size:.82rem;line-height:1.5;text-decoration:none;display:block}#sidebar a[aria-current=page]{color:var(--accent);background:var(--soft);font-weight:650}main{width:100%;min-width:0;max-width:64rem;padding:3rem clamp(1.3rem,4vw,4.5rem)}article h1{letter-spacing:-.045em;margin:0 0 1.8rem;font-size:clamp(1.9rem,3vw,2.7rem);font-weight:750;line-height:1.35}h2{letter-spacing:-.02em;margin:2.8rem 0 1rem;padding-top:.25rem;font-size:1.35rem;line-height:1.5}h3{margin:1.8rem 0 .7rem;font-size:1.06rem}p,ul,ol{margin:1rem 0}li+li{margin-top:.4rem}article>p:first-of-type{color:var(--muted);font-size:1.05rem}strong{font-weight:700}code{background:var(--code);overflow-wrap:anywhere;border-radius:.25rem;padding:.12em .3em;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.85em}pre{background:var(--code);border:1px solid var(--line);tab-size:2;border-radius:.65rem;padding:1.3rem;font-size:.88rem;line-height:1.75;overflow:auto}pre code{font-size:inherit;overflow-wrap:normal;background:0 0;padding:0}blockquote{border-left:3px solid var(--accent);background:var(--soft);color:var(--muted);margin:1.5rem 0;padding:.2rem 1.1rem}table{border-collapse:collapse;width:100%;margin:1.5rem 0;font-size:.88rem;display:block;overflow:auto}th,td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:.6rem .8rem}th{background:var(--soft)}hr{border:0;border-top:1px solid var(--line);margin:2rem 0}img{max-width:100%}.on-page{max-height:calc(100dvh - 8rem);padding:0 1rem 1rem 0;font-size:.73rem;position:sticky;top:6.4rem;overflow:auto}.on-page p{color:var(--muted);margin-top:0;font-weight:650}.on-page a{color:var(--muted);padding:.35rem 0;line-height:1.6;text-decoration:none;display:block}footer{border-top:1px solid var(--line);color:var(--muted);margin-top:4rem;padding-top:1.5rem;font-size:.75rem}.home h1{max-width:13em;margin-top:1rem;font-size:clamp(2.5rem,5vw,4rem);line-height:1.18}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font:600 .7rem ui-monospace,monospace}.lead{color:var(--muted);font-size:1.15rem}.actions{flex-wrap:wrap;align-items:center;gap:1rem;margin:1.3rem 0;display:flex}.primary,.actions button{background:var(--accent);color:var(--bg);border-radius:.5rem;padding:.65rem 1rem;font-weight:650;text-decoration:none;display:inline-block}.feature-grid,.example-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:2rem 0;display:grid}.feature,.example-card{border:1px solid var(--line);background:var(--panel);border-radius:.8rem;padding:1.35rem}.feature h2,.example-card h2{margin:.6rem 0;font-size:1.2rem}.feature p,.example-card p{color:var(--muted);font-size:.87rem}.example-card .actions{display:block}.example-card button{margin-bottom:.7rem;display:block}.example-card .related{font-size:.75rem}.playground{border:1px solid var(--line);border-radius:.8rem;padding:1rem;scroll-margin-top:5.5rem}.player-toolbar{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.player-toolbar h2{margin:0 auto 0 0}.playground iframe{background:#101922;border:0;border-radius:.5rem;width:100%;height:660px;display:block}.playground p{color:var(--muted);font-size:.8rem}@media (width>=1600px){main{padding-left:5rem;padding-right:5rem}}@media (width<=1150px){.layout{grid-template-columns:14rem minmax(0,1fr)}.on-page{display:none}.site-header{padding:0 1.3rem}main{padding:2.5rem 2rem}}@media (width<=760px){.site-header{height:4rem;padding:0 .9rem}.brand{font-size:1.05rem}.brand-mark,.badge{display:none}.site-header nav{gap:.7rem}.site-header nav a{font-size:.74rem}.site-header nav a:first-child{display:none}.menu-toggle,.layout{display:block}#sidebar{background:var(--panel);z-index:4;height:calc(100dvh - 4rem);padding:1.5rem 2rem;display:none;position:fixed;top:4rem;left:0;right:0}.menu-open #sidebar{display:block}.menu-open{overflow:hidden}main{padding:2rem 1.1rem}.feature-grid,.example-grid{grid-template-columns:1fr}.home h1{font-size:2.1rem}pre{padding:1rem;font-size:.78rem}.playground{padding:.65rem}.playground iframe{height:690px}.player-toolbar{font-size:.8rem}h2{margin-top:2rem}html{scroll-padding-top:5rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}article{overflow-wrap:anywhere}