/* Plasma guide: real screens remain interactive outside the context card. */
.onboarding-welcome,.onboarding-card{box-sizing:border-box;color:var(--text);font-family:var(--ui-font);background:linear-gradient(145deg,#33223beF,#1b1325fA 70%);border:1px solid var(--glass-rim);box-shadow:inset 0 1px #fff0ff16,0 20px 64px #0008;border-radius:var(--radius-lg);text-align:left;color-scheme:dark}
.onboarding-welcome{width:min(460px,calc(100vw - 24px));max-height:calc(100dvh - max(24px,env(safe-area-inset-top)) - max(24px,env(safe-area-inset-bottom)));padding:24px;overflow:auto;overscroll-behavior:contain}
.onboarding-welcome::backdrop{background:#08050db3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.onboarding-heading,.onboarding-card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.onboarding-heading{margin-bottom:22px}.onboarding-brand{color:var(--pink);font-size:12px;font-weight:500;letter-spacing:.04em}
.onboarding-welcome h2{margin:0;font-size:27px;font-weight:600;letter-spacing:-.035em;line-height:1.15}
.onboarding-welcome p{font-size:14px;line-height:1.65;color:var(--muted);margin:14px 0}.onboarding-welcome .onboarding-language-note{padding-top:14px;border-top:1px solid var(--surface-rim);font-size:12px}
.onboarding-welcome button,.onboarding-card button{appearance:none;-webkit-appearance:none;font:500 13px/1.3 var(--ui-font);cursor:pointer;color:var(--text);min-height:44px;min-width:44px;box-sizing:border-box}
.onboarding-close{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border:1px solid var(--surface-rim);border-radius:50%;background:#fff5ff06!important;font-size:24px!important;font-weight:300!important;padding:0}
.onboarding-languages{display:grid;grid-template-columns:1fr 1fr;gap:8px}.onboarding-native{display:flex;align-items:center;gap:10px;min-width:0!important;min-height:54px!important;padding:10px 12px;border:1px solid var(--surface-rim);border-radius:15px;background:var(--glass-sheen),#fff0ff04;text-align:left;font-size:14px!important}.onboarding-native:last-child{grid-column:1/-1}.onboarding-native-code{font-size:10px;letter-spacing:.04em;color:var(--pink);min-width:20px}
.onboarding-welcome .onboarding-start{width:100%;margin-top:10px}.onboarding-primary{padding:11px 17px;border:1px solid #ecc1fa40;border-radius:14px;background:var(--accent-gradient);box-shadow:inset 0 1px #ffebff1a;color:#fff!important}
.onboarding-root{position:fixed;inset:0;z-index:12000;pointer-events:none;font-family:var(--ui-font);padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom))}.onboarding-root[hidden]{display:none!important}
.onboarding-spotlight{position:fixed;pointer-events:none;border:1px solid var(--pink);border-radius:18px;box-shadow:0 0 0 9999px #08050d69,0 0 0 4px #ff92d512;box-sizing:border-box}
.onboarding-card{position:fixed;display:flex;flex-direction:column;pointer-events:auto;padding:14px 18px 16px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#78598d transparent;animation:onboarding-reveal 170ms ease-out;isolation:isolate}.onboarding-card-heading,.onboarding-progress,.onboarding-actions,.onboarding-status{flex-shrink:0}.onboarding-copy{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.onboarding-contents{min-height:0;overflow:auto;overscroll-behavior:contain}
.onboarding-card-heading{gap:8px}.onboarding-chapter{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 6px 0 0;min-width:44px!important;border:0;background:none;color:var(--pink)!important;text-align:left;font-size:12px!important}.onboarding-chevron{width:18px;height:18px;fill:none;stroke:var(--muted);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.onboarding-progress{display:flex;gap:4px;margin:10px 0 17px}.onboarding-progress>span{height:3px;flex:1;border-radius:3px;background:var(--line)}.onboarding-progress>.is-past{background:#c0a1ff66}.onboarding-progress>.is-current{background:var(--pink)}
.onboarding-copy h2{font:600 20px/1.25 var(--ui-font);letter-spacing:-.025em;margin:0 0 12px;outline:none}.onboarding-copy p{margin:0;font-size:13px;line-height:1.65;color:#d0c6da;overflow-wrap:anywhere}.onboarding-copy .onboarding-context{font-size:12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--surface-rim);color:var(--muted)}
.onboarding-status{font:400 12px/1.5 var(--ui-font)!important;color:var(--amber)!important;margin:12px 0 0!important;overflow-wrap:anywhere}.onboarding-status[hidden]{display:none!important}
.onboarding-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px;min-width:0}.onboarding-back{padding:8px 0;border:0;background:none;text-align:left;color:var(--muted)!important;max-width:32%;overflow-wrap:anywhere}.onboarding-count{color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}.onboarding-actions .onboarding-primary{max-width:44%;overflow-wrap:anywhere}
.onboarding-contents{display:grid;gap:3px;padding:4px 0 12px;border-bottom:1px solid var(--surface-rim);margin-bottom:14px}.onboarding-contents[hidden]{display:none!important}.onboarding-contents button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:1px solid transparent;border-radius:12px;background:none;padding:9px 10px}.onboarding-contents button[aria-current]{background:var(--glass-selected);border-color:var(--surface-rim)}.onboarding-contents-number{font-size:11px;font-variant-numeric:tabular-nums;color:var(--pink)}
.onboarding-welcome button:disabled,.onboarding-card button:disabled{opacity:.45;cursor:default}.onboarding-welcome button:focus-visible,.onboarding-card button:focus-visible{outline:2px solid var(--pink);outline-offset:3px}.onboarding-copy h2:focus-visible{outline:0}
@media(hover:hover){.onboarding-native:hover,.onboarding-contents button:hover,.onboarding-close:hover{background-color:#d8a1e21c}.onboarding-primary:hover{filter:brightness(1.1)}.onboarding-back:hover{color:var(--text)!important}}
@media(max-width:359px){.onboarding-welcome{padding:18px}.onboarding-native{padding:10px;gap:7px;font-size:13px!important}.onboarding-card{padding:12px 15px 14px}.onboarding-copy h2{font-size:19px}.onboarding-actions{gap:8px}.onboarding-actions .onboarding-primary{padding-inline:12px}}
@media(max-height:500px){.onboarding-heading{margin-bottom:12px}.onboarding-welcome h2{font-size:23px}.onboarding-languages{gap:5px}.onboarding-native{min-height:44px!important}.onboarding-card{padding-block:10px}.onboarding-progress{margin-block:5px 10px}.onboarding-copy h2{font-size:18px;margin-bottom:8px}.onboarding-copy p{font-size:12px;line-height:1.5}.onboarding-actions{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.onboarding-card{animation:none}}
@media(prefers-reduced-transparency:reduce){.onboarding-welcome,.onboarding-card{background:var(--panel2)}.onboarding-welcome::backdrop{backdrop-filter:none;-webkit-backdrop-filter:none}}
@keyframes onboarding-reveal{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}