:root{--bg:#fff;--surface:#f8fafc;--card:#fff;--text:#334155;--heading:#0f172a;--muted:#64748b;--border:#e2e8f0;--border-strong:#cbd5e1;--accent:#4f46e5;--accent-strong:#4338ca;--accent-soft:#eef2ff;--value-bg:#eef2ff;--code-bg:#f8fafc;--shadow:0 1px 2px #0f172a0a, 0 8px 24px -12px #0f172a1f;--tok-comment:#94a3b8;--tok-string:#047857;--tok-keyword:#7c3aed;--tok-number:#c2410c;--on-accent:#fff;--radius:12px;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#0b1120;--surface:#0f172a;--card:#111827;--text:#e2e8f0;--heading:#f8fafc;--muted:#94a3b8;--border:#1e293b;--border-strong:#334155;--accent:#818cf8;--accent-strong:#a5b4fc;--accent-soft:#818cf824;--value-bg:#818cf824;--code-bg:#0a0f1d;--on-accent:#0b1120;--shadow:0 1px 2px #0006, 0 8px 24px -12px #0009;--tok-comment:#64748b;--tok-string:#86efac;--tok-keyword:#c4b5fd;--tok-number:#fdba74;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0b1120;--surface:#0f172a;--card:#111827;--text:#e2e8f0;--heading:#f8fafc;--muted:#94a3b8;--border:#1e293b;--border-strong:#334155;--accent:#818cf8;--accent-strong:#a5b4fc;--accent-soft:#818cf824;--value-bg:#818cf824;--code-bg:#0a0f1d;--on-accent:#0b1120;--shadow:0 1px 2px #0006, 0 8px 24px -12px #0009;--tok-comment:#64748b;--tok-string:#86efac;--tok-keyword:#c4b5fd;--tok-number:#fdba74;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:15px/1.6 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent);text-underline-offset:3px}a:hover{color:var(--accent-strong)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}code,kbd{font-family:var(--mono);font-size:.9em}:not(pre)>code{background:var(--accent-soft);color:var(--heading);border-radius:5px;padding:1px 5px}kbd{border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:5px;padding:1px 6px;font-size:12px}.layout{grid-template-columns:272px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);background:var(--surface);height:100vh;padding:18px 14px 32px;position:sticky;top:0;overflow-y:auto}.sidebar-top{align-items:center;gap:4px;margin:0 4px 14px;display:flex}.brand{white-space:nowrap;color:var(--heading);letter-spacing:-.01em;flex:1;align-items:center;gap:8px;font-size:17px;font-weight:700;text-decoration:none;display:flex}.brand:hover{color:var(--heading)}.logo{width:22px;height:22px;box-shadow:inset 0 0 0 5px var(--surface);outline:2px solid var(--accent);outline-offset:-2px;background:conic-gradient(from 210deg,#6366f1,#22d3ee,#a855f7,#6366f1);border-radius:7px}.version{background:var(--accent-soft);color:var(--accent);font:600 11px/1.6 var(--mono);border-radius:999px;padding:1px 6px}.icon-button{width:32px;height:32px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;padding:0;display:inline-grid}.icon-button:hover{border-color:var(--border);background:var(--card);color:var(--heading)}.search{margin:0 4px 6px;position:relative}.search input{border:1px solid var(--border);background:var(--card);width:100%;box-shadow:var(--shadow);border-radius:10px;padding:8px 44px 8px 34px;font-size:14px}.search input::-webkit-search-cancel-button{display:none}.search input:focus{border-color:var(--accent);outline:3px solid var(--accent-soft)}.search-icon{color:var(--muted);pointer-events:none;position:absolute;top:11px;left:11px}.search-key{color:var(--muted);background:var(--surface);pointer-events:none;position:absolute;top:8px;right:9px}.search-results{z-index:20;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);max-height:70vh;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 20px 48px -16px #00000059}.search-results a{color:var(--text);border-radius:8px;padding:8px 10px;text-decoration:none;display:block}.search-results [aria-selected=true] a{background:var(--accent-soft)}.search-title{color:var(--heading);font:600 13px/1.5 var(--mono);display:block}.search-summary{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.search-empty{color:var(--muted);padding:10px;font-size:14px}.nav-group h2{color:var(--heading);letter-spacing:.02em;margin:20px 10px 6px;font-size:12px;font-weight:650}.nav-group ul{margin:0;padding:0;list-style:none}.nav-group a{color:var(--muted);font:13px/1.55 var(--mono);border-radius:7px;padding:4px 10px;text-decoration:none;transition:background .12s,color .12s;display:block}.nav-group a:hover{background:var(--card);color:var(--heading)}.nav-group a[aria-current]{background:var(--accent-soft);color:var(--accent);font-weight:600}main{min-width:0;max-width:1040px;padding:36px 48px 0}.hero{padding:28px 0 20px}.hero h1{max-width:22ch;color:var(--heading);letter-spacing:-.03em;margin:0 0 14px;font-size:clamp(30px,4.2vw,46px);line-height:1.1}.accent{color:#0000;background:linear-gradient(90deg,#6366f1,#a855f7 60%,#22d3ee);-webkit-background-clip:text;background-clip:text}.hero p{max-width:62ch;color:var(--muted);margin:0 0 22px;font-size:17px}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.button{border-radius:10px;align-items:center;padding:9px 18px;font-weight:600;text-decoration:none;display:inline-flex}.button.primary{background:var(--accent);color:var(--on-accent);box-shadow:0 6px 18px -8px var(--accent)}.button.primary:hover{background:var(--accent-strong);color:var(--on-accent)}.install{border:1px solid var(--border);font-size:13px;background:var(--surface)!important;color:var(--text)!important;border-radius:10px!important;padding:9px 14px!important}.sticky-status{z-index:5;background:color-mix(in srgb, var(--bg) 85%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--muted);margin:0 -48px 8px;padding:10px 48px;font-size:14px;transition:box-shadow .15s;position:sticky;top:0}.sticky-status.stuck{box-shadow:0 1px 0 var(--border), 0 8px 16px -12px #0000004d}h2.group{color:var(--heading);letter-spacing:-.01em;margin:40px 0 4px;font-size:22px}.category{flex-direction:column;gap:14px;display:flex}.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);padding:20px 22px;scroll-margin-top:64px}.card h3{margin:0;font-size:16px}.card h3 a{color:var(--heading);text-decoration:none}.card h3 a:hover{color:var(--accent)}.card h3 a:hover code{text-decoration:underline}.card h3 code{color:inherit;background:0 0;padding:0}.desc{max-width:75ch;color:var(--muted);overflow-wrap:anywhere;margin:6px 0 0}.card-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:14px;display:grid}.anchor{scroll-margin-top:64px;display:block}.hint{color:var(--muted);margin:0 0 10px;font-size:13px}.body{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.code-block{min-width:0;position:relative}.code{border:1px solid var(--border);background:var(--code-bg);color:var(--heading);font:13px/1.65 var(--mono);border-radius:10px;margin:0;padding:14px 16px;overflow-x:auto}.tok-comment{color:var(--tok-comment);font-style:italic}.tok-string{color:var(--tok-string)}.tok-keyword{color:var(--tok-keyword)}.tok-number{color:var(--tok-number)}.copy{opacity:0;transition:opacity .15s;position:absolute;top:8px;right:8px;padding:2px 8px!important;font-size:12px!important}.code-block:hover .copy,.copy:focus-visible{opacity:1}@media (hover:none){.copy{opacity:1}.search-key{display:none}}button{border:1px solid var(--border-strong);background:var(--card);color:var(--heading);font:inherit;cursor:pointer;border-radius:8px;padding:5px 12px;font-size:13px;font-weight:500;transition:border-color .12s,background .12s}button:hover{border-color:var(--accent)}button[aria-pressed=true],button[aria-selected=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}input,textarea,select{border:1px solid var(--border-strong);background:var(--card);color:var(--heading);font:inherit;border-radius:8px;padding:5px 9px;font-size:13px}.row{align-items:center;gap:8px;display:flex}.value{background:var(--value-bg);color:var(--accent);border-radius:6px;padding:2px 8px;font-family:ui-monospace,monospace;font-size:13px;display:inline-block}.box{border:1px dashed var(--muted);border-radius:6px;padding:10px;transition:width .15s}.box.fs{background:var(--card);width:100%}.menu-wrap{position:relative}.menu{background:var(--card);border:1px solid var(--border);z-index:2;border-radius:6px;min-width:140px;margin:4px 0 0;padding:6px 0;list-style:none;position:absolute}.menu li{padding:4px 12px}.backdrop{z-index:10;background:#0006;place-items:center;display:grid;position:fixed;inset:0}.modal{background:var(--card);border-radius:10px;padding:20px}.sentinel{height:1px}.drop{text-align:center;width:100%;padding:20px 10px}.drop.over{border-color:var(--accent);background:var(--value-bg)}.hold{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.video{background:#000;border-radius:6px;width:100%}.drawer{border:1px solid var(--accent);border-radius:8px;flex-direction:column;gap:8px;width:100%;padding:12px;display:flex}.swipe{text-align:center;touch-action:pan-y;-webkit-user-select:none;user-select:none;width:100%;padding:24px 10px}.track{background:var(--border);border-radius:12px;height:24px;margin:8px 0;position:relative}.dot{background:var(--accent);border-radius:50%;width:24px;height:24px}.scroller{border:1px solid var(--border);border-radius:6px;max-height:140px;padding:4px 10px;transition:box-shadow .15s;overflow:auto}.scroller.shadow-top{box-shadow:inset 0 10px 8px -8px #00000040}.scroller.shadow-bottom{box-shadow:inset 0 -10px 8px -8px #00000040}.scroller.shadow-top.shadow-bottom{box-shadow:inset 0 10px 8px -8px #00000040,inset 0 -10px 8px -8px #00000040}.chat{height:140px;margin-bottom:8px}.autosize{resize:none;width:100%;line-height:20px}.paste,.paste textarea{width:100%}@media (width<=860px){.layout{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border);height:auto;padding:12px 0 10px 16px;position:static}.sidebar-top,.search{margin-right:16px}.sidebar nav{gap:14px;padding-right:16px;display:flex;overflow-x:auto}.nav-group{flex:none;align-items:center;gap:4px;display:flex}.nav-group h2{white-space:nowrap;margin:0 4px 0 0}.nav-group ul{gap:2px;display:flex}.nav-group a{white-space:nowrap}main{padding:20px 16px 0}.sticky-status{margin:0 -16px 8px;padding:10px 16px}}.split{border:1px solid var(--border);border-radius:6px;width:100%;height:72px;display:flex;overflow:hidden}.pane{color:var(--muted);place-items:center;font-size:13px;display:grid}.pane.grow{flex:1}.splitter{background:var(--border);cursor:col-resize;touch-action:none;flex:none;width:8px}.splitter:hover{background:var(--accent)}.caret-field{resize:none;width:100%}.mentions{z-index:3;background:var(--card);border:1px solid var(--border);border-radius:6px;margin:2px 0 0;padding:4px;font-size:13px;list-style:none;position:fixed;box-shadow:0 6px 16px #00000026}.mentions li{padding:2px 8px}.read-progress{background:var(--accent);transform-origin:0;height:2px;position:absolute;bottom:0;left:0;right:0}.quote{color:var(--muted);margin:0;font-size:13px}.tilt{font-size:28px;line-height:1;transition:transform .1s}.spotlight{border:1px solid var(--border);background:radial-gradient(90px at var(--x) var(--y), color-mix(in srgb, var(--accent) 40%, transparent), transparent);touch-action:none;border-radius:8px;align-self:stretch;height:120px}.doc{max-width:820px;padding-bottom:48px}.doc h1{color:var(--heading);letter-spacing:-.02em;margin:6px 0 8px;font-size:34px}.doc h1 code{background:0 0;padding:0}.doc h2{color:var(--heading);letter-spacing:-.01em;margin:36px 0 10px;padding-top:4px;scroll-margin-top:16px;font-size:20px}.doc h2 a{color:inherit;text-decoration:none}.doc h2 a:hover:after{content:" #";color:var(--muted)}.doc h3{color:var(--heading);margin:20px 0 8px;font-size:15px}.doc p,.doc li{overflow-wrap:anywhere;max-width:72ch}.doc .code-block+p,.doc .code-block+.code-block{margin-top:12px}.lead{color:var(--muted);font-size:17px}.doc>.demo{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);padding:20px 22px}.crumb{color:var(--accent);margin:0;font-size:13px;font-weight:600}.crumb a{text-decoration:none}.meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 8px;font-size:13px;display:flex}.meta>span{background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:2px 10px}.params{border-collapse:separate;border-spacing:0;border:1px solid var(--border);border-radius:10px;width:100%;margin-top:12px;font-size:14px;overflow:hidden}.params th,.params td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:9px 12px}.params tr:last-child td{border-bottom:0}.params th{background:var(--surface);color:var(--heading);font-size:13px}.signature{white-space:pre-wrap}.toc{flex-wrap:wrap;gap:6px;margin:18px 0 8px;display:flex}.toc a{border:1px solid var(--border);color:var(--text);border-radius:999px;padding:3px 10px;font-size:13px;text-decoration:none}.toc a:hover{border-color:var(--accent);color:var(--accent)}.step{border-top:1px solid var(--border);margin-top:28px}.tabs{gap:4px;margin-bottom:8px;display:flex}.next{margin-top:28px;font-weight:600}.pager{justify-content:space-between;gap:12px;margin-top:40px;display:flex}.pager a{border:1px solid var(--border);font:600 14px/1.4 var(--mono);border-radius:10px;flex:0 auto;padding:12px 16px;text-decoration:none}.pager a:hover{border-color:var(--accent)}footer{color:var(--muted);margin-top:120vh;padding:24px 0 48px}.support-badge{border-radius:999px;padding:2px 10px;font-size:12.5px;font-weight:600;text-decoration:none}.support-badge.all{color:#15803d;background:#16a34a24}.support-badge.new{color:var(--accent);background:#2563eb24}.support-badge.limited{color:#b45309;background:#d9770629}:root[data-theme=dark] .support-badge.all{color:#4ade80}:root[data-theme=dark] .support-badge.limited{color:#fbbf24}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .support-badge.all{color:#4ade80}:root:not([data-theme=light]) .support-badge.limited{color:#fbbf24}}.support-table-wrap{border:1px solid var(--border);border-radius:10px;overflow-x:auto}.support-table{border-collapse:collapse;width:100%;font-size:13.5px}.support-table th,.support-table td{border-bottom:1px solid var(--border);text-align:center;white-space:nowrap;padding:8px 10px}.support-table thead th{background:var(--surface);color:var(--heading);font-size:12.5px}.support-table tbody tr:last-child>*{border-bottom:0}.support-table tbody th{text-align:left;color:var(--heading);font-weight:600}.support-table td.yes{color:#15803d;font-family:var(--mono)}.support-table td.no{color:#dc2626;background:#dc262617;font-weight:700}.optional,.baseline{color:var(--muted);font-size:11.5px;font-weight:500;display:block}.baseline.high{color:#15803d}.baseline.low{color:var(--accent)}.baseline.limited{color:#b45309}.support-notes{margin:12px 0 0;padding-left:20px}.support-notes li+li{margin-top:6px}.support-source{color:var(--muted);margin:10px 0 0;font-size:13px}.doc.compare{max-width:none}.takeaways{max-width:72ch;padding-left:20px}.takeaways li+li{margin-top:8px}.compare-table td{font-family:var(--mono);font-size:13px}.compare-table td code{color:var(--muted);background:0 0;margin-top:2px;padding:0;font-size:11px;display:block}.compare-table .ours{background:var(--accent-soft)}.compare-table thead .ours{color:var(--accent)}.compare-table .mark,.legend .mark{font-weight:800}.compare-table td.good .mark,.legend .mark.good{color:#16a34a}.compare-table td.warn .mark,.legend .mark.warn{color:#d97706}.compare-table td.bad .mark,.legend .mark.bad{color:#dc2626}.compare-table td.warn{background:#d977061a}.compare-table td.bad{background:#dc26261a}.compare-table td.none{color:var(--muted)}.compare-table td.best{color:#15803d;font-weight:700}.compare-table td.best:after{content:" ★";font-size:10px}.compare-table .total>*{border-top:2px solid var(--border);font-weight:700}.legend{color:var(--text);margin:12px 0 0;padding-left:20px;font-size:14px}.legend li+li{margin-top:4px}main:has(.doc.compare){max-width:1320px}