.onboarding-mask{position:fixed;inset:0;background:var(--modal-backdrop);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:1500;pointer-events:none;transition:-webkit-clip-path .35s cubic-bezier(.4,0,.2,1);transition:clip-path .35s cubic-bezier(.4,0,.2,1);transition:clip-path .35s cubic-bezier(.4,0,.2,1),-webkit-clip-path .35s cubic-bezier(.4,0,.2,1)}.onboarding-spotlight{position:fixed;border:2px solid color-mix(in srgb,var(--brand-primary) 70%,transparent);border-radius:10px;pointer-events:none;z-index:1501;transition:all .35s cubic-bezier(.4,0,.2,1);animation:spotlight-pulse 2.4s ease-in-out infinite}@keyframes spotlight-pulse{0%,to{box-shadow:0 0 16px color-mix(in srgb,var(--brand-primary) 30%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--brand-primary) 10%,transparent)}50%{box-shadow:0 0 32px color-mix(in srgb,var(--brand-primary) 55%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--brand-primary) 20%,transparent)}}.onboarding-tooltip{position:fixed;width:320px;background:var(--surface-card-strong);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid color-mix(in srgb,var(--brand-primary) 28%,transparent);border-left:1px solid var(--border-glass-side);border-right:1px solid var(--border-glass-bottom);border-bottom:1px solid var(--border-glass-bottom);border-radius:14px;padding:22px 22px 18px;box-shadow:var(--shadow-card);z-index:1502;pointer-events:auto;color:var(--text-primary);font-family:Inter,-apple-system,sans-serif;animation:tooltip-enter .25s cubic-bezier(.4,0,.2,1)}@keyframes tooltip-enter{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.tooltip-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.tooltip-title{font-family:Manrope,sans-serif;font-size:1rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em;margin:0;flex:1 1;line-height:1.3}.tooltip-close{border:none;color:color-mix(in srgb,var(--text-secondary) 40%,transparent);cursor:pointer;padding:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;line-height:1;margin-left:8px;flex-shrink:0;transition:color .15s}.tooltip-close,.tooltip-close:hover{background:transparent;box-shadow:none}.tooltip-close:hover{color:var(--text-primary);transform:none}.tooltip-description{font-family:Inter,sans-serif;font-size:.875rem;line-height:1.6;color:var(--text-secondary);margin:0 0 14px;white-space:pre-line}.tooltip-progress{font-family:JetBrains Mono,monospace;font-size:.9rem;color:var(--brand-primary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px}.tooltip-navigation{display:flex;gap:8px;align-items:center}.tooltip-btn-example,.tooltip-btn-next,.tooltip-btn-previous,.tooltip-btn-skip{padding:8px 14px;border-radius:8px;font-family:Inter,sans-serif;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s,box-shadow .15s,color .15s;border:none;line-height:1}.tooltip-btn-previous{background:color-mix(in srgb,var(--text-primary) 6%,transparent);color:var(--text-secondary);border:1px solid color-mix(in srgb,var(--text-primary) 8%,transparent)}.tooltip-btn-previous:hover:not(:disabled){background:color-mix(in srgb,var(--text-primary) 10%,transparent);color:var(--text-primary)}.tooltip-btn-previous:disabled{opacity:.3;cursor:not-allowed}.tooltip-btn-next{background:var(--brand-bright);color:var(--app-bg);flex:1 1}.tooltip-btn-next:hover{background:var(--brand-primary);box-shadow:0 0 14px color-mix(in srgb,var(--brand-primary) 35%,transparent)}.tooltip-btn-skip{background:transparent;color:color-mix(in srgb,var(--text-secondary) 50%,transparent);border:1px solid color-mix(in srgb,var(--text-secondary) 15%,transparent);font-size:.75rem}.tooltip-btn-skip:hover{color:var(--text-secondary);border-color:color-mix(in srgb,var(--text-secondary) 30%,transparent);background:color-mix(in srgb,var(--text-primary) 4%,transparent)}.tooltip-btn-example{background:color-mix(in srgb,var(--brand-primary) 10%,transparent);color:var(--brand-primary);border:1px solid color-mix(in srgb,var(--brand-primary) 25%,transparent);flex:1 1}.tooltip-btn-example:hover{background:color-mix(in srgb,var(--brand-primary) 18%,transparent);border-color:color-mix(in srgb,var(--brand-primary) 45%,transparent);box-shadow:0 0 12px color-mix(in srgb,var(--brand-primary) 20%,transparent)}.tooltip-arrow{position:absolute;width:0;height:0;border-style:solid}.tooltip-arrow-bottom{bottom:-11px;left:50%;transform:translateX(-50%);border-width:11px 10px 0;border-color:var(--surface-card-strong) transparent transparent transparent}.tooltip-arrow-top{top:-11px;left:50%;transform:translateX(-50%);border-width:0 10px 11px;border-color:transparent transparent var(--surface-card-strong) transparent}.tooltip-arrow-left{left:-11px;top:50%;transform:translateY(-50%);border-width:10px 11px 10px 0;border-color:transparent var(--surface-card-strong) transparent transparent}.tooltip-arrow-right{right:-11px;top:50%;transform:translateY(-50%);border-width:10px 0 10px 11px;border-color:transparent transparent transparent var(--surface-card-strong)}[dir=rtl] .onboarding-tooltip{text-align:right;border-top:1px solid color-mix(in srgb,var(--brand-primary) 28%,transparent);border-right:1px solid var(--border-glass-side);border-left:1px solid var(--border-glass-bottom)}[dir=rtl] .tooltip-navigation{flex-direction:row-reverse}[dir=rtl] .tooltip-close{margin-left:0;margin-right:8px}@media (max-width:768px){.onboarding-tooltip{position:fixed!important;left:12px!important;right:12px!important;width:auto!important;padding:16px 16px 14px;border-radius:12px}.onboarding-tooltip.tooltip-mobile-top{top:16px!important;bottom:auto!important}.onboarding-tooltip.tooltip-mobile-bottom{bottom:16px!important;top:auto!important}.onboarding-tooltip.tooltip-mobile-anchor{bottom:auto}.onboarding-tooltip .tooltip-arrow{display:none}.tooltip-title{font-size:.93rem}.tooltip-description{font-size:.82rem;margin-bottom:10px}.tooltip-progress{margin-bottom:10px}.tooltip-navigation{flex-wrap:wrap;gap:6px}.tooltip-btn-example,.tooltip-btn-next,.tooltip-btn-previous{padding:10px 14px;font-size:.82rem;min-height:40px}.tooltip-btn-skip{flex:1 1 100%;order:10;text-align:center;padding:8px;min-height:36px}}@media (prefers-reduced-motion:reduce){.onboarding-spotlight,.onboarding-tooltip{animation:none}.onboarding-mask{transition:none}}.tooltip-btn-example:focus-visible,.tooltip-btn-next:focus-visible,.tooltip-btn-previous:focus-visible,.tooltip-btn-skip:focus-visible,.tooltip-close:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.onboarding-finale-overlay{position:fixed;inset:0;z-index:1600;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--modal-backdrop) 90%,black 10%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:tooltipFadeIn .35s cubic-bezier(.22,1,.36,1) both}.onboarding-finale-card{position:relative;background:var(--surface-card-strong);border-top:2px solid var(--brand-primary);border-right:1px solid var(--border-glass-side);border-bottom:1px solid var(--border-glass-bottom);border-left:1px solid var(--border-glass-bottom);border-radius:16px;padding:40px 48px 32px;max-width:460px;width:calc(100vw - 48px);text-align:center;box-shadow:var(--shadow-card),0 0 0 1px color-mix(in srgb,var(--brand-primary) 8%,transparent)}.finale-title{font-family:Manrope,Inter,sans-serif;font-size:2rem;font-weight:800;color:var(--brand-bright);margin:0 0 16px;letter-spacing:-.01em}.finale-description{font-family:Inter,sans-serif;font-size:.93rem;color:var(--text-secondary);line-height:1.65;margin:0 0 20px;white-space:pre-line}.finale-signin-prompt{font-family:Inter,sans-serif;font-size:.85rem;color:var(--text-muted);line-height:1.5;margin:-8px 0 20px}.finale-signin-link{background:none;border:none;padding:0;margin:0;font:inherit;font-weight:700;color:var(--brand-primary);text-decoration:underline;text-underline-offset:2px;cursor:pointer}.finale-signin-link:hover{color:var(--brand-bright)}.onboarding-finale-card .tooltip-close{position:absolute;top:14px;right:16px}.onboarding-finale-card .tooltip-progress{margin-bottom:20px}.onboarding-finale-card .tooltip-navigation{justify-content:center}[dir=rtl] .onboarding-finale-card{text-align:right}[dir=rtl] .onboarding-finale-card .tooltip-close{right:auto;left:16px}[dir=rtl] .onboarding-finale-card .tooltip-navigation{flex-direction:row-reverse;justify-content:center}@media (max-width:768px){.onboarding-finale-card{padding:28px 20px 20px}.finale-title{font-size:1.4rem}.finale-description{font-size:.85rem}.onboarding-finale-card .tooltip-navigation{flex-wrap:wrap;gap:8px}.onboarding-finale-card .tooltip-btn-example,.onboarding-finale-card .tooltip-btn-next{min-height:42px;font-size:.85rem}}