:root{--bg:#0b0f1a;--bg2:#0e1424;--txt:#eef2ff;--muted:#9aa6c7;--card:rgba(255,255,255,.055);--brd:rgba(255,255,255,.12);--accent:#7c6cff;--accent2:#36d1c4;--accent3:#ff7ad9;--ok:#3ddc84;--warn:#ffc24b;--surface:rgba(4,7,16,.55);--surface-brd:rgba(255,255,255,.1);--code-bg:#070b15;--code-txt:#e6ebff;--inline-code:rgba(255,255,255,.12);--shadow:0 1px 0 rgba(255,255,255,.06) inset, 0 18px 40px -18px rgba(0,0,0,.75), 0 6px 14px -8px rgba(0,0,0,.55)}html[data-theme=light]{--bg:#eef1fb;--bg2:#e4e9f7;--txt:#141b35;--muted:#51608a;--card:rgba(255,255,255,.78);--brd:rgba(22,30,60,.12);--accent:#6a5cff;--accent2:#0f9f92;--accent3:#d4338b;--ok:#1f9d57;--warn:#c4790a;--surface:rgba(255,255,255,.94);--surface-brd:rgba(22,30,60,.1);--inline-code:rgba(22,30,60,.09);color-scheme:light}html{color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--txt);min-height:100vh;overflow-x:hidden;background:radial-gradient(1100px 700px at 12% -8%,rgba(124,108,255,.18),transparent 55%),radial-gradient(900px 600px at 108% 6%,rgba(54,209,196,.14),transparent 52%),linear-gradient(180deg,var(--bg),var(--bg2));background-attachment:fixed}header.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:14px;padding:13px 22px;backdrop-filter:blur(12px);background:#080b1480;border-bottom:1px solid var(--brd)}html[data-theme=light] header.topbar{background:#ffffffb3}.brand{font-weight:800;font-size:16px;display:flex;align-items:center;gap:9px}.brand .dot{width:11px;height:11px;border-radius:50%;background:linear-gradient(120deg,var(--accent),var(--accent3));box-shadow:0 0 14px var(--accent)}.spacer{flex:1}a.ghost,button.ghost{color:var(--txt);text-decoration:none;background:var(--card);border:1px solid var(--brd);border-radius:999px;padding:8px 15px;font:inherit;font-weight:600;cursor:pointer}a.ghost:hover,button.ghost:hover{border-color:var(--accent2)}.layout{display:grid;grid-template-columns:248px 1fr;gap:26px;max-width:1080px;margin:26px auto;padding:0 18px;align-items:start}nav.toc{position:sticky;top:78px;background:var(--card);border:1px solid var(--brd);border-radius:16px;padding:14px;box-shadow:var(--shadow);font-size:14px}nav.toc h5{margin:2px 6px 10px;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--accent2)}nav.toc a{display:block;color:var(--muted);text-decoration:none;padding:7px 10px;border-radius:9px}nav.toc a:hover{background:#ffffff0f;color:var(--txt)}main{min-width:0}h1{font-size:1.9rem;margin:0 0 6px}.lede{color:var(--muted);font-size:1.02rem;margin:0 0 26px;max-width:60ch}section.card{background:var(--surface);border:1px solid var(--surface-brd);border-radius:18px;padding:22px 24px;margin:0 0 22px;box-shadow:var(--shadow);scroll-margin-top:78px}section.card h2{margin:0 0 4px;font-size:1.3rem;display:flex;align-items:center;gap:10px}section.card h2 .ico{width:34px;height:34px;flex:none;border-radius:10px;background:#7c6cff29;color:var(--accent);display:grid;place-items:center;font-size:18px}section.card h3{margin:20px 0 6px;font-size:1.02rem;color:var(--accent2)}section.card p,section.card li{line-height:1.62;font-size:15px}.pilltag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:3px 10px;border-radius:999px;margin-left:auto}.pilltag.win{background:#36d1c429;color:var(--accent2)}.pilltag.mac{background:#7c6cff2e;color:var(--accent)}ol.steps{counter-reset:step;list-style:none;padding:0;margin:10px 0}ol.steps>li{position:relative;padding:2px 0 14px 42px}ol.steps>li:before{counter-increment:step;content:counter(step);position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%;background:linear-gradient(120deg,var(--accent),var(--accent2));color:#fff;font-weight:800;font-size:14px;display:grid;place-items:center}ol.steps>li:not(:last-child):after{content:"";position:absolute;left:13.5px;top:30px;bottom:2px;width:1.5px;background:var(--brd)}code{background:var(--inline-code);padding:2px 6px;border-radius:6px;font-size:13.5px;font-family:ui-monospace,SF Mono,Menlo,monospace}pre{background:var(--code-bg);border:1px solid var(--brd);border-radius:12px;padding:14px 16px;overflow-x:auto;position:relative}pre code{background:none;padding:0;color:var(--code-txt);font-size:13px;line-height:1.55}pre .copy{position:absolute;top:8px;right:8px;background:#ffffff14;border:1px solid var(--brd);color:var(--code-txt);border-radius:8px;padding:4px 10px;font-size:11px;cursor:pointer;font-family:ui-sans-serif,system-ui,sans-serif}pre .copy:hover{background:#ffffff29}.note{border-left:3px solid var(--accent);background:var(--inline-code);border-radius:0 10px 10px 0;padding:10px 14px;margin:14px 0;font-size:14px}.note.warn{border-left-color:var(--warn)}.note b{color:var(--txt)}.req{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.req .r{flex:1 1 180px;background:var(--card);border:1px solid var(--brd);border-radius:12px;padding:12px 14px}.req .r b{display:block;font-size:14px}.req .r span{color:var(--muted);font-size:12.5px}.check{list-style:none;padding:0;margin:8px 0}.check li{padding:6px 0 6px 28px;position:relative}.check li:before{content:"✓";position:absolute;left:0;color:var(--ok);font-weight:800}.foot{color:var(--muted);font-size:13px;text-align:center;margin:30px 0 50px}.foot a{color:var(--accent2)}@media(max-width:880px){.layout{grid-template-columns:1fr}nav.toc{position:static;order:2}main{order:1}}
