:root{--bg:#0a0a0b;--ink:#d6d6db;--muted:#8c8c93;--faint:#54545c;--body:#a6a6ad;--line:rgba(255,255,255,.09);--card:rgba(255,255,255,.04);--code-bg:#141416;--cta:#0a84ff;--cta-hi:#3b9bff;--cta-glow:rgba(10,132,255,.4);--good:#5be8a0;--mono:ui-monospace,"SFMono-Regular",Menlo,monospace;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,HarmonyOSHans-Regular,HarmonyOSHans-fallback,sans-serif;--w:clamp(600px, 576.5px + 6.522vw, 660px);--fs-3xs:clamp(10px, 9.609px + .1087vw, 11px);--fs-2xs:clamp(11.5px, 11.11px + .1087vw, 12.5px);--fs-sm:clamp(12.5px, 12.01px + .1359vw, 13.75px);--fs-base:clamp(13.5px, 12.91px + .163vw, 15px);--fs-lg:clamp(14.5px, 13.72px + .2174vw, 16.5px);--fs-xl:clamp(19px, 17.04px + .5435vw, 24px);--fs-2xl:clamp(24px, 20.87px + .8696vw, 32px);--fs-3xl:clamp(32px, 24.96px + 1.957vw, 50px)}@media(prefers-color-scheme:light){:root{--bg:#fbfbfc;--ink:#0d0d10;--muted:#6a6a72;--faint:#a1a1aa;--body:#55555d;--line:rgba(0,0,0,.1);--card:rgba(0,0,0,.025);--code-bg:#f4f4f6;--cta:#0071e3;--cta-hi:#0077ed;--cta-glow:rgba(0,113,227,.3);--good:#12995e}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.62;-webkit-font-smoothing:antialiased;font-size:var(--fs-lg);transition:background .3s,color .3s}a{color:inherit;text-decoration:none}.wrap{width:100%;max-width:var(--w);margin:0 auto;padding-left:22px;padding-right:22px}.mono{font-family:var(--mono)}.btn{font-family:var(--sans);font-size:var(--fs-2xs);font-weight:600;letter-spacing:.01em;display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:980px;background:var(--cta);color:#fff;box-shadow:0 1px 2px #00000024;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .18s ease,transform .12s ease,box-shadow .18s ease}.btn:hover{background:var(--cta-hi);box-shadow:0 5px 15px var(--cta-glow)}.btn:active{transform:scale(.96);box-shadow:0 1px 2px #00000024}.btn svg{width:12px;height:12px;margin-top:-1px}header{padding:34px 0 6px;text-align:center}.back{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:var(--fs-2xs);color:var(--muted);margin-bottom:30px;transition:color .15s}.back:hover{color:var(--ink)}h1{font-family:var(--mono);font-size:var(--fs-2xl);letter-spacing:-.02em;font-weight:600}.sub{color:var(--muted);margin:12px auto 0;max-width:440px;font-size:var(--fs-base)}section{padding:48px 0 0}.lbl{display:flex;align-items:center;justify-content:center;gap:13px;margin-bottom:22px;font-family:var(--sans);font-size:var(--fs-sm);font-weight:600;letter-spacing:.05em;color:var(--muted)}.lbl:before,.lbl:after{content:"";flex:none;width:26px;height:1px;background:var(--line)}.lbl .rec{font-family:var(--mono);font-size:var(--fs-3xs);font-weight:500;color:var(--good);border:1px solid var(--good);border-radius:8px;padding:1px 7px}.vbadge{display:inline-flex;align-items:center;flex:none;font-family:var(--mono);font-size:var(--fs-3xs);font-weight:500;color:var(--muted);background:var(--card);border:1px solid var(--line);border-radius:999px;padding:1px 8px;white-space:nowrap}.vbadge.soon{color:var(--cta-hi);background:color-mix(in srgb,var(--cta) 10%,transparent);border-color:color-mix(in srgb,var(--cta) 32%,transparent)}h1 .vbadge{font-size:var(--fs-2xs);padding:3px 11px;margin-left:10px;vertical-align:4px}.sincenote{max-width:440px;margin:14px auto 0;font-size:var(--fs-sm);line-height:1.6;color:var(--faint)}p.lead{color:var(--body);font-size:var(--fs-lg);margin:0 0 6px}p.lead b{color:var(--ink);font-weight:600}p.lead code,.ic{font-family:var(--mono);font-size:.92em;background:var(--card);border:1px solid var(--line);border-radius:6px;padding:1px 5px;color:var(--ink)}ul.feat{list-style:none;margin-top:22px;border-top:1px solid var(--line)}ul.feat li{padding:16px 2px;border-bottom:1px solid var(--line)}ul.feat h3{font-family:var(--mono);font-size:var(--fs-base);font-weight:600}ul.feat p{color:var(--muted);font-size:var(--fs-base);margin-top:2px}.chips{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:16px;font-family:var(--mono);font-size:var(--fs-2xs);color:var(--muted)}.chips span{padding:5px 11px;border:1px solid var(--line);border-radius:999px}.chips span.soon{color:var(--faint);border-style:dashed}.code{margin-top:16px;border:1px solid var(--line);border-radius:12px;background:var(--code-bg);overflow:hidden}.code .bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:var(--fs-2xs);color:var(--muted)}.code .bar .copy{font-family:var(--mono);font-size:var(--fs-2xs);line-height:1;color:var(--muted);flex:none;background:none;border:1px solid var(--line);border-radius:8px;padding:4px 9px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .15s,border-color .15s}.code .bar .copy:hover{color:var(--ink);border-color:var(--muted)}.code .bar .copy.ok{color:var(--good);border-color:var(--good)}.code pre{margin:0;padding:14px;overflow-x:auto;font-family:var(--mono);font-size:var(--fs-2xs);line-height:1.7;color:var(--ink)}.code .c{color:var(--muted)}ol.steps{margin:14px 0 0;padding-left:20px;color:var(--ink);font-size:var(--fs-base)}ol.steps li{margin:8px 0;padding-left:4px;color:var(--muted)}ol.steps b{color:var(--ink);font-weight:600}ol.steps code{font-family:var(--mono);font-size:.9em;background:var(--card);border:1px solid var(--line);border-radius:6px;padding:1px 5px}figure{margin:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--card)}figure img{display:block;width:100%;height:auto}figcaption{padding:10px 12px;font-size:var(--fs-2xs);line-height:1.5;color:var(--muted);border-top:1px solid var(--line)}figcaption b{color:var(--ink);font-weight:600}figcaption code{font-family:var(--mono);font-size:.92em;background:var(--card);border:1px solid var(--line);border-radius:6px;padding:1px 5px;color:var(--ink)}.refs{margin-top:16px;font-size:var(--fs-sm);color:var(--muted)}.refs a{color:var(--cta);border-bottom:1px solid transparent;transition:border-color .15s}.refs a:hover{border-color:var(--cta)}footer{margin-top:64px;border-top:1px solid var(--line);padding:24px 0 48px;text-align:center;font-family:var(--mono);font-size:var(--fs-2xs);color:var(--faint)}footer a{color:var(--muted);transition:color .15s}footer a:hover{color:var(--ink)}.langs{margin-top:10px}.langs span{color:var(--ink)}.year{margin-top:10px}.vgate{display:none}html[data-app-version] .vgate[data-state]{display:flex;position:sticky;bottom:0;z-index:5;gap:9px;align-items:center;justify-content:center;margin:28px 0 0;padding:11px 22px calc(11px + env(safe-area-inset-bottom));font-size:var(--fs-sm);line-height:1.5;color:var(--muted);background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:saturate(1.6) blur(12px);-webkit-backdrop-filter:saturate(1.6) blur(12px);border-top:1px solid var(--line)}.vgate-dot{flex:none;width:7px;height:7px;border-radius:50%;background:var(--good)}.vgate[data-state=unmet]{color:var(--ink)}.vgate[data-state=unmet] .vgate-dot{background:#e8a33d}html[data-app] .back{display:none}html[data-app] header{padding-top:16px}html[data-app] footer{padding-bottom:calc(24px + env(safe-area-inset-bottom))}