.onboarding-help-control{position:relative}
.onboarding-help-trigger{width:36px;height:36px;display:grid;place-items:center;padding:0;border:1px solid var(--border-subtle,var(--line));border-radius:var(--radius-control,10px);background:var(--surface-raised,var(--panel-2));color:var(--content-primary,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(--primary,var(--violet));background:var(--hover,var(--panel-2));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 var(--border-emphasis,var(--line));border-radius:var(--radius-object,14px);background:var(--surface-overlay,var(--panel-2));box-shadow:var(--elevation-popover)}
.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:color-mix(in srgb,var(--primary,var(--violet)) 10%,transparent);outline:0}
.onboarding-help-popover span{font-size:11px;font-weight:750}.onboarding-help-popover small{color:var(--muted);font-size:9px}

.help-center-modal{width:min(860px,calc(100vw - 32px));max-height:min(86dvh,820px);overflow:auto}
.help-center-modal>p{max-width:72ch}
.help-search{display:grid;gap:7px;margin:22px 0 10px}.help-search>span{font-size:11px;font-weight:750}.help-search input{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel-2);color:var(--text);font:inherit;font-size:14px}.help-search input:focus-visible{border-color:var(--primary);outline:2px solid color-mix(in srgb,var(--primary) 42%,transparent);outline-offset:2px}
.help-search-status{margin:0 0 12px;color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}
.help-current-topic{display:grid;gap:7px;margin:0 0 18px;padding-bottom:18px;border-bottom:1px solid var(--line)}.help-current-topic>span{color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.help-current-topic button,.help-topic-list>button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 2px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:var(--text);text-align:left}.help-current-topic button{padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel-2)}.help-current-topic button:hover,.help-current-topic button:focus-visible,.help-topic-list>button:hover,.help-topic-list>button:focus-visible{color:var(--primary);outline:2px solid var(--focus-ring,var(--primary));outline-offset:2px}.help-current-topic strong,.help-topic-list strong{display:block;font-size:13px}.help-current-topic small,.help-topic-list small{display:block;max-width:70ch;margin-top:4px;color:var(--muted);font-size:10px;line-height:1.45}.help-topic-list b{flex:0 0 auto;font-size:15px}
.help-empty{padding:22px 0}.help-empty p{max-width:65ch;color:var(--muted);font-size:12px}.help-back{margin:2px 0 18px;padding:4px 0;border:0;background:transparent;color:var(--primary);font:inherit;font-size:11px;font-weight:750}.help-back:hover,.help-back:focus-visible{text-decoration:underline;text-underline-offset:3px;outline:0}
.help-topic-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin-bottom:22px}.help-topic-body section{padding:15px 0;border-top:1px solid var(--line)}.help-topic-body h3{margin:0 0 6px;font-size:11px}.help-topic-body p{margin:0;color:var(--muted);font-size:11px;line-height:1.55}.help-requirement{padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel-2);color:var(--muted)}
.help-onboarding-options{margin-top:22px;padding-top:16px;border-top:1px solid var(--line)}.help-onboarding-options summary{cursor:pointer;font-size:12px;font-weight:750}.help-onboarding-options p{max-width:70ch;color:var(--muted);font-size:11px;line-height:1.55}.help-onboarding-options>div{display:flex;flex-wrap:wrap;gap:8px}

.artistos-onboarding-root{--onboarding-backdrop:var(--overlay);position:fixed;inset:0;z-index:5000;color:var(--content-primary,var(--text));font-family:inherit;isolation:isolate}
.artistos-onboarding-focus-layer{z-index:4998!important}
.artistos-onboarding-target{position:relative!important;z-index:4999!important}
.artistos-onboarding-focus{outline:2px solid var(--primary,var(--violet))!important;outline-offset:4px;box-shadow:0 0 0 6px color-mix(in srgb,var(--primary,var(--violet)) 18%,transparent)!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 var(--border-emphasis,var(--line));border-radius:var(--radius-dialog,16px);background:var(--surface-overlay,var(--panel-2))}
.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 var(--border-subtle,var(--line));border-radius:var(--radius-object,12px);background:var(--surface-inset,var(--panel));color:var(--content-secondary,var(--muted))}
.onboarding-map-node>span{width:25px;height:25px;display:grid;place-items:center;border-radius:var(--radius-control,8px);background:var(--surface-raised,var(--panel-2));color:var(--content-secondary,var(--muted));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:var(--primary,var(--violet));background:var(--hover,var(--panel-2));outline:0}.onboarding-map-node.active{border-color:var(--primary,var(--violet));background:var(--role-promotion-surface);color:var(--content-primary,var(--text))}.onboarding-map-node.active>span{background:var(--primary,var(--violet));color:var(--primary-contrast)}
.onboarding-map-arrow{color:var(--content-secondary,var(--muted));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 color-mix(in srgb,var(--primary,var(--violet)) 38%,var(--border-subtle,var(--line)));border-radius:var(--radius-object,12px);background:var(--surface-inset,var(--panel))}
.onboarding-map-detail strong{display:block;font-size:16px}.onboarding-map-detail p{max-width:68ch;margin:7px 0 0;color:var(--content-secondary,var(--muted));font-size:12px;line-height:1.55}.onboarding-map-detail>span{flex:0 0 auto;color:var(--primary,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-exit-actions{flex-wrap:wrap}
.onboarding-text-button,.onboarding-primary-button{min-height:36px;padding:8px 11px;border-radius:var(--radius-control,9px);font:inherit;font-size:10px;font-weight:750}.onboarding-text-button{border:1px solid transparent;background:transparent;color:var(--content-secondary,var(--muted))}.onboarding-text-button:hover:not(:disabled),.onboarding-text-button:focus-visible:not(:disabled){border-color:var(--border-subtle,var(--line));color:var(--content-primary,var(--text));outline:0}.onboarding-text-button:disabled{opacity:.35}.onboarding-primary-button{border:1px solid var(--button);background:var(--button);color:var(--button-text)}.onboarding-primary-button:hover,.onboarding-primary-button:focus-visible{background:color-mix(in srgb,var(--button) 88%,var(--surface-card));border-color:var(--button);outline:2px solid color-mix(in srgb,var(--primary,var(--violet)) 35%,transparent);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(--primary,var(--violet));border-radius:var(--radius-object,14px);box-shadow:0 0 0 5px color-mix(in srgb,var(--primary,var(--violet)) 14%,transparent);pointer-events:none}
.onboarding-tour-card{position:fixed;width:360px;padding:0;border:1px solid var(--border-emphasis,var(--line));border-radius:var(--radius-object,14px);background:var(--surface-overlay,var(--panel-2));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(--content-secondary,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:var(--content-secondary,var(--muted));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 var(--border-emphasis,var(--line));border-radius:var(--radius-dialog,16px);background:var(--surface-overlay,var(--panel-2));box-shadow:var(--elevation-dialog)}
.onboarding-choice-card>span{color:var(--primary,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:var(--content-secondary,var(--muted));font-size:12px;line-height:1.6}.onboarding-choice-card>div{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}

@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-exit-actions{justify-content:space-between!important}.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%}.help-center-modal{width:100%;max-height:calc(100dvh - 24px)}.help-topic-body{grid-template-columns:1fr}.help-topic-list>button{align-items:flex-start}.help-current-topic small,.help-topic-list small{font-size:12px}}
@media(prefers-reduced-motion:reduce){.artistos-onboarding-root *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
