.onboarding{position:fixed;inset:0;z-index:10000;pointer-events:auto}.onboarding-shade{position:absolute;inset:0}.onboarding-card{position:absolute;bottom:max(16px,env(safe-area-inset-bottom));right:24px;width:min(430px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;background:#fff;border-radius:16px;padding:22px;box-shadow:0 12px 60px #142d4355;color:#254550}.onboarding-card:focus{outline:none}.onboarding-card small{color:#13837d;font-size:11px;letter-spacing:1px}.onboarding-card h2{font-size:21px;margin:10px 0}.onboarding-card p{line-height:1.7;font-size:14px;margin:12px 0}.tour-close{position:absolute;right:14px;top:10px;font-size:24px;padding:4px 8px}.tour-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.tour-actions button{min-height:44px;padding:8px 12px;border:1px solid #d2e0df;border-radius:8px;font-size:12px}.tour-actions .primary{background:#087e80;color:white}.onboarding-shade rect{transition:all .2s}@media(max-width:640px){.onboarding-card{left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));width:auto;padding:22px}.onboarding-card h2{font-size:20px}}@media(prefers-reduced-motion:reduce){.onboarding-shade rect{transition:none}}@media print{.onboarding{display:none!important}}.onboarding{touch-action:none}.onboarding-card{touch-action:pan-y;overscroll-behavior:contain;box-sizing:border-box}@media(max-width:640px){.onboarding .onboarding-card{padding:16px;border-radius:16px}.onboarding .onboarding-card small{display:block;padding-right:30px;font-size:10px}.onboarding .onboarding-card h2{font-size:17px;line-height:1.35;margin:8px 0}.onboarding .onboarding-card p{font-size:13px;line-height:1.55;margin:8px 0 12px}.onboarding .tour-actions{gap:6px;flex-wrap:nowrap}.onboarding .tour-actions button{padding:8px 10px;min-height:40px;font-size:12px}}