:root{--blue:#1b66ff;--blue-dark:#0f3fa8;--blue-soft:#eaf1ff;--navy:#0d1b3e;--ink:#1a2230;--gray:#5b6677;--line:#e6e9ef;--line-strong:#d7dce6;--bg-soft:#f6f8fc;--white:#fff;--radius:14px;--maxw:760px;--shadow:0 1px 2px #1018280a, 0 8px 24px #1018280d;--font:"Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", "YuGothic", Meiryo, system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--white);font-size:16px;line-height:1.85;font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-weight:500}b,strong{font-weight:700}a{color:var(--blue);text-decoration:none}h1,h2,h3,p{margin:0}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}[data-osblock]{display:none}:root[data-os=win] [data-osblock~=win],:root[data-os=mac] [data-osblock~=mac],:root[data-os=linux] [data-osblock~=linux]{display:block}[data-osi]{display:none}:root[data-os=win] [data-osi~=win],:root[data-os=mac] [data-osi~=mac],:root[data-os=linux] [data-osi~=linux]{display:inline}header{z-index:50;backdrop-filter:saturate(180%)blur(10px);border-bottom:1px solid var(--line);background:#ffffffeb;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;height:60px;display:flex}.logo{letter-spacing:.02em;color:var(--navy);font-size:22px;font-weight:800}.nav a.back{color:var(--gray);font-size:13.5px;font-weight:700}.nav a.back:hover{color:var(--ink)}.hero{background:radial-gradient(720px 340px at 88% -12%,#1b66ff17,#0000 60%),#fff;padding:56px 0 30px}.eyebrow{letter-spacing:.14em;color:var(--blue);text-transform:uppercase;margin-bottom:14px;font-size:12px;font-weight:800;display:inline-block}.hero h1{letter-spacing:.01em;font-size:28px;font-weight:800;line-height:1.5}.hero h1 em{color:var(--blue);font-style:normal}.hero .lead{color:var(--ink);margin-top:18px;font-size:16px;font-weight:500;line-height:1.9}.hero .lead b{font-weight:700}.hero .lead-sub{color:var(--gray);margin-top:8px;font-size:13.5px;font-weight:500}.hero .lead-sub b{color:var(--ink);font-weight:700}.facts{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.facts span{color:var(--ink);background:var(--bg-soft);border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:700}.osbar{border:1px solid var(--line);background:var(--bg-soft);border-radius:16px;margin:30px 0 0;padding:20px}.osbar .lbl{color:var(--ink);align-items:center;gap:9px;margin-bottom:14px;font-size:14px;font-weight:700;display:flex}.osbar .lbl .s0{background:var(--blue);color:#fff;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:12px;font-weight:800;display:grid}.ostabs{flex-wrap:wrap;gap:12px;display:flex}.ostab{cursor:pointer;min-width:150px;color:var(--ink);border:1.5px solid var(--line-strong);background:#fff;border-radius:14px;flex:180px;justify-content:center;align-items:center;gap:10px;padding:18px 22px;font-family:inherit;font-size:16px;font-weight:700;transition:all .15s;display:inline-flex;position:relative}.ostab:hover{border-color:var(--blue);color:var(--blue);transform:translateY(-1px);box-shadow:0 8px 18px -12px #1b66ff80}.ostab svg{width:22px;height:22px}:root[data-os=win] .ostab[data-os=win],:root[data-os=mac] .ostab[data-os=mac],:root[data-os=linux] .ostab[data-os=linux]{background:var(--blue);border-color:var(--blue);color:#fff;transform:none;box-shadow:0 12px 24px -12px #1b66ffbf}.oshint{color:var(--gray);margin:14px 0 0;font-size:12.5px;font-weight:500}:root[data-os] .oshint{display:none}main{padding:14px 0 60px;display:none}:root[data-os] main{display:block}.prereq{background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius);margin:26px 0 34px;padding:18px 20px}.prereq h2{color:var(--ink);letter-spacing:.02em;margin-bottom:10px;font-size:14px;font-weight:800}ul.checks{margin:0;padding:0;list-style:none}ul.checks li{padding:5px 0 5px 26px;font-size:14px;line-height:1.7;position:relative}ul.checks li:before{content:"";width:16px;height:16px;box-shadow:inset 0 0 0 1.5px var(--blue);background:#fff;border-radius:5px;position:absolute;top:11px;left:0}ul.checks li:after{content:"";border:solid var(--blue);border-width:0 2px 2px 0;width:5px;height:8px;position:absolute;top:13px;left:5px;transform:rotate(42deg)}ul.checks li b{color:var(--ink)}ul.checks li .note{color:var(--gray);font-size:12.5px}.step{margin:0 0 30px;padding-left:52px;position:relative}.step .num{background:var(--blue);color:#fff;border-radius:10px;place-items:center;width:34px;height:34px;font-size:15px;font-weight:800;display:grid;position:absolute;top:0;left:0}.step .line{background:var(--line);width:2px;position:absolute;top:40px;bottom:-30px;left:16px}.step:last-of-type .line{display:none}.step h3{flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:8px;font-size:17px;font-weight:800;display:flex}.tag{letter-spacing:.03em;color:var(--gray);background:var(--bg-soft);border:1px solid var(--line-strong);border-radius:999px;padding:2px 9px;font-size:11px;font-weight:800}.step p{margin:0 0 12px;font-size:14.5px}.step p.sub{color:var(--gray);font-size:13px}.code{background:var(--navy);border-radius:11px;margin:0 0 12px;overflow:hidden;box-shadow:0 8px 20px -12px #0d1b3e80}.code .bar{background:#ffffff0d;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.code .bar .t{color:#9db4e6;letter-spacing:.05em;font-size:11px;font-weight:700}.code pre{margin:0;padding:13px 14px;overflow-x:auto}.code code{color:#eaf1ff;white-space:pre;font-family:SF Mono,ui-monospace,Menlo,Consolas,monospace;font-size:13.5px;line-height:1.6}.code .pr{color:#6f86bd;user-select:none}.copy{color:#dbe6ff;font:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff38;border-radius:7px;flex:none;padding:4px 11px;font-size:12px;font-weight:700;transition:all .15s}.copy:hover{background:#ffffff26}.copy.done{color:#fff;background:#1fae5a;border-color:#1fae5a}.note-box{border:1px solid var(--line);background:var(--bg-soft);color:var(--ink);border-radius:11px;margin:0 0 12px;padding:12px 15px;font-size:13.5px}.note-box.accent{background:var(--blue-soft);color:#173a7a;border-color:#cfe0ff}.note-box.warn{color:#6b4a10;background:#fff8ea;border-color:#f4d489}.note-box .t{align-items:center;gap:7px;margin-bottom:4px;font-weight:800;display:flex}.note-box .t svg{color:var(--blue);flex:none}.note-box.warn .t svg{color:#d98a0b}.note-box .t.tip svg{color:#e0910c}.note-box code{background:#0d1b3e0f;border-radius:5px;padding:1px 6px;font-size:12.5px}.btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#3b78ff,#1b66ff);border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;margin:2px 0 8px;padding:11px 22px;font-size:14.5px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 10px 22px -12px #1b66ffb3}.btn:hover{transform:translateY(-1px);box-shadow:0 14px 26px -12px #1b66ffcc}kbd{border:1px solid var(--line-strong);font:inherit;color:var(--ink);background:#eef1f6;border-bottom-width:2px;border-radius:5px;padding:1px 7px;font-size:12.5px;font-weight:700}.kv{background:var(--navy);color:#8fe3ff;border-radius:5px;padding:1px 7px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px}.ui{color:var(--ink);border:1px solid var(--line-strong);background:#fff;border-radius:7px;align-items:center;margin:0 1px;padding:1px 9px;font-size:12.5px;font-weight:700;display:inline-flex}.ui.primary{background:var(--blue);color:#fff;border-color:var(--blue)}details.adv{margin:4px 0 0;font-size:13.5px}details.adv summary{cursor:pointer;color:var(--blue);font-weight:700}details.adv .in{color:var(--gray);margin-top:8px}details.adv code{background:var(--bg-soft);border:1px solid var(--line);color:var(--ink);border-radius:5px;padding:1px 6px;font-size:12.5px}.trouble{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;margin:38px 0 0;overflow:hidden}.trouble h2{padding:16px 20px 2px;font-size:15px;font-weight:800}.trouble details{border-top:1px solid var(--line)}.trouble summary{cursor:pointer;align-items:center;gap:10px;padding:13px 20px;font-size:14px;font-weight:700;list-style:none;display:flex}.trouble summary::-webkit-details-marker{display:none}.trouble summary:before{content:"?";background:var(--blue-soft);width:20px;height:20px;color:var(--blue);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:800;display:grid}.trouble details[open] summary:before{content:"×";background:var(--blue);color:#fff}.trouble .body{color:var(--gray);padding:0 20px 15px 50px;font-size:13.5px}.trouble .body code{background:var(--bg-soft);border:1px solid var(--line);color:var(--ink);border-radius:5px;padding:1px 6px;font-size:12px}footer{background:var(--navy);color:#fff9;margin-top:56px}.foot{max-width:var(--maxw);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:30px 24px;display:flex}.foot img{opacity:.9;height:22px}.foot .fnote{font-size:12px;line-height:1.6}.foot a{color:#fffc}@media (width<=560px){.hero h1{font-size:23px}.step{padding-left:44px}.step .num{width:30px;height:30px;font-size:14px}.step .line{left:14px}.foot{flex-direction:column;align-items:flex-start}}