:root{color-scheme:dark;--bg:#08060e;--surface:#110d1b;--text:#f7f1fb;--muted:#c0b4ce;--line:#352841;--teal:#53f4d1;--pink:#ff77c1;--gold:#ffe09a;font-family:"Segoe UI",Roboto,system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);line-height:1.65}a{color:var(--teal);text-underline-offset:.25em}a:hover{color:white}button,a{touch-action:manipulation}a:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:6px;border-radius:3px}.skip{position:fixed;left:1rem;top:-5rem;z-index:20;padding:.7rem 1rem;background:var(--teal);color:var(--bg)}.skip:focus{top:1rem}img{display:block;max-width:100%;height:auto}figure{margin:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.07;letter-spacing:-.04em}h1{font-size:clamp(3rem,6.4vw,6.5rem);margin-bottom:1.5rem}h1 em{font-style:normal;color:var(--teal)}h2{font-size:clamp(2.15rem,4.3vw,3.8rem);margin-bottom:1.2rem}h3{font-size:1.5rem;letter-spacing:-.025em}p{max-width:67ch}.wrap{width:min(1320px,calc(100% - 64px));margin:auto}.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:1.55rem;font-weight:750;letter-spacing:-.05em;color:white;text-decoration:none}.brand img{width:34px;height:34px}.nav nav{display:flex;flex-wrap:wrap;gap:24px}.nav nav a{font-size:.95rem;color:var(--muted);text-decoration:none}.nav nav a:hover{color:var(--teal)}.crumb{font-size:.88rem;color:var(--muted);padding-top:24px;margin-bottom:0}.eyebrow{font-family:Consolas,monospace;text-transform:uppercase;letter-spacing:.12em;color:var(--teal);font-size:.85rem;font-weight:600;margin-bottom:1rem}.hero{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:44px;padding:48px 0 36px}.lede{color:var(--muted);font-size:1.2rem;line-height:1.6;max-width:40ch}.choices{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.choice{display:inline-flex;align-items:center;gap:18px;padding:12px 18px;border:1px solid var(--teal);border-radius:8px;text-decoration:none;font-weight:650;line-height:1.4}.choice:first-child{background:var(--teal);color:var(--bg)}.choice small{display:block;font-size:.8rem;font-weight:450;opacity:.83}.choice .arrow{font-size:1.4rem}.sample{font-size:.82rem;color:var(--muted);margin:14px 0 0}.hero-art{position:relative;border:1px solid #493251;border-radius:20px;background:radial-gradient(ellipse at 50% 15%,#2f1637,transparent 75%),#0d0914;padding:20px 14px 0;box-shadow:0 22px 80px #0009}.hero-art figcaption{padding:12px 8px 16px;color:var(--muted);font-size:.85rem;display:flex;justify-content:space-between;gap:12px}.notice{border-left:3px solid var(--gold);padding:14px 20px;background:#241c1a;color:#eee0c4;font-size:.94rem}.notice p{margin:0;max-width:none}.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:25px 0;border-bottom:1px solid var(--line);margin-bottom:20px}.quick span{color:var(--teal);margin-right:9px;font-family:Consolas,monospace}.quick p{margin:0;font-size:.98rem}.section{padding:72px 0;border-bottom:1px solid var(--line)}.split{display:grid;grid-template-columns:1fr 1.2fr;gap:64px;align-items:center}.step-label{display:flex;align-items:center;gap:14px;margin-bottom:25px}.step-label b{display:grid;place-items:center;border:1px solid #5a435f;width:48px;height:48px;border-radius:50%;font:1rem Consolas,monospace;color:var(--pink)}.step-label span{color:var(--pink);letter-spacing:.1em;text-transform:uppercase;font-size:.8rem;font-weight:600}.shot{background:#100b18;border:1px solid var(--line);border-radius:14px;overflow:hidden}.shot img{width:100%}.shot figcaption{padding:14px 18px;font-size:.85rem;color:var(--muted);border-top:1px solid var(--line)}.shot figcaption a{float:right;margin-left:1rem}.action{display:inline-block;padding:1px 7px;border:1px solid #65476a;border-radius:4px;color:white;font-size:.93em;font-weight:650;white-space:normal}.tip{padding:14px 0 0;border-top:1px solid var(--line);color:var(--muted);font-size:.95rem}.routes{display:grid;grid-template-columns:1fr 1fr;gap:32px}.route{border-top:2px solid var(--teal);padding-top:28px}.route.dlna{border-color:var(--pink)}.route h3{font-size:1.85rem}.route ol{padding-left:1.35rem}.route li{padding-left:7px;margin:0 0 16px}.route dl{display:grid;grid-template-columns:90px 1fr;gap:8px 16px;font-size:.94rem}.route dt{color:var(--muted)}.route dd{margin:0}.route code{font-family:Consolas,monospace;color:var(--gold);overflow-wrap:anywhere}.route .shot{margin-top:24px}.route .shot img{max-height:520px;object-fit:contain}.route details{margin:16px 0;background:#140e1f;padding:14px 18px;border:1px solid var(--line);border-radius:8px}.route summary{cursor:pointer;font-weight:650}.route details[open] summary{margin-bottom:15px}.route details p:last-child{margin-bottom:0}.route details ol{margin-bottom:0}.source{font-size:.84rem;color:var(--muted)}.wide-head{max-width:760px;margin-bottom:36px}.finish{background:linear-gradient(135deg,#10242055,transparent);border-radius:20px;padding:36px}.troubleshoot{display:grid;grid-template-columns:1fr 1.35fr;gap:70px}.faq{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{cursor:pointer;font-size:1.08rem;font-weight:600;padding-right:22px}.faq details[open] summary{color:var(--teal);margin-bottom:16px}.faq p:last-child{margin-bottom:0}.faq p,.faq li{color:var(--muted)}.faq ul{padding-left:1.25rem}.next{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:40px 0}.next h3{margin:0 0 8px}.next p{color:var(--muted);margin:0}.footer{padding:30px 0;color:var(--muted);font-size:.9rem;display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap}.footer nav{display:flex;gap:20px}.footer p{margin:0}
@media(max-width:950px){.hero{gap:28px}.wrap{width:calc(100% - 40px)}.split{gap:32px;grid-template-columns:1fr 1fr}.troubleshoot{gap:35px;grid-template-columns:1fr 1.4fr}.nav nav{gap:16px}.choice{padding:10px 13px}}
@media(max-width:700px){.wrap{width:calc(100% - 32px)}.nav{min-height:70px;gap:12px;align-items:flex-start;padding:18px 0}.brand{font-size:1.3rem}.nav nav{justify-content:flex-end;gap:10px 16px}.nav nav a{font-size:.84rem}.hero,.split,.routes,.troubleshoot{grid-template-columns:1fr}.hero{padding-top:32px;gap:30px}h1{font-size:clamp(3.2rem,13vw,5rem)}.hero-art{max-width:540px;width:100%;margin:auto}.section{padding:48px 0}.split{gap:28px}.quick{grid-template-columns:1fr;gap:10px}.notice{padding:14px 16px}.routes{gap:38px}.finish{padding:24px 18px}.next{align-items:flex-start;flex-direction:column}.shot figcaption a{float:none;display:block;margin:4px 0 0}.route dl{grid-template-columns:80px 1fr}.footer{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{body{background:white;color:black}.nav,.choices,.next,.footer{display:none}.wrap{width:100%}.section{padding:24px 0}.hero,.split,.routes,.troubleshoot{display:block}.shot{break-inside:avoid;max-width:560px;margin:20px auto}.notice,.finish{background:none}.lede,.tip,.source,.sample,figcaption{color:#333!important}a{color:#07594b}details{break-inside:avoid}details>*{display:block!important}.action{color:black;border-color:#999}}