:root{--ob-overlay-bg: rgba(0, 0, 0, 0.5);--ob-popover-bg: #ffffff;--ob-popover-radius: 12px;--ob-popover-shadow: 0 8px 32px rgba(0, 0, 0, 0.2), 0 2px 8px rgba(0, 0, 0, 0.1);--ob-popover-max-width: 320px;--ob-text-primary: var(--text-primary, #1e293b);--ob-text-secondary: var(--text-secondary, #64748b);--ob-text-muted: var(--text-muted, #94a3b8);--ob-accent: var(--tm-brand-purple, #5545b6);--ob-accent-hover: var(--tm-brand-purple-strong, #46389f);--ob-accent-light: var(--tm-brand-purple-alpha-08, rgba(85, 69, 182, 0.08));--ob-accent-purple: var(--accent-purple, #7c3aed);--ob-accent-green: var(--accent-green, #059669);--ob-border: #e2e8f0;--ob-transition-duration: 0.4s;--ob-transition-easing: cubic-bezier(0.4, 0, 0.2, 1);--ob-highlight-padding: 6px;--ob-highlight-radius: 8px}:root[data-theme=dark]{--ob-overlay-bg: rgba(0, 0, 0, 0.65);--ob-popover-bg: #1e1e1e;--ob-popover-shadow: 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);--ob-text-primary: var(--text-primary, #f1f5f9);--ob-text-secondary: var(--text-secondary, #cbd5e1);--ob-text-muted: var(--text-muted, #94a3b8);--ob-accent-light: var(--tm-brand-purple-alpha-10, rgba(152, 139, 228, 0.10));--ob-accent-purple: var(--accent-purple, #988be4);--ob-accent-green: var(--accent-green, #34d399);--ob-border: var(--border-color, #2a2a2a)}.ob-overlay{position:fixed;inset:0;z-index:var(--tm-z-onboarding, 10100);background:var(--ob-overlay-bg);opacity:0;transition:opacity 0.25s ease;pointer-events:none}.ob-overlay.ob-visible{opacity:1;pointer-events:auto}.ob-overlay.ob-has-clip{transition:opacity 0.25s ease,clip-path var(--ob-transition-duration) var(--ob-transition-easing)}.ob-breathing-ring{position:fixed;z-index:calc(var(--tm-z-onboarding, 10100) + 1);border-radius:var(--ob-highlight-radius);pointer-events:none;opacity:0;transition:top var(--ob-transition-duration) var(--ob-transition-easing),left var(--ob-transition-duration) var(--ob-transition-easing),width var(--ob-transition-duration) var(--ob-transition-easing),height var(--ob-transition-duration) var(--ob-transition-easing),opacity 0.3s ease}.ob-breathing-ring.ob-ring-visible{opacity:1;animation:ob-breathe 2s ease-in-out infinite}@keyframes ob-breathe{0%,100%{box-shadow:0 0 0 3px rgba(var(--tm-brand-purple-rgb, 85, 69, 182),0.3),0 0 12px rgba(var(--tm-brand-purple-rgb, 85, 69, 182),0.15)}50%{box-shadow:0 0 0 6px rgba(var(--tm-brand-purple-rgb, 85, 69, 182),0.2),0 0 20px rgba(var(--tm-brand-purple-rgb, 85, 69, 182),0.1)}}.ob-popover{position:fixed;z-index:calc(var(--tm-z-onboarding, 10100) + 1);width:calc(100% - 24px);max-width:var(--ob-popover-max-width);background:var(--ob-popover-bg);border-radius:var(--ob-popover-radius);box-shadow:var(--ob-popover-shadow);opacity:0;transform:translateY(8px);transition:opacity 0.25s ease,transform 0.25s ease;pointer-events:none;overflow:visible}.ob-popover.ob-popover-visible{opacity:1;transform:translateY(0);pointer-events:auto}.ob-popover.ob-popover-above{transform:translateY(-8px)}.ob-popover.ob-popover-above.ob-popover-visible{transform:translateY(0)}.ob-popover.ob-popover-centered{top:50%;left:50%;transform:translate(-50%,-50%) scale(0.96)}.ob-popover.ob-popover-centered.ob-popover-visible{transform:translate(-50%,-50%) scale(1)}.ob-popover-arrow{position:absolute;width:12px;height:12px;background:var(--ob-popover-bg);transform:rotate(45deg);box-shadow:-2px -2px 4px rgba(0,0,0,0.04)}.ob-popover-arrow.ob-arrow-top{top:-6px}.ob-popover-arrow.ob-arrow-bottom{bottom:-6px;box-shadow:2px 2px 4px rgba(0,0,0,0.04)}.ob-popover.ob-popover-centered .ob-popover-arrow{display:none}.ob-progress-bar{width:100%;height:3px;background:var(--ob-border);border-radius:var(--ob-popover-radius) var(--ob-popover-radius) 0 0;overflow:hidden}.ob-progress-fill{height:100%;background:linear-gradient(90deg,var(--ob-accent),var(--ob-accent-purple),var(--ob-accent-green));border-radius:inherit;transition:width 0.4s var(--ob-transition-easing)}.ob-popover-custom{position:relative;overflow:hidden}.ob-popover-custom:empty{display:none}.ob-popover-content{padding:16px 20px 0;text-align:center}.ob-popover-title{font-size:17px;font-weight:700;color:var(--ob-text-primary);line-height:1.3;margin:0}.ob-popover-desc{font-size:13px;color:var(--ob-text-secondary);line-height:1.6;margin:8px 0 0}.ob-reveal-title{animation:ob-fade-in 0.3s ease both}.ob-reveal-desc{animation:ob-fade-in 0.3s ease 0.1s both}.ob-reveal-footer{animation:ob-fade-in 0.3s ease 0.2s both}@keyframes ob-fade-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.ob-popover-step-indicator{text-align:center;font-size:11px;color:var(--ob-text-secondary);padding:10px 0 0;font-variant-numeric:tabular-nums}.ob-popover-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 20px 16px;gap:8px}.ob-popover-nav{display:flex;align-items:center;gap:8px}.ob-btn-skip{font-size:12px;color:var(--ob-text-secondary);background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:6px;transition:color 0.15s,background 0.15s}.ob-btn-skip:hover{color:var(--ob-text-secondary);background:var(--ob-accent-light)}.ob-btn-back{display:flex;align-items:center;justify-content:center;height:34px;padding:0 14px;border:1px solid var(--ob-border);border-radius:8px;background:transparent;color:var(--ob-text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:background 0.15s,border-color 0.15s,color 0.15s}.ob-btn-back:hover{background:var(--ob-accent-light);border-color:var(--ob-accent);color:var(--ob-accent)}.ob-btn-next{display:flex;align-items:center;justify-content:center;height:34px;padding:0 18px;border:none;border-radius:8px;background:var(--ob-accent);color:#ffffff;font-size:13px;font-weight:600;cursor:pointer;transition:background 0.15s,transform 0.1s}.ob-btn-next:hover{background:var(--ob-accent-hover)}.ob-btn-next:active{transform:scale(0.97)}.ob-btn-hidden{visibility:hidden;pointer-events:none}.ob-checkbox-row{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:var(--ob-text-muted);cursor:pointer;user-select:none;padding:0 20px 14px}.ob-checkbox-row.ob-hidden{display:none}.ob-checkbox-row input[type=checkbox]{width:14px;height:14px;accent-color:var(--ob-accent);cursor:pointer;margin:0}.ob-workflow-steps{display:flex;align-items:center;justify-content:center;gap:10px;padding:20px 16px 8px}.ob-workflow-step{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;max-width:90px;opacity:0;transform:scale(0.7)}.ob-workflow-step.ob-wf-enter{animation:ob-wf-pop 0.4s var(--ob-transition-easing) forwards}.ob-workflow-step:nth-child(1).ob-wf-enter{animation-delay:0s}.ob-workflow-step:nth-child(3).ob-wf-enter{animation-delay:0.15s}.ob-workflow-step:nth-child(5).ob-wf-enter{animation-delay:0.3s}@keyframes ob-wf-pop{from{opacity:0;transform:scale(0.7)}to{opacity:1;transform:scale(1)}}.ob-workflow-step-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center}.ob-workflow-step-label{font-size:12px;font-weight:600;color:var(--ob-text-primary)}.ob-workflow-arrow{flex-shrink:0;color:var(--ob-text-muted);opacity:0}.ob-workflow-arrow.ob-wf-enter{animation:ob-fade-in 0.3s ease forwards}.ob-workflow-arrow:nth-child(2).ob-wf-enter{animation-delay:0.1s}.ob-workflow-arrow:nth-child(4).ob-wf-enter{animation-delay:0.25s}.ob-particles{position:relative;width:100%;height:80px;overflow:hidden}.ob-particle{position:absolute;width:4px;height:4px;border-radius:50%;opacity:0;animation:ob-float 3s ease-in-out infinite}@keyframes ob-float{0%{opacity:0;transform:translateY(0) scale(0.5)}20%{opacity:0.8}80%{opacity:0.6}100%{opacity:0;transform:translateY(-35px) scale(1)}}.ob-confetti-container{position:absolute;inset:0;overflow:hidden;pointer-events:none}.ob-confetti{position:absolute;width:4px;height:8px;border-radius:1px;animation:ob-confetti-burst 1.2s ease-out forwards}@keyframes ob-confetti-burst{0%{opacity:1;transform:translate(0,0) rotate(0deg) scale(1)}100%{opacity:0;transform:translate(var(--ob-confetti-x, 50px),var(--ob-confetti-y, -80px)) rotate(var(--ob-confetti-rot, 360deg)) scale(0.5)}}.ob-checkmark{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--ob-accent-green),#34d399);margin:12px auto 8px;opacity:0;transform:scale(0.5)}.ob-checkmark.ob-check-enter{animation:ob-check-pop 0.5s var(--ob-transition-easing) forwards}@keyframes ob-check-pop{0%{opacity:0;transform:scale(0.5)}60%{opacity:1;transform:scale(1.15)}100%{opacity:1;transform:scale(1)}}.ob-checkmark svg{width:24px;height:24px;stroke:#ffffff;stroke-width:3;fill:none}.ob-apply-hint{position:fixed;z-index:calc(var(--tm-z-onboarding, 10100) + 2);max-width:240px;background:var(--ob-popover-bg);border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,0.15),0 1px 4px rgba(0,0,0,0.08);padding:10px 14px;opacity:0;transform:translateY(-4px);transition:opacity 0.2s ease,transform 0.2s ease;pointer-events:none}.ob-apply-hint.ob-apply-hint-visible{opacity:1;transform:translateY(0);pointer-events:auto}.ob-apply-hint-arrow{position:absolute;top:-6px;width:12px;height:12px;background:var(--ob-popover-bg);transform:rotate(45deg);box-shadow:-2px -2px 4px rgba(0,0,0,0.04)}.ob-apply-hint-text{font-size:12px;color:var(--ob-text-secondary);line-height:1.5;text-align:center}@media(max-width:360px){.ob-popover{width:calc(100% - 16px)}.ob-popover-content{padding:12px 14px 0}.ob-popover-title{font-size:15px}.ob-popover-desc{font-size:12px}.ob-popover-footer{padding:10px 14px 12px}.ob-workflow-steps{gap:6px;padding:16px 10px 6px}.ob-workflow-step-icon{width:36px;height:36px}}@media(prefers-reduced-motion:reduce){.ob-overlay,.ob-overlay.ob-has-clip,.ob-popover,.ob-breathing-ring,.ob-progress-fill{transition-duration:0.01ms!important}.ob-breathing-ring.ob-ring-visible{animation:none;box-shadow:0 0 0 3px rgba(var(--tm-brand-purple-rgb, 85, 69, 182),0.3)}.ob-particle,.ob-confetti,.ob-workflow-step,.ob-workflow-arrow,.ob-checkmark,.ob-reveal-title,.ob-reveal-desc,.ob-reveal-footer,.ob-popover-title .ob-char{animation:none!important;opacity:1!important;transform:none!important}.ob-popover-title .ob-char{filter:none!important}.ob-hero-mark svg path{animation:none!important;stroke-dashoffset:0!important}.ob-btn-next:hover{transform:none;box-shadow:none}.ob-checkmark{opacity:1!important;transform:scale(1)!important}.ob-workflow-step{opacity:1!important;transform:scale(1)!important}}body[data-onboarding-active] #account-restriction-banner{display:none!important}.ob-hero-stack{position:relative;width:100%;min-height:130px;border-radius:var(--ob-popover-radius) var(--ob-popover-radius) 0 0;overflow:hidden}.ob-hero-stack::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;opacity:0.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E")}.ob-hero-particles{position:absolute;inset:0;pointer-events:none;z-index:0}.ob-hero-mark{position:relative;z-index:1;display:flex;justify-content:center;margin-top:var(--tm-space-1);padding-top:var(--tm-space-4);overflow:hidden;color:var(--ob-accent)}.ob-hero-mark svg{display:block;width:52px;height:52px}.ob-hero-mark svg path{stroke-dasharray:620;stroke-dashoffset:620;animation:ob-mark-draw 1.1s var(--tm-ease-out, cubic-bezier(0.2, 0.8, 0.2, 1)) forwards}.ob-hero-mark svg path:nth-child(2){animation-delay:120ms}.ob-hero-mark svg path:nth-child(3){animation-delay:240ms}.ob-hero-mark svg path:nth-child(4){animation-delay:360ms}.ob-hero-mark svg path:nth-child(5){animation-delay:520ms}@keyframes ob-mark-draw{to{stroke-dashoffset:0}}.ob-hero-workflow{position:relative;z-index:1}.ob-popover-title .ob-word{display:inline-block}.ob-popover-title .ob-char{display:inline-block;opacity:0;filter:blur(4px);transform:translateY(4px);animation:ob-char-in 0.35s var(--tm-ease-out, cubic-bezier(0.2, 0.8, 0.2, 1)) forwards}@keyframes ob-char-in{to{opacity:1;filter:blur(0);transform:translateY(0)}}.ob-btn-next{transition:background 0.15s,transform 0.15s var(--tm-ease-out, ease-out),box-shadow 0.15s}.ob-btn-next:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--tm-brand-purple-alpha-28, rgba(85, 69, 182, 0.28))}.ob-btn-next:active{transform:translateY(0) scale(0.97);box-shadow:none}