:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--type-caption:12px;--type-small:14px;--type-body:15px;--type-reading:clamp(16px, 1.2vw, 18px);--type-card-title:17px;--type-display:clamp(32px, 3.1vw, 44px);--control-height:44px;--control-height-compact:32px;--control-radius:10px;--control-radius-compact:8px;--surface-radius:14px;--focus-ring-width:3px;--focus-ring-offset:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--bg:#090b0d;--panel:#0e1114;--panel-2:#12161a;--border:#ffffff14;--border-strong:#ffffff24;--text:#f2f3f4;--muted:#9a9fa6;--faint:#808890;--accent:#f4f4f2;--on-accent:#111315;--row-hover:#ffffff0b;--row-selected:#ffffff1a;--brand-mark-center:#111315;--hex-bg:#0b0e11;--hex-text:#dfe2e5;--hex-zero:#414850;--hex-offset:#7d858d;--tint-sig:#5ecb84;--tint-ihdr:#9aa7b5;--tint-plte:#b5a1ca;--tint-idat:#d39867;--tint-iend:#858b91;--tint-text:#91aeb1;--tint-anc:#7c8790;--tint-gps:#d96767;--tint-warning:#d6a84f;--warning-text:#e0bb6d;--ok-text:#75d796;--tint-error:#d96767;--alpha-base:.14;--alpha-selected:.28;--alpha-hover:.4}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#090b0d;--panel:#0e1114;--panel-2:#12161a;--border:#ffffff14;--border-strong:#ffffff24;--text:#f2f3f4;--muted:#9a9fa6;--faint:#808890;--accent:#f4f4f2;--on-accent:#111315;--row-hover:#ffffff0b;--row-selected:#ffffff1a;--brand-mark-center:#111315;--hex-bg:#0b0e11;--hex-text:#dfe2e5;--hex-zero:#414850;--hex-offset:#7d858d;--tint-sig:#5ecb84;--tint-ihdr:#9aa7b5;--tint-plte:#b5a1ca;--tint-idat:#d39867;--tint-iend:#858b91;--tint-text:#91aeb1;--tint-anc:#7c8790;--tint-gps:#d96767;--tint-warning:#d6a84f;--tint-error:#d96767;--alpha-base:.14;--alpha-selected:.28;--alpha-hover:.4;--warning-text:#e0bb6d;--ok-text:#75d796}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#090b0d;--panel:#0e1114;--panel-2:#12161a;--border:#ffffff14;--border-strong:#ffffff24;--text:#f2f3f4;--muted:#9a9fa6;--faint:#808890;--accent:#f4f4f2;--on-accent:#111315;--row-hover:#ffffff0b;--row-selected:#ffffff1a;--brand-mark-center:#111315;--hex-bg:#0b0e11;--hex-text:#dfe2e5;--hex-zero:#414850;--hex-offset:#7d858d;--tint-sig:#5ecb84;--tint-ihdr:#9aa7b5;--tint-plte:#b5a1ca;--tint-idat:#d39867;--tint-iend:#858b91;--tint-text:#91aeb1;--tint-anc:#7c8790;--tint-gps:#d96767;--tint-warning:#d6a84f;--tint-error:#d96767;--alpha-base:.14;--alpha-selected:.28;--alpha-hover:.4;--warning-text:#e0bb6d;--ok-text:#75d796}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f6f4;--panel:#fff;--panel-2:#fafaf8;--border:#1113151a;--border-strong:#11131529;--text:#1c1d1f;--muted:#5d6268;--faint:#6b7278;--accent:#292c30;--on-accent:#f4f4f2;--row-hover:#1113150a;--row-selected:#11131517;--brand-mark-center:#f6f6f4;--hex-bg:#fff;--hex-text:#1f2225;--hex-zero:#bdbdc2;--hex-offset:#858b91;--tint-sig:#168044;--tint-ihdr:#56616d;--tint-plte:#756489;--tint-idat:#a7622d;--tint-iend:#747b82;--tint-text:#356d73;--tint-anc:#59636c;--tint-gps:#b53c48;--tint-warning:#a97712;--warning-text:#855f00;--ok-text:#15803d;--tint-error:#b83e3e;--alpha-base:.1;--alpha-selected:.22;--alpha-hover:.34}@media (prefers-color-scheme:light){:root:not([data-theme]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f6f4;--panel:#fff;--panel-2:#fafaf8;--border:#1113151a;--border-strong:#11131529;--text:#1c1d1f;--muted:#5d6268;--faint:#6b7278;--accent:#292c30;--on-accent:#f4f4f2;--row-hover:#1113150a;--row-selected:#11131517;--brand-mark-center:#f6f6f4;--hex-bg:#fff;--hex-text:#1f2225;--hex-zero:#bdbdc2;--hex-offset:#858b91;--tint-sig:#168044;--tint-ihdr:#56616d;--tint-plte:#756489;--tint-idat:#a7622d;--tint-iend:#747b82;--tint-text:#356d73;--tint-anc:#59636c;--tint-gps:#b53c48;--tint-warning:#a97712;--warning-text:#855f00;--ok-text:#15803d;--tint-error:#b83e3e;--alpha-base:.1;--alpha-selected:.22;--alpha-hover:.34}}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:var(--type-body)/1.5 var(--font);-webkit-font-smoothing:antialiased;grid-template-rows:52px 1fr;display:grid;overflow:hidden}button,input{font:inherit}html{scroll-behavior:smooth}a{text-underline-offset:3px}button,input,select,textarea{accent-color:var(--accent)}.topbar{z-index:20;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);align-items:center;gap:clamp(12px,2vw,28px);min-width:0;padding:0 clamp(16px,3.2vw,48px);display:flex;position:relative}.brand{color:var(--text);letter-spacing:-.01em;flex:none;align-items:center;gap:8px;font-weight:650;display:flex}.brand svg{width:22px;height:22px}.brand svg path{fill:var(--accent)}.brand svg circle{fill:none;stroke:var(--brand-mark-center);stroke-width:2.5px}.actions{flex:none;gap:8px;display:flex}.language-button{justify-content:center;min-width:42px;padding:0 8px;font-size:12px;font-weight:650}.btn{min-height:var(--control-height-compact);height:var(--control-height-compact);border:1px solid var(--border);border-radius:var(--control-radius-compact);background:var(--panel);color:var(--text);cursor:pointer;align-items:center;padding:0 12px;font-weight:500;transition:background .12s,border-color .12s;display:inline-flex}.btn-icon{justify-content:center;width:32px;padding:0}.btn-icon svg{width:16px;height:16px}.btn:hover{border-color:var(--faint);background:var(--panel-2)}.btn-primary{min-height:var(--control-height);background:var(--accent);border-color:var(--accent);height:auto;color:var(--on-accent)}.btn-primary:hover{background:var(--accent);filter:brightness(1.08)}.btn[aria-pressed=true]{border-color:var(--accent);background:var(--panel-2);color:var(--text)}.btn:disabled,.btn[aria-disabled=true]{border-color:var(--faint);background:var(--panel-2);color:var(--muted);cursor:not-allowed;filter:none;opacity:1}.btn:disabled{opacity:.5;cursor:default}a.btn{text-decoration:none}.link{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.hint{color:var(--faint);margin:0}.visually-hidden{clip-path:inset(50%);clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}@media (max-width:360px){.actions{gap:2px}.actions .btn{padding:0 9px}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}:where(button,input,select,textarea,summary,a[href],[tabindex]):focus-visible{outline:var(--focus-ring-width) solid var(--accent);outline-offset:var(--focus-ring-offset)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.report{box-sizing:border-box;overscroll-behavior:contain;border:1px solid var(--border);background:var(--panel);width:min(680px,100vw - 32px);max-height:min(840px,100dvh - 32px);color:var(--text);border-radius:10px;padding:clamp(18px,3vw,28px);line-height:1.55;overflow:auto;box-shadow:inset 0 1px #ffffff05}.report[open]{align-content:start;gap:var(--space-3);grid-template-columns:minmax(0,1fr);display:grid}.report>*{min-width:0;margin-block:0}.report[open]>.dialog-x{grid-area:1/1;place-self:start end;margin:-6px -6px 0 0}.report[open]>.dialog-x+h2{grid-area:1/1;padding-right:40px}.report .btn{min-height:var(--control-height);border-radius:var(--control-radius);justify-content:center;height:auto}.report::backdrop{background:#00000073}.dialog-x{z-index:1;float:right;background:var(--panel);width:32px;height:32px;color:var(--muted);cursor:pointer;border:1px solid #0000;border-radius:8px;place-items:center;margin:-8px -8px 0 8px;padding:0;font-size:22px;line-height:1;display:grid;position:sticky;top:0}.dialog-x:hover{background:var(--panel-2);border-color:var(--border);color:var(--text)}.report h2{letter-spacing:-.02em;margin:0;font-size:clamp(20px,2vw,24px);line-height:1.2}.report-text{width:100%;min-height:220px;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--control-radius);background:var(--panel-2);color:var(--text);font:12px/1.5 var(--mono);white-space:pre;resize:vertical;margin:0}.report-actions{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}.feedback-form{gap:var(--space-3);display:grid}.feedback-kinds{gap:var(--space-2);flex-wrap:wrap;display:flex}.feedback-kind{min-height:var(--control-height);border:1px solid var(--border);background:var(--panel-2);color:var(--text);font:inherit;cursor:pointer;border-radius:999px;padding:0 14px}.feedback-kind[aria-checked=true]{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.feedback-message,.feedback-contact{box-sizing:border-box;border:1px solid var(--border);border-radius:var(--control-radius);background:var(--panel-2);width:100%;color:var(--text);font:inherit;padding:10px 12px}.feedback-message{resize:vertical;min-height:140px}.feedback-trap{clip-path:inset(50%);opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.feedback-attach{font-size:var(--type-small);align-items:flex-start;gap:8px;display:flex}.feedback-preview summary{cursor:pointer;font-size:var(--type-small);color:var(--muted)}.feedback-preview .report-text{margin-top:var(--space-2);min-height:140px}.feedback-status:empty{display:none}.feedback-status{font-size:var(--type-small);color:var(--muted);margin:0}.feedback-done{margin:0;font-size:17px}@media (max-width:520px){.report{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.report-actions{grid-template-columns:minmax(0,1fr);display:grid}.report-actions .btn{width:100%}}body.story{overflow:auto}.story .brand{color:inherit;text-decoration:none}.story .topbar{height:64px}.story-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;max-width:1320px;margin:0 auto;padding:36px 28px 80px;display:grid}.story-text{max-width:620px;color:var(--text);font-size:15.5px;line-height:1.6}.story-kicker{color:var(--accent);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:13px;font-weight:600}.story-text h1{letter-spacing:-.02em;margin:6px 0 14px;font-size:34px;line-height:1.1}.story-lede{color:var(--muted);font-size:17px;line-height:1.55}.story-text section{margin-top:36px}.story-text h2{letter-spacing:-.02em;align-items:center;gap:10px;margin:0 0 8px;font-size:21px;display:flex}.story-text .num{border:1px solid var(--border-strong);background:var(--accent);width:26px;height:26px;color:var(--on-accent);border-radius:50%;place-items:center;font-size:14px;display:grid}.story-jump{margin-top:4px}.story-diagram{width:100%;max-width:560px;margin:8px 0}.d-text{font:17px var(--mono);fill:var(--text)}.d-label{font:600 13px var(--mono);fill:var(--tint-idat)}.d-src{fill:none;stroke:var(--tint-idat);stroke-width:1.5px}.d-dst{fill:color-mix(in srgb, var(--tint-idat) 30%, transparent)}.d-arc{fill:none;stroke:var(--tint-idat);stroke-width:2px}.d-arrow{fill:var(--tint-idat)}.story-cta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.story-foot{color:var(--faint);font-size:13.5px}.story-foot a,.story-text p a:not(.btn),.story-text li a{color:var(--accent)}.story-text a.btn{text-decoration:none}.story-player{border:1px solid var(--border);background:var(--panel);border-radius:14px;align-self:start;height:calc(100vh - 100px);min-height:460px;display:grid;position:sticky;top:76px;overflow:hidden;box-shadow:0 20px 56px #00000038}.story-player .drawer-player{min-height:0}.story-player .player-close{display:none}.story-player .player-stage{grid-template-rows:150px minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.story-player .player-codes{max-height:none}.story-loading{color:var(--faint);place-self:center}.only-narrow{display:none}@media (max-width:1000px){.story-layout{grid-template-columns:minmax(0,1fr);gap:24px;padding:20px 16px 60px}.story-player{border-radius:14px 14px 0 0;height:52vh;min-height:0;margin:0 -16px -60px;position:sticky;top:auto;bottom:0;box-shadow:0 -8px 24px #00000040}.story-player .player-stage{grid-template-rows:110px minmax(0,1fr)}.story-text h1{font-size:28px}.only-wide{display:none}.only-narrow{display:inline}}.guide-layout{grid-template-columns:minmax(0,700px) minmax(160px,200px);align-items:start;column-gap:clamp(36px,5vw,64px);max-width:1040px;margin:0 auto;padding:36px 20px 80px;display:grid}.guide-layout .story-text{grid-area:1/1;max-width:none}.guide-toc{border-left:1px solid var(--border);overscroll-behavior:contain;grid-area:1/2;max-height:calc(100dvh - 112px);padding:3px 0 3px 16px;position:sticky;top:88px;overflow:auto}.guide-toc h2{color:var(--text);margin:0 0 12px;font-size:13px;font-weight:600;line-height:1.4}.guide-toc ol{gap:9px;margin:0;padding:0;list-style:none;display:grid}.guide-toc a{color:var(--muted);font-size:13px;line-height:1.45;text-decoration:none;display:block;position:relative}.guide-toc a[aria-current=location]{color:var(--text);font-weight:600}.guide-toc a[aria-current=location]:before{background:var(--text);content:"";border-radius:2px;width:2px;position:absolute;top:.25em;bottom:.25em;left:-17px}.guide-toc a:hover,.guide-toc a:focus-visible{color:var(--text);text-underline-offset:3px;text-decoration:underline}.guide-layout .story-text h2{scroll-margin-top:88px}.guide-layout .story-text h2:focus{outline:2px solid var(--border-strong);outline-offset:5px}.story-text ul,.story-text ol{padding-left:22px}.story-text li+li{margin-top:6px}.story-text .support-ways{padding-left:0;list-style:none}.support-ways li{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 12px;display:flex}.story-text .support-ways a.btn{color:var(--text)}.story-text code{font:13.5px var(--mono);background:var(--panel);border:1px solid var(--border);border-radius:4px;padding:1px 5px}.guide-note{border:1px solid var(--border);border-left:3px solid var(--accent);color:var(--muted);background:var(--panel);border-radius:0 6px 6px 0;padding:10px 14px}@media (max-width:900px){.guide-layout{max-width:700px;display:block}.guide-toc{display:none}}.guide-language-note{margin-top:0}.guide-more{border-top:1px solid var(--border);color:var(--muted);margin-top:48px;padding-top:20px;font-size:14.5px}.guide-more ul{padding:0;list-style:none}