/* Shared only by /new/: calm blue surfaces, readable type and consistent controls. */
:root {
  --bg:#10141d; --bg2:#141a25; --surface:#192130; --surface-2:#222d3e;
  --surface2:#222d3e; --surface-soft:#141c29; --surface-raised:#222d3e;
  --text:#edf2fb; --muted:#a8b6ca; --line:#ffffff17;
  --accent:#a5c5ff; --cyan:#a5c5ff; --accent-text:#12294e; --accent-ink:#12294e;
  --mint:#8ecfce; --violet:#b9b8ed; --sand:#a5c5ff; --yellow:#b9b8ed;
  --wood:#768ba8; --chrome:#151c28f5; --glass:#1a2433ed;
}
html[data-theme=light] {
  --bg:#eef2f8; --bg2:#e7edf6; --surface:#ffffff; --surface-2:#edf2f9;
  --surface2:#edf2f9; --surface-soft:#f4f7fc; --surface-raised:#eaf0f8;
  --text:#192c48; --muted:#526781; --line:#233f631b;
  --accent:#315fa5; --cyan:#315fa5; --accent-text:#ffffff; --accent-ink:#ffffff;
  --mint:#286f77; --violet:#665da0; --sand:#315fa5; --yellow:#665da0;
  --wood:#7890ad; --chrome:#ffffffed; --glass:#ffffffed;
}
body {font-family:Inter,"Segoe UI Variable","Segoe UI","Microsoft YaHei",sans-serif; -webkit-font-smoothing:antialiased}
.ambient {background:radial-gradient(ellipse at 75% 15%,#668ff714,transparent 55%)}
.experience {max-width:1600px; padding:24px 32px 0}
.launcher {height:calc(100dvh - 70px); border:1px solid var(--line); border-radius:24px; box-shadow:0 24px 75px #0003}
.has-classic-switch .launcher-header {height:84px; display:flex; gap:24px; padding:0 28px; background:var(--chrome)}
.launcher-header .brand {min-width:116px; gap:12px}
.launcher-header .brand strong {font-size:24px; letter-spacing:-1px}
.launcher-header .brand small {display:none}
.brand-cube i:nth-child(3) {background:#6f91ca}
.has-classic-switch .launcher-header .scene-navigation {display:flex; flex:0 1 auto; min-width:0; width:auto; max-width:none; margin:0; padding:4px; gap:4px; border:1px solid var(--line); border-radius:14px; background:var(--surface-soft)}
.has-classic-switch .launcher-header .scene-tab {height:38px; width:auto; padding:0 16px; gap:8px; border-radius:10px; font-size:13px; font-weight:500}
.launcher-header .scene-tab small {display:none}
.launcher-header .scene-tab.active {color:var(--text); background:var(--surface-2); border-color:var(--line); box-shadow:0 2px 5px #0001}
.has-classic-switch .launcher-header .header-controls {display:flex; gap:8px}
.has-classic-switch .classic-switch {color:var(--muted); border-radius:10px; font-weight:500; background:transparent}
.has-classic-switch .launcher-header .classic-switch,.has-classic-switch .launcher-header .capsule {height:40px; border-radius:10px; font-size:12px; gap:8px; padding:0 12px}
.launcher-header .capsule {background:transparent}
.launcher-header .settings-capsule>span {display:inline}
.launcher-header .icon,.has-classic-switch .classic-switch>svg {width:17px; height:17px; flex:0 0 17px}
.scene {display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); grid-template-rows:auto auto auto; align-content:center; gap:20px 48px; padding:42px 5%; overflow-x:hidden; overflow-y:auto; scrollbar-gutter:stable}
.scene-world,.scene-build,.scene-download {background:radial-gradient(ellipse at 88% 35%,#496bb21c,transparent 62%),var(--surface-soft)}
html[data-theme=light] .scene-world,html[data-theme=light] .scene-build,html[data-theme=light] .scene-download {background:radial-gradient(ellipse at 88% 35%,#b8cff938,transparent 62%),var(--surface-soft)}
.scene .scene-copy {grid-column:1; grid-row:1/3; align-self:center; width:100%; max-width:none; margin:0; padding:0}
.scene .eyebrow {font-size:10px; letter-spacing:1.4px; color:var(--muted)}
.scene h1,.scene-build h1,.scene-download h1 {font-size:clamp(38px,4.2vw,64px); font-weight:650; letter-spacing:-.055em; line-height:1.25; margin:22px 0}
.scene h1 em {color:var(--accent)}
.scene .scene-description {font-size:15px; line-height:1.9; margin:20px 0 24px; max-width:38ch; color:var(--muted)}
.hero-pills {gap:10px; margin-top:24px}
.hero-pills>span {font-size:12px; padding:7px 12px; border-radius:7px; background:var(--surface); color:var(--muted)}
.hero-actions {display:flex; align-items:center; flex-wrap:wrap; gap:22px; margin-top:32px}
.hero-download {display:inline-flex; align-items:center; justify-content:center; gap:12px; min-height:48px; padding:0 22px; border-radius:10px; color:var(--accent-text); background:var(--accent); font-size:14px; font-weight:650; transition:transform .2s}
.hero-download:hover {transform:translateY(-2px)}
.scene .text-action,.world-copy .text-action {font-size:13px; margin:0; gap:9px; color:var(--muted)}
.scene .world-art {position:relative; grid-column:2; grid-row:1; top:auto; right:auto; width:118%; height:290px; margin:-20px -9% -25px; opacity:1}
.scene-sky,.world-coordinate,.portal-label {display:none}
.scene .launcher-action-panel {position:relative; grid-column:2; grid-row:2; justify-self:center; right:auto; top:auto; bottom:auto; width:min(360px,100%); min-width:0; padding:20px; border:1px solid var(--line); border-radius:16px; background:var(--glass); box-shadow:0 12px 32px #0001}
.instance-info strong {font-size:14px}
.instance-info small {font-size:11px; margin-top:5px}
.scene .launch-button {height:48px; margin:18px 0 14px; font-size:15px; border-radius:10px; box-shadow:none}
.launch-meta,.launch-meta>span:last-child {font-size:10px; letter-spacing:0}
.launch-button-decoration {opacity:.35}
.scene .scene-caption {position:static; grid-column:1/-1; grid-row:3; padding:20px 0 0; margin:8px 0 0; border-top:1px solid var(--line); background:transparent; font-size:11px; gap:16px; line-height:1.7}
.scene-caption>span:first-child {font-size:10px; color:var(--muted); letter-spacing:.5px}
.scene-caption>span+span {border:0; padding:0}
.scene .build-art {position:relative; grid-column:2; grid-row:1; top:auto; right:auto; width:100%; height:300px; max-height:none; opacity:1}
.build-core {width:110px; height:140px; background:var(--surface); border-color:var(--line); box-shadow:0 16px 40px #0002}
.build-core>span {font-size:18px; color:var(--text)}
.build-core small {font-size:8px; color:var(--muted)}
.orbit-node {padding:12px; gap:9px; border-color:var(--line)}
.orbit-node span {font-size:12px}
.node-mod {right:0}
.node-java {left:0}
.node-file {left:12%}
.build-float-tag {display:none}
.scene .build-features {position:static; grid-column:2; grid-row:2; width:100%; margin:0; display:grid; grid-template-columns:1fr 1fr; gap:12px}
.feature-badge {padding:16px 12px; gap:10px; border-radius:12px}
.feature-badge strong {font-size:12px; line-height:1.6}
.feature-badge small {font-size:10px; line-height:1.6}
.feature-icon {width:32px; height:32px}
.scene .setup-card {width:100%; max-width:390px; margin-top:24px; padding:20px; border-radius:16px; background:var(--surface); box-shadow:0 8px 24px #0001}
.setup-heading>span:first-child {font-size:13px}
.tiny-label {font-size:9px}
.setup-field {padding:12px}
.setup-field small {font-size:10px; margin-bottom:8px}
.setup-field strong {font-size:12px}
.setup-field .icon {top:22px; right:9px}
.setup-progress {margin-top:18px}
.setup-progress-label {font-size:12px}
.setup-checks {font-size:10px; gap:14px}
.setup-start {height:40px; font-size:12px; margin-top:18px; color:var(--text)}
.scene .portal-art {position:relative; grid-column:2; grid-row:1/3; align-self:center; top:auto; right:auto; width:100%; height:400px; max-height:none; opacity:1}
.file-orbit {width:74px; height:82px; gap:8px}
.file-orbit b {font-size:20px}
.file-orbit small {font-size:8px; letter-spacing:.5px}
.portal-cube {background:#b8cced; box-shadow:8px 12px 0 #7289ad,0 0 50px #aecaff20}
.scene .download-main {max-width:none; padding:18px; margin:24px 0 12px; gap:14px; border-radius:12px; background:var(--surface); border-color:var(--line)}
.download-main strong {font-size:16px}
.download-main small {font-size:11px; line-height:1.7}
.download-main-icon {width:42px; height:42px}
.scene .download-links {max-width:none; gap:10px}
.scene .download-link {padding:14px 12px; gap:10px; border-radius:10px; background:var(--surface)}
.download-link strong {font-size:12px}
.download-link small {font-size:10px}
.scene .download-note {font-size:11px; line-height:1.8; max-width:none; margin-top:16px}
.launcher-footer {height:58px; padding:0 28px; background:var(--chrome)}
.footer-left,.scene-counter,.scroll-label {font-size:11px; letter-spacing:0}
.circle-button {width:34px; height:34px}
.outside-footer {height:44px; font-size:10px}
.outside-footer>span {font-size:10px; max-width:none}
.settings-dialog,.end-dialog {border-color:var(--line); border-radius:20px; background:var(--surface)}
.demo-toast>p,.end-dialog>p {font-size:13px; line-height:1.9}
.settings-dialog small {font-size:11px}
/* The same typography and palette continue into the normal scrolling pages. */
.intro-header {background:var(--chrome)}
.hero-copy h1 {font-weight:650; letter-spacing:-.045em}
.hero-lead,.section-heading p,.wide-heading>p,.extend-copy>p {font-size:15px; line-height:1.9}
.ecosystem-card>p,.workspace-card>p {font-size:14px; line-height:1.9}
.intro-nav,.text-link,.hero-proof {font-size:12px}
.card-kicker,.section-index,.card-footnote,.subtle-tags span {font-size:11px}
.final-section>p {font-size:15px}
.topbar .nav a {padding:8px 0}
.topbar .nav a[aria-current=page] {color:var(--text); box-shadow:0 2px var(--accent)}
.api-pill,.release-item small,.source-note {font-size:12px}
.release-tag {font-size:10px}
@media(max-width:1200px) {
 .has-classic-switch .launcher-header {height:130px; display:grid; grid-template-columns:minmax(0,1fr) auto; grid-template-rows:48px 42px; padding:12px 24px; gap:8px 16px}
 .has-classic-switch .launcher-header>.brand {grid-area:1/1}
 .has-classic-switch .launcher-header>.header-controls {grid-area:1/2; display:flex}
 .has-classic-switch .launcher-header>.scene-navigation {grid-area:2/1/3/3; justify-self:center; width:auto}
 .scene {gap:20px 28px; padding:34px 4%}
 .scene h1,.scene-build h1,.scene-download h1 {font-size:46px}
 .scene .scene-description {font-size:14px}
 .feature-badge {flex-direction:column; align-items:flex-start}
}
@media(max-width:820px) {
 .experience {padding:12px 12px 0}
 .launcher {height:calc(100dvh - 50px); border-radius:18px}
 .scene {grid-template-columns:minmax(0,1fr); grid-template-rows:auto auto auto auto; align-content:start; gap:24px; padding:32px 26px}
 .scene .scene-copy {grid-column:1; grid-row:1; max-width:560px; justify-self:center}
 .scene h1,.scene-build h1,.scene-download h1 {font-size:46px; line-height:1.25; margin:18px 0}
 .scene .scene-description {font-size:14px; max-width:40ch; margin:18px 0}
 .scene .world-art {grid-column:1; grid-row:2; width:110%; height:280px; margin:-30px -5%}
 .scene .launcher-action-panel {grid-column:1; grid-row:3; max-width:420px; width:100%; padding:20px}
 .scene .build-art {grid-column:1; grid-row:2; width:100%; max-width:440px; height:290px; justify-self:center}
 .scene .build-features {grid-column:1; grid-row:3; max-width:560px; justify-self:center}
 .feature-badge {flex-direction:row; align-items:center}
 .scene .portal-art {grid-column:1; grid-row:2; height:310px; max-width:440px; justify-self:center}
 .scene .scene-caption {grid-column:1; grid-row:4; margin:0; padding-top:18px; flex-wrap:wrap; gap:5px 14px}
 .scene .setup-card {max-width:none}
 .scene .download-copy {padding-bottom:0}
 .hero-actions {margin-top:24px}
 .scene .eyebrow {font-size:9px; letter-spacing:1px}
 .launcher-footer {height:52px; padding:0 18px}
 .scroll-label,.footer-left>span:last-child {display:none}
 .outside-footer,.outside-footer>span {font-size:9px}
 .has-classic-switch .topbar .topin {display:flex; flex-wrap:wrap; height:auto; padding-block:12px; gap:12px}
 .has-classic-switch .topbar .nav {display:flex; order:4; width:100%; overflow-x:auto; gap:24px; white-space:nowrap; font-size:12px}
 .has-classic-switch .topbar .controls {margin-left:auto}
 .has-classic-switch .topbar .classic-switch {margin-left:auto}
}
@media(max-width:540px) {
 .has-classic-switch .launcher-header {height:152px; padding:12px; grid-template-columns:1fr auto; grid-template-rows:34px 32px 40px; gap:8px}
 .launcher-header .brand strong {font-size:22px}
 .has-classic-switch .launcher-header>.header-controls {display:contents}
 .has-classic-switch .launcher-header .classic-switch {grid-area:1/2; height:34px; padding:0 9px; font-size:11px}
 .has-classic-switch .launcher-header #motionQuick {grid-area:2/1; justify-self:start; height:32px; font-size:11px; padding:0 9px; width:auto}
 .has-classic-switch .launcher-header #settingsOpen {grid-area:2/2; justify-self:end; height:32px; font-size:11px; padding:0 9px; width:auto}
 .has-classic-switch .launcher-header>.scene-navigation {grid-area:3/1/4/3; width:100%; gap:2px; padding:3px; justify-content:space-between}
 .has-classic-switch .launcher-header .scene-tab {height:32px; flex:1; padding:0 5px; font-size:11px; gap:5px}
 .scene {padding:28px 20px; gap:22px}
 .scene h1,.scene-build h1,.scene-download h1 {font-size:clamp(34px,10vw,44px); letter-spacing:-.055em}
 .scene .scene-description {font-size:13px}
 .hero-pills>span {font-size:11px}
 .hero-actions {gap:17px}
 .hero-download {min-height:44px; padding:0 18px; font-size:13px}
 .scene .text-action {font-size:12px}
 .scene .world-art {height:240px}
 .scene .build-art,.scene .portal-art {height:270px}
 .setup-field strong {font-size:11px}
 .setup-checks {font-size:10px; gap:10px; flex-wrap:wrap}
 .feature-badge {flex-direction:column; align-items:flex-start; padding:14px}
 .feature-badge strong {font-size:12px}
 .feature-badge small {font-size:10px}
 .download-main strong {font-size:14px}
 .download-main small {font-size:10px}
 .download-main-icon {width:34px; height:34px}
 .scene .download-link {padding:13px 10px; gap:8px}
 .download-link strong {font-size:11px}
 .download-link small {font-size:9px}
 .launcher-footer {padding:0 13px; gap:8px}
 .footer-left {font-size:10px}
 .footer-left>span:nth-child(2) {font-size:11px}
 .scene-progress {width:30px}
 .outside-footer>span {display:none}
 .outside-footer>div {justify-content:space-between; width:100%}
 .intro-hero .hero-lead,.section-heading p,.wide-heading>p,.extend-copy>p,.ecosystem-card>p,.workspace-card>p {font-size:13px}
 .card-kicker,.section-index,.card-footnote,.subtle-tags span {font-size:10px}
 .final-section>p {font-size:13px}
 .has-classic-switch .topbar .topin {gap:10px}
 .has-classic-switch .topbar .topin>.controls {order:3; width:100%; justify-content:flex-end; margin:0}
}
@media(prefers-reduced-motion:reduce) {*,*::before,*::after {animation:none!important; transition:none!important; scroll-behavior:auto!important}}

.orbit-m {color:#dceaff; background:#2d526b; border-color:#638eaf}
.orbit-c {color:#e9e5ff; background:#514c79; border-color:#8882af}

/* Final product artwork: one stroke family, useful type sizes, no glow filters. */
.scene .product-world{width:108%;height:300px;margin:-10px -4% -20px;overflow:visible;filter:none}
.scene .product-build{height:330px;max-width:480px;justify-self:center}
.scene .product-files{height:380px;max-width:480px;justify-self:center}
.product-build:before{display:none}.product-build svg,.product-files svg{display:block;width:100%;height:100%;overflow:visible;color:var(--muted);font:500 16px "Segoe UI","Microsoft YaHei",sans-serif}
.diagram-wire{fill:none;stroke:var(--line);stroke-width:2;stroke-linejoin:round}
.moving-wire{stroke:var(--accent);stroke-dasharray:16 320;animation:productPacket 5s linear infinite}
.diagram-card{fill:var(--surface);stroke:var(--line);stroke-width:1.2}
.diagram-center{fill:var(--surface-2);stroke:var(--accent);stroke-opacity:.45;stroke-width:1.2}
.diagram-line{fill:none;stroke:var(--muted);stroke-width:4;stroke-linecap:round;opacity:.2}
.diagram-icon{fill:none;stroke:var(--accent);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.product-build text,.product-files text{fill:var(--text);stroke:none}
.diagram-signal{fill:var(--accent);animation:productSignal 3s ease-in-out infinite}.diagram-signal.second{animation-delay:-1.5s}
.product-file{animation:productFileFloat 6s ease-in-out infinite}.file-front{animation-delay:-2s}.file-pill{animation-delay:-4s}
.scene .build-grid,.scene .download-grid-bg{opacity:.3}
.has-classic-switch .classic-switch{font-weight:500}
.scene .setup-card,.scene .launcher-action-panel{backdrop-filter:none}
.scene .scene-caption{font-size:11px}
.scene .world-copy .hero-actions{gap:16px}
.scene .world-copy .hero-download{border-radius:9px;box-shadow:none}
.scene .hero-pills>span{background:transparent;border-radius:6px}
.scene .hero-pills{margin-top:20px}
.scene .brand-cube{filter:none}
body[data-page=redirect]{background:var(--bg)}
body[data-page=redirect] .route-main{width:min(1020px,calc(100% - 64px));margin:40px auto 90px}
body[data-page=redirect] .route-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px;padding-bottom:20px;border-bottom:1px solid var(--line)}
body[data-page=redirect] .route-top .tag{border:0;background:transparent;padding:0;font-size:10px;letter-spacing:1.2px;color:var(--muted)}
body[data-page=redirect] .route-top .btn{font-size:12px;min-height:36px;padding:7px 12px;border-radius:8px}
body[data-page=redirect] .route-item{padding:42px;background:var(--surface);border:1px solid var(--line);border-radius:18px}
body[data-page=redirect] .route-item .kicker{font-size:10px;letter-spacing:1.5px;color:var(--muted);margin-bottom:18px}
body[data-page=redirect] .route-main h1{font-size:36px;font-weight:600;line-height:1.35;letter-spacing:-1px;margin:0 0 18px;overflow-wrap:anywhere}
body[data-page=redirect] .route-description{font-size:15px;line-height:1.9;color:var(--muted);max-width:66ch;margin-bottom:14px}
body[data-page=redirect] .route-note{font-size:12px;line-height:1.9;color:var(--muted);max-width:none}
body[data-page=redirect] .source-list{grid-template-columns:1fr 1fr;gap:14px;margin:30px 0 22px}
body[data-page=redirect] .source-link{padding:20px 18px;gap:14px;border-radius:12px;background:var(--surface-soft);min-height:112px;transition:border-color .2s,background .2s}
body[data-page=redirect] .source-link:hover{transform:none;border-color:var(--accent);background:var(--surface-2)}
body[data-page=redirect] .source-symbol{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--accent)}
body[data-page=redirect] .source-symbol svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
body[data-page=redirect] .source-text{min-width:0;flex:1}
body[data-page=redirect] .source-text strong{font-size:14px;font-weight:600;line-height:1.5}
body[data-page=redirect] .source-text small{font-size:11px;line-height:1.75;margin-top:6px;overflow-wrap:anywhere}
body[data-page=redirect] .source-arrow{flex:none;color:var(--muted)}
body[data-page=redirect] .source-arrow svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
body[data-page=redirect] #emptyState{padding:70px 32px;text-align:center;border:1px solid var(--line);border-radius:18px;background:var(--surface)}
.redirect-dialog{border-radius:18px;box-shadow:0 24px 70px #0004}.redirect-dialog::backdrop{backdrop-filter:blur(4px);background:#10172499}
.redirect-dialog .dialog-inner{padding:30px}.redirect-dialog .clipboard-icon{width:48px;height:48px;border-radius:12px;border:1px solid var(--line);display:grid;place-items:center;color:var(--accent);background:var(--surface-2);margin:24px 0}
.redirect-dialog .clipboard-icon svg,.redirect-dialog .dialog-close svg{height:22px;width:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.redirect-dialog .dialog-close{width:32px;height:32px;display:grid;place-items:center;padding:0}
.redirect-dialog h2{font-size:26px;font-weight:600;letter-spacing:-.5px}.redirect-dialog p{font-size:13px;line-height:1.85}
.redirect-dialog .code-pill{background:var(--surface-soft);border-color:var(--line);border-radius:10px}
.redirect-dialog .code-pill code{font:600 27px ui-monospace,monospace;letter-spacing:3px;color:var(--text)}
.redirect-dialog .count-copy{font-size:12px;color:var(--muted)}.redirect-dialog .count-copy b{color:var(--text)}
.redirect-dialog .dialog-actions .btn{border-radius:9px;min-height:44px;font-size:13px}
.redirect-dialog .dialog-actions .primary{background:var(--accent);color:var(--accent-ink)}
@keyframes productPacket{to{stroke-dashoffset:-336}}@keyframes productSignal{50%{opacity:.35}}@keyframes productFileFloat{50%{transform:translateY(-7px)}}
@media(max-width:820px){.scene .product-world{grid-column:1;height:280px;margin:-20px -4%}.scene .product-build{height:300px}.scene .product-files{height:320px}body[data-page=redirect] .route-main{width:calc(100% - 40px)}body[data-page=redirect] .route-item{padding:30px}body[data-page=redirect] .source-list{grid-template-columns:1fr}body[data-page=redirect] .source-link{min-height:92px}}
@media(max-width:480px){.scene .product-world{height:230px}.scene .product-build{height:240px}.scene .product-files{height:270px}body[data-page=redirect] .route-main{width:calc(100% - 28px);margin-top:24px}body[data-page=redirect] .route-item{padding:24px 18px;border-radius:14px}body[data-page=redirect] .route-main h1{font-size:28px}body[data-page=redirect] .route-description{font-size:13px}body[data-page=redirect] .route-note{font-size:11px}body[data-page=redirect] .source-link{padding:16px 13px;gap:11px}body[data-page=redirect] .source-symbol{height:36px;width:36px;flex-basis:36px}body[data-page=redirect] .source-symbol svg{width:20px;height:20px}body[data-page=redirect] .source-text strong{font-size:13px}.redirect-dialog .dialog-inner{padding:24px}.redirect-dialog h2{font-size:23px}}

.launcher-header .brand-cube{width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;scale:1;transform:none;margin:0}.launcher-header .brand-cube svg{width:28px;height:28px;fill:none;stroke:var(--accent);stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.has-classic-switch #themeBtn{font-size:0;width:36px;height:36px;padding:0;display:grid;place-items:center}.has-classic-switch #themeBtn::after{content:"";width:18px;height:18px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M12%202v2m0%2016v2M2%2012h2m16%200h2M5%205l1.5%201.5m11%2011L19%2019M5%2019l1.5-1.5m11-11L19%205%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M12%202v2m0%2016v2M2%2012h2m16%200h2M5%205l1.5%201.5m11%2011L19%2019M5%2019l1.5-1.5m11-11L19%205%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}
.redirect-dialog .code-pill>span:last-child{display:flex;align-items:center;gap:6px}.redirect-dialog .code-pill svg,.redirect-dialog .dialog-actions svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}

.scene.active .scene-copy{animation:sceneCopyArrive .55s ease both}.scene.active .launcher-action-panel,.scene.active .setup-card,.scene.active .download-main{animation:sceneCardArrive .65s .08s ease both}.product-world .world-cloud{animation-duration:11s}.product-build .diagram-center{animation:diagramBreathe 4s ease-in-out infinite}.product-files .file-back{animation-duration:5s}.product-files .file-front{animation-duration:6s}.scene .status-dot{animation:statusBreathe 3s ease-in-out infinite}.download-main-icon .icon{animation:downloadNudge 3.8s ease-in-out infinite}.hero-download .icon{animation:downloadNudge 3.8s .7s ease-in-out infinite}@keyframes sceneCopyArrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes sceneCardArrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes diagramBreathe{50%{stroke-opacity:.95;fill:var(--surface)}}@keyframes statusBreathe{50%{opacity:.35}}@keyframes downloadNudge{0%,70%,100%{transform:translateY(0)}80%{transform:translateY(3px)}90%{transform:translateY(-2px)}}html.no-anim *,html.no-anim *::before,html.no-anim *::after{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

.bat-blending .scene{transition:none!important}.bat-blending .scene-copy,.bat-blending .setup-card,.bat-blending .download-main,.bat-blending .launcher-action-panel{animation:none!important}.bat-blending .scene{will-change:opacity,transform}.p-reference-heading{padding-block:70px 24px}.p-reference-heading h2{font-size:34px;letter-spacing:-1px}.p-reference-heading p{color:var(--muted);font-size:14px}.p-reference-nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.p-reference-nav a{font-size:12px;border:1px solid var(--line);padding:8px 12px;border-radius:8px}.p-reference h2{font-size:30px;font-weight:600;line-height:1.5;margin:18px 0 24px}.p-reference h3{font-size:20px;margin:32px 0 14px}.p-reference p,.p-reference li{font-size:15px;line-height:1.95;color:var(--muted);max-width:85ch}.p-reference ul,.p-reference ol{padding-left:24px}.p-reference a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.p-reference-table{overflow:auto;border:1px solid var(--line);border-radius:12px;margin-block:24px}.p-reference table{border-collapse:collapse;min-width:850px;width:100%;font-size:13px}.p-reference th,.p-reference td{padding:16px;text-align:left;border-bottom:1px solid var(--line);border-right:1px solid var(--line);line-height:1.8}.p-reference th{background:var(--surface-2)}.p-reference td{color:var(--muted)}.bat-stage{position:relative}.bat-reading .bat-stage{padding-bottom:45vh;margin-bottom:-45vh}.bat-reading .bat-panel{position:sticky;top:var(--bat-top,90px);background:var(--bg);will-change:opacity,transform}.bat-reading .bat-panel .reveal{opacity:1!important;transform:none!important}.bat-reading .p-api{margin-block:0}.p-controls #introBat{width:42px;color:var(--accent)}.p-controls #introBat[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}@media(max-width:480px){.p-reference h2,.p-reference-heading h2{font-size:26px}.p-reference p,.p-reference li{font-size:14px}.p-controls>button:first-child{margin-left:calc(100% - 168px)}}

.p-reference-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:28px}.p-reference-notes p{margin:0;padding:16px 20px;border:1px solid var(--line);border-radius:10px;background:var(--surface);font-size:13px}.setting-row.but-setting{align-items:center;gap:24px}.setting-row.but-setting small{max-width:32ch;line-height:1.8;font-size:12px}.setting-row.but-setting .switch{flex-shrink:0}@media(max-width:760px){.p-reference-notes{grid-template-columns:1fr}}