:root{--bg:#100c17;--ink:#f7f0fa;--muted:#b8aabd;--line:#39263f;--pink:#f638c9;--violet:#9b68f2;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;background:var(--bg);color:var(--ink);font:18px/1.75 "Segoe UI",Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--pink);outline-offset:5px}::selection{background:#ad287f;color:#fff}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:450}em{font:italic 1em Georgia,"Times New Roman",serif;color:#d3abd9}code{font-family:Consolas,monospace;overflow-wrap:anywhere}strong{font-weight:600;color:var(--ink)}.guide-shell{width:min(1160px,calc(100% - 96px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:12px;left:12px;z-index:100;background:var(--ink);color:var(--bg);padding:10px 20px;transform:translateY(-200%)}.skip-link:focus{transform:none}.guide-header{position:sticky;top:0;z-index:10;height:86px;background:#100c17ed;backdrop-filter:blur(18px);border-bottom:1px solid #f7f0fa0c}.guide-header-inner{height:100%;display:flex;justify-content:space-between;align-items:center;gap:25px}.wordmark{font-size:23px;font-weight:700;letter-spacing:.2em;display:inline-flex;align-items:center;gap:8px;line-height:1;white-space:nowrap}.wordmark span{height:5px;width:5px;background:var(--pink);border-radius:50%;box-shadow:0 0 12px var(--pink);margin-top:13px}.guide-header nav{display:flex;align-items:center;gap:30px;font-size:15px;color:#c6b5cb}.guide-header a:hover,.guide-footer a:hover{color:var(--pink)}.guide-login{border:1px solid #76527e;border-radius:999px;padding:10px 20px;white-space:nowrap}.guide-login span{margin-left:12px;color:var(--pink)}.guide-eyebrow{font-size:13px;font-weight:600;letter-spacing:.12em;line-height:1.8;color:#ddbce0;margin-bottom:18px}.guide-eyebrow>span{color:var(--pink);margin-right:10px}.guide-hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:64px;padding-block:78px 66px;position:relative}.guide-hero:before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:5% -3% 5% 35%;background:radial-gradient(ellipse,#67295732,transparent 70%)}.guide-hero h1{font-size:clamp(42px,4.8vw,67px);line-height:1.12;letter-spacing:-.045em;margin-bottom:26px}.guide-lead{font-size:20px;line-height:1.8;color:var(--muted);max-width:520px;margin-bottom:30px}.guide-button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;font-size:17px;font-weight:500;min-height:55px;border:1px solid #82528a;border-radius:999px;padding:14px 25px;transition:background .25s,border-color .25s,transform .25s}.guide-button:hover{border-color:var(--pink);background:#f638c919;transform:translateY(-2px)}.guide-primary{border-color:transparent;background:linear-gradient(110deg,#f638c9,#b77beb);color:#180f1e}.guide-primary:hover{background:linear-gradient(110deg,#ff63d6,#c899f3)}.guide-hero-note{font-size:15px;color:var(--muted);margin:20px 0 0}.server-card{position:relative;background:radial-gradient(ellipse at 80% 0,#59304b44,transparent 72%),#191121;border:1px solid #734264;border-radius:20px;padding:29px 30px 26px;box-shadow:0 24px 90px #0003}.server-card:before{content:"";position:absolute;top:-1px;left:35px;right:35px;height:2px;background:linear-gradient(90deg,var(--pink),var(--violet))}.server-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.server-card-top .guide-eyebrow{margin:0;font-size:12px}.guide-spark{font-size:28px;color:#f5a3e5;text-shadow:0 0 20px #f638c933;animation:guide-sparkle 5s ease-in-out infinite}.server-device{height:110px;margin:16px 0 20px;display:flex;justify-content:center}.server-device svg{width:162px;height:105px;fill:#201329;stroke:#d5b6df;stroke-width:1.4}.server-device .screen-shine{fill:none;stroke:var(--pink);opacity:.6}.server-device .screen-play{fill:#f7f0fa;stroke:none}.server-card h2{font-size:25px;letter-spacing:-.02em;margin-bottom:5px}.server-card>p{font-size:16px;color:var(--muted);margin-bottom:19px}.server-address{border:1px solid #76527e;border-radius:10px;background:#100c17;padding:13px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.server-address code{font-size:22px;letter-spacing:-.025em;white-space:nowrap;color:#f7d5ec}.server-address button{border:0;background:#9b68f226;border-radius:6px;color:#f7f0fa;font-size:14px;padding:8px 10px;white-space:nowrap}.server-address button:hover{background:#9b68f24a}.server-address button[hidden]{display:none}.server-card .copy-status{min-height:24px;font-size:14px;color:#e8b6df;margin:4px 0 5px}.server-card .server-caption{font-size:14px;margin-bottom:0;line-height:1.6}.guide-divider{display:flex;gap:22px;align-items:center;height:30px}.guide-divider:before,.guide-divider:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,#793957)}.guide-divider:after{background:linear-gradient(90deg,#694781,transparent)}.guide-divider span{color:#d18bcc;font-size:20px;text-shadow:0 0 18px #f638c93b}.guide-before{display:flex;align-items:flex-start;gap:28px;padding-block:34px 0}.guide-pill{flex-shrink:0;border:1px solid #684270;border-radius:999px;padding:6px 13px;margin-top:2px;letter-spacing:.08em;font-size:12px;color:#d8b8e0}.guide-before p{font-size:16px;color:var(--muted);margin:0;line-height:1.8}.guide-before a,.guide-footnote a,.guide-faq a{text-decoration:underline;text-underline-offset:4px;color:#e6bae6}.guide-before a{display:inline-block;margin-left:4px}.guide-section{padding-block:75px}.guide-section-head{display:flex;gap:27px;align-items:flex-start;max-width:900px;margin-bottom:34px}.guide-step{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:53px;height:53px;border:1px solid #754774;border-radius:50%;color:#ee9edd;font-size:17px;font-variant-numeric:tabular-nums;background:#201126;margin-top:5px}.guide-section-head .guide-eyebrow{margin-bottom:9px}.guide-section h2,.guide-faq-section h2,.guide-next h2{font-size:clamp(32px,3.4vw,45px);letter-spacing:-.035em;line-height:1.15;margin-bottom:19px}.guide-section-head p:last-child{margin:0;color:var(--muted);font-size:18px;line-height:1.8}.install-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.install-card{display:flex;flex-direction:column;position:relative;border:1px solid var(--line);background:linear-gradient(130deg,#211428,#15101c);border-radius:15px;padding:31px 32px}.device-icon{width:70px;height:64px;fill:#201329;stroke:#d5b6df;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round;margin-bottom:22px}.icon-play{fill:#efabe1;stroke:none}.install-card .guide-eyebrow{font-size:12px;margin-bottom:9px}.install-card h3{font-size:28px;line-height:1.2;margin-bottom:21px;letter-spacing:-.025em}.install-card ol{padding-left:24px;margin:0 0 25px;color:var(--muted);font-size:17px}.install-card li+li{margin-top:10px}.install-card li::marker{color:#d993d1}.install-card p:not(.guide-eyebrow){font-size:17px;color:var(--muted);line-height:1.8;margin-bottom:25px}.store-link{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #503353;padding-top:19px;margin-top:auto;font-size:17px;color:#edc2e9}.store-link:hover{color:#fff}.store-link>span[aria-hidden]{color:var(--pink)}.browser-card{background:radial-gradient(ellipse at 0 0,#4934612b,transparent 75%),#15101c}.guide-footnote{font-size:16px;line-height:1.8;color:var(--muted);margin:25px 0 0;max-width:1020px}.connection-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;margin-left:80px}.connection-steps{list-style:none;margin:0;padding:0;counter-reset:steps}.connection-steps li{position:relative;padding-left:35px;counter-increment:steps}.connection-steps li:before{content:counter(steps) ".";position:absolute;left:0;color:#e693d9;font-size:19px}.connection-steps li+li{margin-top:26px}.connection-steps strong{font-size:19px;font-weight:550}.connection-steps p{margin:8px 0 0;color:var(--muted);font-size:17px}.connection-steps p strong{font-size:inherit}.guide-tip{align-self:start;border:1px solid #574063;border-radius:14px;background:#1b1226;padding:27px 30px}.guide-tip>span{font-size:35px;color:#c28af0;line-height:1}.guide-tip h3{font-size:25px;line-height:1.3;margin:16px 0}.guide-tip p{color:var(--muted);font-size:17px;margin-bottom:20px}.guide-tip .guide-tip-small{font-size:15px;margin-bottom:0;padding-top:17px;border-top:1px solid var(--line)}.account-note{margin-left:80px;max-width:840px;padding:22px 28px;border-left:2px solid var(--violet);background:#9b68f20a;border-radius:0 10px 10px 0}.account-note p{font-size:17px;color:var(--muted);margin:0}.guide-faq-section{background:linear-gradient(120deg,#1b1125,#140e1b);border-block:1px solid var(--line);padding-block:64px}.guide-faq-grid{display:grid;grid-template-columns:1fr 1.45fr;gap:70px}.guide-faq-grid>div>p:not(.guide-eyebrow){color:var(--muted);font-size:18px}.guide-faq details{border-bottom:1px solid #4b3452;padding:21px 0}.guide-faq details:first-child{padding-top:0}.guide-faq summary{position:relative;padding-right:33px;list-style:none;cursor:pointer;font-size:19px;line-height:1.6}.guide-faq summary::-webkit-details-marker{display:none}.guide-faq summary:after{content:"+";position:absolute;right:0;top:0;font-size:24px;color:#d99aca}.guide-faq details[open] summary:after{content:"−"}.guide-faq details p{font-size:17px;line-height:1.85;color:var(--muted);margin:17px 0 0}.guide-next{display:flex;align-items:center;justify-content:space-between;gap:50px;padding-block:72px}.guide-next>div{max-width:640px}.guide-next p:not(.guide-eyebrow){color:var(--muted);font-size:18px;margin:0}.guide-next .guide-button{flex-shrink:0}.guide-footer{border-top:1px solid var(--line);padding-block:32px 40px;display:flex;align-items:center;gap:30px;font-size:15px;color:var(--muted)}.guide-footer>a:last-child{margin-left:auto}.guide-footer .wordmark{color:var(--ink);font-size:19px}body.admin-bar .guide-header{top:32px}@keyframes guide-sparkle{0%,100%{opacity:.65;transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}}
@media(max-width:1100px){.guide-shell{width:calc(100% - 64px)}.guide-hero{gap:35px;grid-template-columns:1.15fr 1fr}.server-card{padding:23px}.server-address{flex-wrap:wrap}.guide-hero h1{font-size:52px}.guide-faq-grid{gap:40px}.connection-grid{gap:30px}.guide-next>div{max-width:560px}}
@media(max-width:850px){.guide-hero{grid-template-columns:1fr;padding-block:55px;gap:36px}.guide-hero-copy{max-width:640px}.guide-hero h1{font-size:61px}.server-card{max-width:570px;width:100%}.server-device{position:absolute;top:62px;right:25px;margin:0;height:70px;opacity:.8}.server-device svg{width:100px;height:65px}.server-card h2{margin-top:27px;max-width:70%}.server-card>p:not(.server-caption):not(.copy-status){max-width:72%}.server-address{flex-wrap:nowrap;margin-top:24px}.guide-before{display:block}.guide-before p{margin-top:20px}.install-card{padding:26px}.install-card h3{font-size:26px}.connection-grid{margin-left:0;grid-template-columns:1.3fr 1fr}.guide-faq-grid{grid-template-columns:1fr;gap:20px}.guide-faq-grid>div:first-child{max-width:620px}.guide-next{display:block}.guide-next .guide-button{margin-top:28px}.guide-footer{flex-wrap:wrap}.guide-footer>a:last-child{margin-left:0}.account-note{margin-left:0}}
@media(max-width:782px){body.admin-bar .guide-header{top:46px}}
@media(max-width:600px){#wpadminbar{position:fixed}.guide-shell{width:calc(100% - 40px)}html{scroll-padding-top:115px}.guide-header{height:74px}.guide-header-inner{gap:10px}.wordmark{font-size:19px;letter-spacing:.15em}.guide-header nav{gap:13px;font-size:13px}.guide-header nav>a:first-child{display:none}.guide-login{padding:9px 12px;font-size:13px}.guide-login span{margin-left:3px}.guide-hero{padding-block:44px 38px;gap:32px}.guide-hero h1{font-size:clamp(41px,10.2vw,59px);margin-bottom:23px}.guide-eyebrow{font-size:11px;letter-spacing:.1em}.guide-lead{font-size:18px;margin-bottom:25px}.guide-button{font-size:16px;padding:13px 21px;gap:20px}.guide-hero-note{font-size:14px}.server-card{padding:23px 21px;border-radius:14px}.server-card-top .guide-eyebrow{font-size:11px}.server-card h2{font-size:23px;max-width:75%}.server-device{right:17px;top:74px;opacity:.6}.server-device svg{width:69px;height:48px}.server-card>p:not(.server-caption):not(.copy-status){max-width:75%;font-size:15px}.server-address{padding:11px;gap:8px}.server-address code{font-size:19px}.server-address button{font-size:13px;padding:7px 9px}.server-card .server-caption{font-size:14px}.guide-before{padding-top:26px}.guide-before p{font-size:16px}.guide-section{padding-block:49px}.guide-section-head{gap:15px;margin-bottom:29px}.guide-step{width:38px;height:38px;font-size:14px;margin-top:0}.guide-section h2,.guide-faq-section h2,.guide-next h2{font-size:33px;line-height:1.16}.guide-section-head .guide-eyebrow{font-size:11px;margin-bottom:9px}.guide-section-head p:last-child{font-size:17px;line-height:1.8}.install-grid{grid-template-columns:1fr;gap:18px}.install-card{padding:26px 24px}.device-icon{width:65px;height:59px;margin-bottom:18px}.install-card h3{font-size:27px}.install-card ol,.install-card p:not(.guide-eyebrow){font-size:17px}.store-link{font-size:16px}.guide-footnote{font-size:15px}.connection-grid{grid-template-columns:1fr;gap:28px}.connection-steps li{padding-left:27px}.connection-steps strong{font-size:18px}.connection-steps p{font-size:17px}.guide-tip{padding:25px}.account-note{padding:19px 22px}.account-note p{font-size:16px}.guide-faq-section{padding-block:44px}.guide-faq summary{font-size:18px}.guide-faq details p{font-size:17px}.guide-next{padding-block:51px}.guide-next p:not(.guide-eyebrow){font-size:17px}.guide-footer{gap:19px;padding-block:28px 33px}.guide-footer>span{width:100%;font-size:14px}.guide-footer>a:last-child{font-size:16px}}
@media(max-width:360px){.guide-shell{width:calc(100% - 32px)}.guide-header nav{gap:9px}.guide-header .wordmark{font-size:17px}.guide-header .wordmark span{display:none}.guide-login{padding:8px 10px}.server-address code{font-size:17px}.server-address button{padding:7px}.server-address button span{display:none}.guide-hero h1{font-size:39px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Help existing users connect through the current streaming address. */
.guide-app-note{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:30px 34px;margin-block:0 44px;border:1px solid #70426d;border-radius:16px;background:linear-gradient(115deg,#2b1733,#1a1224)}.guide-app-note h2{font-size:28px;line-height:1.25;margin:0 0 16px}.guide-app-note p:not(.guide-eyebrow){font-size:18px;line-height:1.8;color:var(--muted);margin:0;max-width:740px}.guide-app-note .guide-button{flex-shrink:0}@media(max-width:850px){.guide-app-note{display:block;padding:26px}.guide-app-note .guide-button{margin-top:24px}.guide-app-note h2{font-size:26px}}

.migration-notice{margin-top:32px;padding:32px 34px;border:1px solid #70426d;border-left:3px solid var(--pink);border-radius:16px;background:linear-gradient(115deg,#2b1733,#1a1224);scroll-margin-top:135px}
.migration-notice-heading{margin-bottom:24px}
.migration-kicker{margin:0 0 12px;font-size:13px;line-height:1.6;letter-spacing:.12em;font-weight:600;color:#f1b6e8}
.migration-notice h2{margin:0;font-size:clamp(29px,3vw,40px);line-height:1.2;letter-spacing:-.025em}
.migration-notice>p{margin:18px 0 0;font-size:18px;line-height:1.75;color:#d6c3dd}
.migration-notice strong{color:var(--ink);font-weight:550}
.migration-notice a{color:#f1b6e8;text-decoration:underline;text-underline-offset:4px}
.migration-notice a:hover{color:#fff}
.migration-new-address{display:flex;flex-direction:column;gap:8px;border:1px solid #63416c;border-radius:10px;padding:17px 21px;background:#110c19}
.migration-new-address span{font-size:15px;color:#cdb5d6}
.migration-new-address code{font-size:25px;color:#f7d5ec;overflow-wrap:anywhere}
.migration-steps{margin:25px 0;padding-left:25px;font-size:18px;line-height:1.8;color:#d6c3dd}
.migration-steps li+li{margin-top:18px}.migration-steps li::marker{color:#ee9edd}.migration-steps strong{overflow-wrap:anywhere}
.migration-notice .migration-context{padding-top:19px;border-top:1px solid #593660;font-size:16px;color:var(--muted)}
.migration-notice .migration-help{font-size:16px;color:var(--muted)}
.server-address{flex-wrap:wrap}.server-address code{font-size:20px;white-space:normal;overflow-wrap:anywhere}.connection-steps code{overflow-wrap:anywhere}
@media(max-width:600px){.migration-notice{margin-top:22px;padding:25px 22px;scroll-margin-top:130px}.migration-kicker{font-size:12px;letter-spacing:.08em}.migration-notice h2{font-size:30px}.migration-notice>p,.migration-steps{font-size:17px}.migration-notice .migration-context,.migration-notice .migration-help{font-size:16px}.migration-new-address{padding:15px}.migration-new-address code{font-size:20px}.migration-steps{padding-left:22px}.server-address code{font-size:18px}}
