.onboarding-backdrop{position:fixed;inset:0;background:rgba(0,0,0,0.55);z-index:20000;opacity:0;transition:opacity .3s ease;pointer-events:auto}.onboarding-backdrop.active{opacity:1}.onboarding-spotlight{position:fixed;z-index:20001;border-radius:14px;box-shadow:0 0 0 9999px rgba(0,0,0,0.55);pointer-events:none;transition:top .3s ease,left .3s ease,width .3s ease,height .3s ease}.onboarding-bubble{position:fixed;z-index:20002;background:#fff;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,0.2);padding:1.25rem 1.5rem;max-width:380px;width:calc(100vw - 40px);opacity:0;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease;pointer-events:auto}.onboarding-bubble.active{opacity:1;transform:translateY(0)}.onboarding-bubble.centered{top:50%;left:50%;transform:translate(-50%,-50%) translateY(8px);opacity:0}.onboarding-bubble.centered.active{transform:translate(-50%,-50%);opacity:1}.onboarding-arrow{position:absolute;width:0;height:0;border:8px solid transparent}.onboarding-arrow.arrow-left{left:-16px;top:50%;transform:translateY(-50%);border-right-color:#fff}.onboarding-arrow.arrow-right{right:-16px;top:50%;transform:translateY(-50%);border-left-color:#fff}.onboarding-arrow.arrow-up{top:-16px;left:50%;transform:translateX(-50%);border-bottom-color:#fff}.onboarding-arrow.arrow-down{bottom:-16px;left:50%;transform:translateX(-50%);border-top-color:#fff}.onboarding-title{font-size:1.05rem;font-weight:700;color:#2d4f4c;margin:0 0 .5rem 0}.onboarding-body{font-size:.9rem;color:#4a5568;line-height:1.55;margin:0 0 1rem 0}.onboarding-steps-indicator{display:flex;gap:6px;justify-content:center;margin-bottom:.75rem}.onboarding-dot{width:8px;height:8px;border-radius:50%;background:#d4e3e1;transition:background .2s ease}.onboarding-dot.active{background:#2d4f4c}.onboarding-buttons{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.onboarding-btn{padding:.5rem 1.25rem;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:transform .2s,background .2s;border:none;min-height:40px}.onboarding-btn-skip{background:transparent;color:#6b7280;border:1px solid #d4e3e1}.onboarding-btn-skip:hover{background:#f3f4f6;color:#4a5568}.onboarding-btn-next{background:#2d4f4c;color:#fff}.onboarding-btn-next:hover{background:#3a615c;transform:translateY(-1px)}.onboarding-help-btn{background:none;border:1.5px solid rgba(255,255,255,0.5);border-radius:50%;width:28px;height:28px;cursor:pointer;padding:0;color:#fff;font-size:.85rem;font-weight:700;opacity:.8;transition:opacity .2s;display:flex;align-items:center;justify-content:center;margin-right:.75rem;flex-shrink:0}.onboarding-help-btn:hover{opacity:1}@media(max-width:768px){.onboarding-bubble{max-width:calc(100vw - 32px);padding:1rem 1.25rem}.onboarding-btn{min-height:44px;touch-action:manipulation}.onboarding-help-btn{min-height:36px;min-width:36px;width:36px;height:36px;margin-right:.5rem}}