.onboarding--studio{--ob-ink:#1d2440;--ob-muted:#555c73;--ob-paper:#fff8e8;--ob-yellow:#ffd45e;--ob-mint:#78d6a1;max-width:76rem}.shell__main:has(.onboarding--studio)>.beta-rail{margin-bottom:1.25rem}.shell__main:has(.onboarding--studio)>.beta-rail .beta-rail__copy{display:none}.onboarding--studio .onboarding__header{color:var(--ob-ink);background:var(--ob-paper);border:1px solid var(--ob-ink);border-radius:1.4rem;flex-wrap:wrap;align-items:center;gap:1.5rem;padding:1.5rem;box-shadow:4px 5px #ff725f}.onboarding--studio .onboarding__eyebrow{color:var(--ob-ink)}.onboarding--studio .onboarding__step-count{color:var(--ob-muted)}.onboarding--studio .onboarding__progress{flex:24rem;width:auto}.onboarding--studio .onboarding__progress-step{color:var(--ob-muted)}.onboarding--studio .onboarding__progress-dot{color:var(--ob-ink);box-shadow:none;background:#e9e4d8;border-color:#0000}.onboarding--studio .onboarding__progress-step[data-current=true] .onboarding__progress-dot{background:var(--ob-yellow);color:var(--ob-ink);border-color:var(--ob-ink);box-shadow:none}.onboarding--studio .onboarding__progress-step[data-complete=true] .onboarding__progress-dot{background:var(--ob-mint);color:var(--ob-ink);box-shadow:none;border-color:#0000}.onboarding--studio .onboarding__progress-step:after{background:#555c73}.onboarding--studio .onboarding__exit{color:var(--ob-ink);text-decoration:underline}.onboarding--studio .onboarding__stage{grid-template-columns:minmax(15rem,.7fr) minmax(0,1.65fr);gap:1.8rem;padding-block:2rem}.onboarding--studio .onboarding__guide{border:1px solid var(--ob-ink);background:var(--ob-yellow);min-height:0;box-shadow:4px 5px 0 var(--onboarding-accent);border-radius:1.4rem;padding:1.1rem;position:sticky;top:6rem;overflow:hidden}.onboarding--studio .onboarding__character{align-self:center;width:min(100%,15rem);max-width:none;margin:1rem 0 -.7rem;position:relative;inset:auto;translate:none}.onboarding--studio .onboarding__character .character-portrait{box-shadow:none;background:0 0;border:none;border-radius:0}.onboarding-studio__note{background:var(--ob-paper);border:1px solid var(--ob-ink);width:67%;color:var(--ob-ink);font:700 .75rem var(--font-mono);padding:.8rem;position:absolute;inset:2rem auto auto 1.2rem;transform:rotate(-8deg);box-shadow:3px 3px #1d244029}.onboarding-studio__note i{background:#d9d5c9;width:80%;height:.2rem;margin-block:.5rem;display:block}.onboarding--studio .onboarding__speech{border:1px solid var(--ob-ink);box-shadow:2px 3px 0 var(--ob-ink);-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--ob-ink);background:#fffdf7;border-radius:.9rem;padding:1.1rem}.onboarding--studio .onboarding__guide-kicker,.onboarding--studio .onboarding__speech>p:last-child{color:var(--ob-muted)}.onboarding--studio .onboarding__speech h2{color:var(--ob-ink);font-size:1.4rem;line-height:1.2}.onboarding-studio__companion-note{text-align:center;color:var(--ob-ink);margin-top:1rem;font-size:.72rem}.onboarding--studio .onboarding__panel{border:1px solid var(--color-border);background:var(--color-paper-raised);border-radius:1.4rem;padding:clamp(1rem,2.4vw,2rem);scroll-margin-top:6rem}.onboarding--studio .onboarding__intro h1{max-width:20ch;font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.1}.onboarding--studio .onboarding__intro p{margin-top:.8rem;font-size:1rem;line-height:1.65}.onboarding--studio .choices--characters{gap:.7rem}.onboarding--studio .choices--characters .choice{border-radius:1rem;min-height:0;padding:.65rem}.onboarding--studio .choices--characters .choice[data-selected=true]{border-color:var(--onboarding-accent);box-shadow:0 0 0 2px var(--onboarding-accent)}.onboarding--studio .choice__art{background:color-mix(in srgb, var(--onboarding-accent) 12%, transparent);border-radius:.7rem}.onboarding--studio .choice__art .character-portrait{box-shadow:none;background:0 0}.onboarding--studio .choice__selected{background:var(--ob-yellow);color:var(--ob-ink);font-size:.65rem;top:.5rem;right:.5rem}.onboarding--studio .choice__description{font-size:.85rem;line-height:1.5}.onboarding--studio .choice__title{font-size:1.05rem}.onboarding--studio .onboarding__identity{grid-template-columns:1fr;align-items:start;gap:1.2rem}.onboarding--studio .onboarding__identity .choices--compact{flex-wrap:wrap}.onboarding-studio__hint{color:var(--color-ink-muted);font-size:.8rem}.onboarding-studio__colour-note{max-width:42rem;color:var(--color-ink-muted);align-items:flex-start;gap:.55rem;margin:-.55rem 0 0;font-size:.85rem;line-height:1.5;display:flex}.onboarding-studio__colour-dot{border:1px solid var(--color-border-strong);border-radius:50%;flex:none;width:.8rem;height:.8rem;margin-top:.2rem}.onboarding--studio .onboarding__primary{color:var(--ob-ink);background:var(--ob-yellow);border:1px solid var(--ob-ink);box-shadow:2px 3px 0 var(--ob-ink);min-height:3rem;font-weight:700}.onboarding--studio .onboarding__primary:hover{background:#ffe59c}.onboarding--studio .onboarding__primary:disabled{opacity:.65;box-shadow:none}.onboarding--studio .onboarding__primary:focus-visible,.onboarding--studio summary:focus-visible{outline:3px solid var(--color-signal);outline-offset:4px}.onboarding--studio .choice--world,.onboarding--studio .choice--entry{border-radius:1rem;min-width:0;padding:1rem}.onboarding--studio .choice--entry .choice__entry-heading{flex-wrap:wrap}.onboarding--studio .choice__entry-mark{background:var(--ob-paper);color:var(--ob-ink);box-shadow:none}.onboarding--studio .onboarding__briefing-stamp{color:var(--color-ink);border-color:var(--color-border);transform:none}.onboarding--studio .onboarding-briefing__ticket{border:1px dashed var(--color-border-strong);background:var(--color-paper);box-shadow:none;border-radius:1rem;margin-block:1.2rem;padding:1rem}.onboarding--studio .onboarding-briefing__approved{color:var(--color-ink-muted);grid-column:1/-1;justify-self:start;font-size:.7rem;position:static;transform:none}.onboarding--studio .onboarding-briefing__flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-block:1.2rem}.onboarding--studio .onboarding-briefing__details{border-top:1px solid var(--color-border);margin-top:1rem}.onboarding--studio .onboarding-briefing__details>summary{align-items:center;min-height:3rem;display:flex}.onboarding--studio .onboarding-briefing__details>summary::marker{color:var(--color-ink-muted)}.onboarding--studio .onboarding-briefing__details[open]>summary{border-bottom:1px solid var(--color-border)}.onboarding--studio .onboarding-briefing__flow li{border:1px solid var(--color-border);background:var(--color-paper);min-height:0;box-shadow:none;padding:.9rem}.onboarding--studio .onboarding-briefing__flow li:after{display:none}.onboarding--studio .onboarding-briefing__flow strong{font-size:.95rem}.onboarding--studio .onboarding-briefing__flow p{font-size:.85rem;line-height:1.5}.onboarding--studio .onboarding-briefing__mark{color:var(--color-ink)}.onboarding--studio .onboarding-briefing__number{color:var(--color-ink-muted)}.onboarding--studio .onboarding-briefing__rewards{background:var(--color-paper);border:1px solid var(--color-border);border-radius:1rem;gap:1rem;margin-block:1rem;padding:1rem}.onboarding--studio .onboarding-briefing__actions{flex-wrap:wrap;gap:1rem;margin-block:1.5rem;display:flex}.onboarding-studio__destination{border-left:3px solid var(--color-signal);flex-basis:100%;padding-left:.9rem;font-size:.95rem;line-height:1.6}.onboarding-studio__tiktok{max-width:42rem;color:var(--color-ink-muted);align-items:center;gap:.55rem;margin-top:-.75rem;font-size:.85rem;font-weight:650;line-height:1.45;text-decoration:none;display:inline-flex}.onboarding-studio__tiktok span{border:1px solid var(--color-border-strong);width:1.6rem;height:1.6rem;color:var(--color-signal);font-family:var(--font-mono);border-radius:.45rem;flex:none;place-items:center;font-size:.95rem;display:grid}.onboarding-studio__tiktok:hover{color:var(--color-signal);text-underline-offset:.18em;text-decoration:underline}.onboarding-studio__hello{border:1px solid var(--color-border);background:var(--color-paper-raised);border-radius:1rem;margin-top:1.5rem;padding:1rem 1.25rem}.onboarding-studio__hello>span{text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;font-weight:800}.onboarding-studio__hello>p{margin-block:.6rem;font-size:.95rem}.onboarding--studio summary{cursor:pointer;min-height:2.75rem;color:var(--color-signal);padding-block:.7rem;font-size:.9rem;font-weight:600}.onboarding-studio__availability{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.onboarding-studio__availability section{border:1px solid var(--color-border);border-radius:1rem;padding:1rem}.onboarding-studio__availability section[data-availability=now]{border-top:4px solid var(--color-success)}.onboarding-studio__availability section[data-availability=future]{border-top:4px solid var(--color-border-strong)}.onboarding-studio__availability h2{margin-block:.65rem;font-size:1.25rem}.onboarding-studio__availability p{color:var(--color-ink-muted);font-size:.85rem;line-height:1.6}.onboarding-studio__availability .onboarding-studio__label{color:var(--color-ink);letter-spacing:.05em;text-transform:uppercase;font-size:.7rem;font-weight:800}.onboarding-studio__now-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.onboarding-studio__now-list li{border:1px solid color-mix(in srgb, var(--color-success) 35%, var(--color-border));background:color-mix(in srgb, var(--color-success) 6%, var(--color-paper-sunken));border-radius:.7rem;min-width:0;padding:.6rem}.onboarding-studio__now-list strong,.onboarding-studio__now-list span{display:block}.onboarding-studio__now-list strong{color:var(--color-ink);font-size:.75rem;line-height:1.25}.onboarding-studio__now-list span{color:var(--color-ink-muted);margin-top:.25rem;font-size:.72rem;line-height:1.4}.onboarding-studio__roadmap{margin-block:.6rem}.onboarding-studio__roadmap ul{gap:1rem;margin-block:.5rem 1rem;padding-left:1.2rem;display:grid}.onboarding-studio__roadmap p{color:var(--color-ink-muted);font-size:.9rem}.onboarding-studio__feedback{border-top:1px solid var(--color-border);align-items:center;gap:1rem;padding:1rem 0;display:flex}.onboarding-studio__feedback p{flex:1;font-size:.85rem;line-height:1.6}.onboarding-studio__feedback button{flex-shrink:0}@media (max-width:60rem){.onboarding--studio .onboarding__stage{grid-template-columns:minmax(0,1fr)}.onboarding--studio .onboarding__guide{grid-template-columns:8rem minmax(0,1fr);align-items:center;gap:1rem;display:grid;position:relative;top:auto}.onboarding--studio .onboarding__character{width:8rem;margin:0}.onboarding-studio__note{display:none}.onboarding-studio__companion-note{grid-column:1/-1;margin:0}}@media (max-width:30rem){.onboarding-studio__now-list{grid-template-columns:1fr}}@media (max-width:42rem){.onboarding--studio .onboarding__header{gap:.8rem;padding:1rem}.onboarding--studio .onboarding__progress{flex:none;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}.onboarding--studio .onboarding__progress-step{font-size:.65rem}.onboarding--studio .onboarding__stage{gap:1.2rem;padding-top:1.3rem}.onboarding--studio .onboarding__guide{grid-template-columns:4.5rem minmax(0,1fr);gap:.65rem;padding:.75rem}.onboarding--studio .onboarding__character{width:4.5rem}.onboarding--studio .onboarding__speech{padding:.75rem}.onboarding--studio .onboarding__speech h2{font-size:1.05rem}.onboarding--studio .onboarding__speech>p:last-child{margin-top:.5rem;font-size:.8rem}.onboarding--studio .onboarding__guide-kicker{display:none}.onboarding--studio .choices--characters{grid-template-columns:minmax(0,1fr)}.onboarding--studio .choices--characters .choice{text-align:left;grid-template-columns:5.5rem minmax(0,1fr);align-items:center;gap:.4rem .8rem;padding:.75rem;display:grid}.onboarding--studio .choices--characters .choice__art{grid-row:1/4;width:5.5rem;margin:0}.onboarding--studio .choices--characters .choice__title,.onboarding--studio .choices--characters .choice__description{grid-column:2}.onboarding--studio .choice__selected{grid-column:2;width:fit-content;position:static}.onboarding--studio .onboarding-briefing__flow,.onboarding-studio__availability{grid-template-columns:minmax(0,1fr)}.onboarding--studio .onboarding-briefing__actions{padding-right:2rem}.onboarding-studio__feedback{flex-direction:column;align-items:start;padding-right:2rem}.onboarding--studio .onboarding__primary{white-space:normal;max-width:100%}}@media (prefers-reduced-motion:no-preference){.onboarding-studio__note{animation:.25s ease-out both welcome-note}@keyframes welcome-note{0%{opacity:0;transform:rotate(-12deg)translateY(8px)}}}@media (prefers-reduced-motion:reduce){.onboarding--studio *,.onboarding--studio :before,.onboarding--studio :after{transition:none!important;animation:none!important}}