.onboarding-backdrop{position:fixed;inset:0;background:transparent;z-index:9998;transition:opacity .3s ease}.onboarding-banner{position:fixed;top:calc(env(safe-area-inset-top,0px) + 2rem);left:0;right:0;transform:none;z-index:10001;background:linear-gradient(135deg,#5a8fa8,#7ba9c1);padding:16px 0;border-radius:0 0 16px 16px;box-shadow:0 8px 32px #0006;animation:bannerSlideDown .5s ease}@keyframes bannerSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.onboarding-banner-content{text-align:center;padding:0 1.5rem}@media (min-width: 768px){.onboarding-banner-content{padding:0 4rem}}@media (min-width: 1200px){.onboarding-banner-content{padding:0 10rem}}.onboarding-banner-title{color:#fff;font-size:24px;font-weight:700;margin:0 0 8px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.onboarding-banner-text{color:#fffffff2;font-size:16px;margin:0 0 16px;font-weight:500}.onboarding-banner-buttons{display:flex;gap:12px;justify-content:center;margin-bottom:12px}.onboarding-banner-hint{color:#fffc;font-size:13px;margin:0;font-style:italic}.onboarding-spotlight{position:absolute;border:3px solid #7ba9c1;border-radius:12px;box-shadow:0 0 0 9999px #00000080,0 0 20px #7ba9c18c;pointer-events:none;transition:all .4s ease;z-index:9999;display:none;left:-9999px;top:-9999px}.onboarding-spotlight-clickable{pointer-events:auto!important;cursor:pointer}.onboarding-tooltip{position:absolute;background:#fff;border-radius:12px;padding:16px 20px;max-width:280px;box-shadow:0 8px 24px #0000004d;z-index:10000;animation:tooltipFadeIn .3s ease}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.onboarding-tooltip-text{color:#334155;font-size:15px;line-height:1.5;margin-bottom:12px}.onboarding-tooltip-controls{display:flex;justify-content:space-between;align-items:center;gap:12px}.onboarding-progress{color:#64748b;font-size:13px;font-weight:500}.onboarding-buttons{display:flex;gap:8px}.onboarding-btn{padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all .2s ease}.onboarding-btn-skip{background:#e2e8f0;color:#475569}.onboarding-btn-skip:hover{background:#cbd5e1}.onboarding-btn-next{background:#5a8fa8;color:#fff}.onboarding-btn-next:hover{background:#4a7f98}.onboarding-btn-done{background:#10b981;color:#fff}.onboarding-btn-done:hover{background:#059669}@keyframes onboardingPulse{0%,to{box-shadow:0 0 0 9999px #00000080,0 0 20px #7ba9c18c}50%{box-shadow:0 0 0 9999px #00000080,0 0 30px #0ea5e9cc}}.onboarding-spotlight.pulse{animation:onboardingPulse 2s ease-in-out infinite}.onboarding-tooltip:before{content:"";position:absolute;width:0;height:0;border:8px solid transparent}.onboarding-tooltip[data-position=bottom]:before{top:-16px;left:50%;transform:translate(-50%);border-bottom-color:#fff}.onboarding-tooltip[data-position=top]:before{bottom:-16px;left:50%;transform:translate(-50%);border-top-color:#fff}.onboarding-tooltip[data-position=left]:before{right:-16px;top:50%;transform:translateY(-50%);border-left-color:#fff}.onboarding-tooltip[data-position=right]:before{left:-16px;top:50%;transform:translateY(-50%);border-right-color:#fff}