.stage[data-setup]{--setup-bg:#0c111b;--setup-panel:#121a27;--setup-ink:#f1f5fb;--setup-muted:#a8b7cb;--setup-line:#2b3b51;--setup-accent:#f6c943;--bp-black:var(--setup-bg);--bp-yellow:var(--setup-accent);--chalk:var(--setup-ink);--white:var(--setup-ink);--muted:var(--setup-muted);--ink:var(--setup-bg);--line:var(--setup-line);background:radial-gradient(ellipse at 10% 0%, #3479de15, transparent 60%), var(--setup-bg);color:var(--setup-ink)}html[data-byteplay-theme=light] .stage[data-setup]{--setup-bg:#f0f4fa;--setup-panel:#fff;--setup-ink:#142238;--setup-muted:#52647d;--setup-line:#cad5e4;--setup-accent:#996800}.stage[data-setup] .app{color:var(--setup-ink);background:var(--setup-panel)!important;border-color:var(--setup-line)!important}.stage[data-setup] :is(.h1,.h2,.h3,.pen,.brandrow,.queue .qn,.rv,.dob-date,.date-preview,.wheel-item.active,.connector-card b){color:var(--setup-ink)!important}.stage[data-setup] :is(.body,.hint,.micro,.qmeta,.rk,.connector-card small,.setup-back,.setup-skip,.age-preview,.dob-wheel-help){color:var(--setup-muted)!important}.stage[data-setup] :is(.inp,.connector-card,.queue,.dob-wheel-card,.rows,.note,.btn-s,.btn-q,.setup-back,.setup-skip,.style-card){background:var(--setup-panel)!important;color:var(--setup-ink)!important;border-color:var(--setup-line)!important}.stage[data-setup] .wheel-item{color:var(--setup-muted)}.stage[data-setup] :is(.btn-p,.dob-wheel-head){color:#142238!important;background:#f6cb38!important}.stage[data-setup] .foot{background:var(--setup-panel)!important;border-color:var(--setup-line)!important}.stage[data-setup] :is(button,input,select){min-height:44px}.stage[data-setup] :is(.scroll,.foot,.connector-grid){min-width:0}.stage[data-setup] :is(.body,.hint,.connector-card,.rows){overflow-wrap:anywhere}.stage[data-setup] .inp{font-size:16px}.stage[data-setup] :is(button,a,input,select):focus-visible{outline-offset:3px;box-shadow:none;outline:3px solid #3986ff}@media (width<=759px){.stage[data-setup] .scroll{padding-inline:max(20px, env(safe-area-inset-left))}.stage[data-setup] .foot{padding-bottom:max(20px, env(safe-area-inset-bottom))}.stage[data-setup] .connector-grid{grid-template-columns:1fr}}@media (width>=760px) and (width<=1023px){.stage[data-setup][data-wide="1"] .app{width:calc(100vw - 48px);max-width:960px}}@media (prefers-reduced-motion:reduce){.stage[data-setup] *,.stage[data-setup] :before,.stage[data-setup] :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width>=1024px){.stage[data-setup]{padding:40px!important}.stage[data-setup][data-wide="1"] .app{border-radius:24px!important;width:min(1120px,100vw - 80px)!important;height:min(820px,100dvh - 80px)!important}.stage[data-setup] .screen .scroll,.stage[data-setup] .screen .foot{width:100%!important;max-width:1000px!important;margin-inline:auto!important;padding-inline:40px!important}.stage[data-setup] .screen:is([data-screen=age],[data-screen=password]) .scroll,.stage[data-setup] .screen:is([data-screen=age],[data-screen=password]) .foot{max-width:800px!important}}.stage[data-setup] .setup-back{border-radius:10px;padding-inline:12px}.stage[data-setup] :is(.lab,.reqs,.plan,.eyebrow){color:var(--setup-muted)}.stage[data-setup] .note svg{color:var(--setup-accent)}
