.onboarding-help-control{position:relative}
.onboarding-help-trigger{width:36px;height:36px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:10px;background:#15181d;color:var(--text);font-size:15px;font-weight:850;line-height:1}
.onboarding-help-trigger:hover,.onboarding-help-trigger:focus-visible,.onboarding-help-trigger[aria-expanded="true"]{border-color:var(--violet);background:#1b1e24;outline:0}
.onboarding-help-popover{position:absolute;z-index:1200;top:calc(100% + 8px);right:0;width:min(290px,calc(100vw - 24px));padding:10px;border:1px solid #4b5360;border-radius:14px;background:#15181d;box-shadow:0 8px 8px rgba(0,0,0,.45)}
.onboarding-help-popover>strong{display:block;padding:6px 8px 10px;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.12em}
.onboarding-help-popover>button{width:100%;display:grid;gap:3px;padding:10px 9px;border:0;border-radius:9px;background:transparent;color:var(--text);text-align:left}
.onboarding-help-popover>button:hover,.onboarding-help-popover>button:focus-visible{background:rgba(181,156,255,.1);outline:0}
.onboarding-help-popover span{font-size:11px;font-weight:750}.onboarding-help-popover small{color:var(--muted);font-size:9px}

.artistos-onboarding-root{--onboarding-backdrop:rgba(4,5,7,.78);position:fixed;inset:0;z-index:200;color:var(--text);font-family:inherit}
.artistos-onboarding-focus-layer{z-index:202!important}
.artistos-onboarding-target{position:relative!important;z-index:203!important}
.artistos-onboarding-focus{outline:2px solid var(--violet)!important;outline-offset:4px;box-shadow:0 0 0 6px rgba(181,156,255,.18)!important}
.onboarding-map-root{display:grid;place-items:center;padding:24px;background:var(--onboarding-backdrop)}
.onboarding-map-panel{width:min(1010px,calc(100vw - 48px));max-height:calc(100dvh - 48px);overflow:auto;border:1px solid #4b5360;border-radius:16px;background:#15181d}
.onboarding-map-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:24px 26px 20px;border-bottom:1px solid var(--line)}
.onboarding-map-panel>header span,.onboarding-tour-card>header span{color:var(--violet);font-size:9px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.onboarding-map-panel h2{margin:5px 0 5px;font-size:24px;letter-spacing:-.03em;text-wrap:balance}.onboarding-map-panel header p{margin:0;color:var(--muted);font-size:12px}
.onboarding-map-panel>header>button{width:32px;height:32px;padding:0;border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--muted);font-size:19px}.onboarding-map-panel>header>button:hover,.onboarding-map-panel>header>button:focus-visible{border-color:var(--violet);color:var(--text);outline:0}
.onboarding-map-flow{display:flex;align-items:center;justify-content:center;gap:8px;padding:28px 22px 22px;overflow-x:auto}
.onboarding-map-node{width:94px;min-width:94px;min-height:92px;display:grid;align-content:center;justify-items:center;gap:5px;padding:11px 8px;border:1px solid #343943;border-radius:12px;background:#111318;color:var(--muted)}
.onboarding-map-node>span{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:#24272e;color:#c0c4cb;font-size:10px;font-weight:850}
.onboarding-map-areas>span{font-size:7px;letter-spacing:-.08em;white-space:nowrap}
.onboarding-map-node strong{color:var(--text);font-size:11px}.onboarding-map-node small{font-size:8px;white-space:nowrap}
.onboarding-map-node:hover,.onboarding-map-node:focus-visible{border-color:#7565a4;background:#191b22;outline:0}.onboarding-map-node.active{border-color:var(--violet);background:rgba(181,156,255,.12);color:#dcd4ff}.onboarding-map-node.active>span{background:var(--violet);color:#16121f}
.onboarding-map-arrow{color:#565d68;font-size:12px}
.onboarding-map-detail{min-height:108px;margin:0 26px 22px;padding:17px 18px;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;border:1px solid rgba(181,156,255,.38);border-radius:12px;background:#101217}
.onboarding-map-detail strong{display:block;font-size:16px}.onboarding-map-detail p{max-width:68ch;margin:7px 0 0;color:#b2b7c0;font-size:12px;line-height:1.55}.onboarding-map-detail>span{flex:0 0 auto;color:var(--violet);font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.onboarding-map-panel>footer,.onboarding-tour-card>footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 20px;border-top:1px solid var(--line)}.onboarding-map-panel>footer>div,.onboarding-tour-card>footer>div{display:flex;align-items:center;gap:8px}
.onboarding-text-button,.onboarding-primary-button{min-height:36px;padding:8px 11px;border-radius:9px;font:inherit;font-size:10px;font-weight:750}.onboarding-text-button{border:1px solid transparent;background:transparent;color:#aeb3bc}.onboarding-text-button:hover:not(:disabled),.onboarding-text-button:focus-visible:not(:disabled){border-color:var(--line);color:var(--text);outline:0}.onboarding-text-button:disabled{opacity:.35}.onboarding-primary-button{border:1px solid var(--text);background:var(--text);color:#101114}.onboarding-primary-button:hover,.onboarding-primary-button:focus-visible{background:#d8d6d1;border-color:#d8d6d1;outline:2px solid rgba(181,156,255,.35);outline-offset:2px}

.onboarding-spotlight-root{pointer-events:none}.onboarding-shade{position:fixed;background:var(--onboarding-backdrop);pointer-events:auto}.onboarding-spotlight-outline{position:fixed;border:2px solid var(--violet);border-radius:14px;box-shadow:0 0 0 5px rgba(181,156,255,.14);pointer-events:none}
.onboarding-tour-card{position:fixed;width:360px;padding:0;border:1px solid #5b526f;border-radius:14px;background:#15181d;pointer-events:auto}
.onboarding-tour-card>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 17px 0}.onboarding-tour-card>header b{color:var(--muted);font-size:9px;font-variant-numeric:tabular-nums}.onboarding-tour-card h2{margin:12px 17px 7px;font-size:18px;letter-spacing:-.025em;text-wrap:balance}.onboarding-tour-card>p{max-width:65ch;margin:0;padding:0 17px 17px;color:#b2b7c0;font-size:11px;line-height:1.55}.onboarding-tour-card>footer{padding:12px 13px}
.onboarding-tour-card>header i{font-style:normal;font-size:13px;letter-spacing:0;text-transform:none}

.onboarding-choice-root{display:grid;place-items:center;padding:24px;background:var(--onboarding-backdrop)}
.onboarding-choice-card{width:min(480px,calc(100vw - 32px));padding:24px;border:1px solid #5b526f;border-radius:16px;background:#15181d;box-shadow:0 18px 48px rgba(0,0,0,.38)}
.onboarding-choice-card>span{color:var(--violet);font-size:9px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.onboarding-choice-card h2{margin:9px 0 8px;font-size:22px;letter-spacing:-.03em;text-wrap:balance}.onboarding-choice-card p{margin:0;color:#b2b7c0;font-size:12px;line-height:1.6}.onboarding-choice-card>div{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}

html[data-theme="day"] .onboarding-help-trigger{background:#fffdf8;border-color:#81796d;color:#132235}html[data-theme="day"] .onboarding-help-popover,html[data-theme="day"] .onboarding-map-panel,html[data-theme="day"] .onboarding-tour-card,html[data-theme="day"] .onboarding-choice-card{background:#fffdf8;color:#132235;border-color:#81796d}html[data-theme="day"] .onboarding-help-popover{box-shadow:0 8px 8px rgba(26,31,38,.22)}html[data-theme="day"] .onboarding-map-detail{background:#f3edf9;border-color:#8d74bd}html[data-theme="day"] .onboarding-map-detail p,html[data-theme="day"] .onboarding-tour-card>p,html[data-theme="day"] .onboarding-choice-card p{color:#3e536b}html[data-theme="day"] .onboarding-map-node{background:#f2ece3;border-color:#aaa092;color:#4d6075}html[data-theme="day"] .onboarding-map-node strong{color:#132235}html[data-theme="day"] .onboarding-map-node.active{background:#e5daf6;border-color:#6945b5}html[data-theme="day"] .onboarding-map-panel header p{color:#4d6075}

@media(max-width:900px){.onboarding-map-root{place-items:end center;padding:12px}.onboarding-map-panel{width:100%;max-height:calc(100dvh - 24px)}.onboarding-map-flow{justify-content:flex-start}.onboarding-map-detail{margin-inline:16px}.artistos-onboarding-focus{outline-offset:2px}}
@media(max-width:620px){.onboarding-map-panel>header{padding:18px}.onboarding-map-panel h2{font-size:20px}.onboarding-map-flow{padding:20px 14px 16px}.onboarding-map-detail{min-height:132px;display:grid;gap:12px}.onboarding-map-detail>span{grid-row:1}.onboarding-map-panel>footer,.onboarding-tour-card>footer{align-items:stretch;flex-direction:column}.onboarding-map-panel>footer>div,.onboarding-tour-card>footer>div{justify-content:flex-end}.onboarding-tour-card{position:fixed!important;left:10px!important;right:10px!important;bottom:74px!important;top:auto!important;width:auto!important}.onboarding-help-popover{position:fixed;right:10px;top:64px}.onboarding-choice-card{padding:20px}.onboarding-choice-card>div{align-items:stretch;flex-direction:column-reverse}.onboarding-choice-card button{width:100%}}
@media(prefers-reduced-motion:reduce){.artistos-onboarding-root *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}