.onboarding-card{background:linear-gradient(135deg,#EDE7F6,#E1F5FE);border-radius:24px;box-sizing:border-box;padding:34px 24px 22px;position:relative;text-align:left}.onboarding-badge{background:#5E35B1;border-radius:20px;color:#FFF;font-size:13px;font-weight:600;left:24px;letter-spacing:.08em;padding:5px 12px;position:absolute;text-transform:uppercase;top:-12px;transform:rotate(-2deg);-webkit-user-select:none;-moz-user-select:none;user-select:none}.onboarding-intro{color:#311B92;font-size:15px;line-height:1.45;margin:0;padding:0}.onboarding-intro+.onboarding-intro{margin-top:10px}.onboarding-in-column .onboarding-intro,.onboarding-page-note .onboarding-intro{font-size:14px}.onboarding-button{background:#5E35B1;border:none;border-radius:10px;color:#FFF;cursor:pointer;display:block;font-family:inherit;font-size:15px;font-weight:500;letter-spacing:.04em;margin:16px auto 0;padding:8px 14px;text-align:center;text-decoration:none;text-transform:uppercase;transition:background .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:-moz-fit-content;width:fit-content}.onboarding-button:hover{background:#673AB7}.onboarding-pointer{margin:8px 0 0;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.onboarding-pointer-text{color:#5E35B1;display:block;font-size:12px;font-weight:500;letter-spacing:.04em}.onboarding-pointer-arrow{animation:onboardingNudge 1.6s ease-in-out infinite;color:#5E35B1;display:block;font-size:18px;line-height:1.2}@keyframes onboardingNudge{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@keyframes onboardingNudgeUp{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.onboarding-pointer-arrow{animation:none}}#onboarding-menu-hint{box-sizing:border-box;margin:6px 50px 0;position:relative;text-align:right;top:-20px}#onboarding-menu-hint .onboarding-pointer-arrow{animation-name:onboardingNudgeUp;margin-right:8px}#onboarding-menu-hint .onboarding-card{border-radius:16px;display:inline-block;max-width:280px;padding:10px 14px}#onboarding-menu-hint .onboarding-intro{font-size:13px}#onboarding-welcome{box-sizing:border-box;margin:30px auto 0;max-width:820px;padding:0 50px;width:100%}#onboarding-welcome h3{color:#5E35B1;font-size:12px;font-weight:600;letter-spacing:.12em;margin:16px 0 0;padding:0;text-transform:uppercase}#onboarding-welcome .onboarding-steps{list-style-type:none;margin:8px 0 0;padding:0}#onboarding-welcome .onboarding-steps li{align-items:flex-start;display:flex;margin:0 0 8px;opacity:.55;padding:0}#onboarding-welcome .onboarding-steps li.active{opacity:1}#onboarding-welcome .onboarding-step-number{background:#FFF;border:2px solid #9575cd;border-radius:100px;box-sizing:border-box;color:#5E35B1;flex:0 0 auto;font-size:13px;font-weight:600;height:24px;line-height:20px;margin-right:10px;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:24px}#onboarding-welcome .onboarding-steps li.active .onboarding-step-number{background:#5E35B1;border-color:#5E35B1;color:#FFF}#onboarding-welcome .onboarding-step-text{color:#311B92;font-size:13px;line-height:1.45;padding-top:2px}.onboarding-in-column{box-sizing:border-box;margin:12px auto 10px;min-width:320px;position:relative;top:10%;width:100%}.onboarding-in-column .onboarding-card{padding:32px 20px 18px}.onboarding-in-column .onboarding-badge{left:20px}.onboarding-page-note{box-sizing:border-box;margin:30px auto 10px;max-width:560px;padding:0 50px;width:100%}#onboarding-recipes-first{margin-left:0;margin-right:auto;max-width:460px}#onboarding-select-recipe{box-sizing:border-box;left:0;margin:51px auto 0;max-width:500px;position:absolute;right:0;top:0;width:80vw}#onboarding-select-recipe .onboarding-card{padding:30px 20px 16px}#onboarding-select-recipe .onboarding-badge{left:20px}#onboarding-select-recipe .onboarding-intro{font-size:13px}#onboarding-select-recipe .onboarding-intro+.onboarding-intro{margin-top:8px}#recipes-cards.onboarding .cards{height:460px;margin-top:190px}@media (max-height:780px){#recipes-cards.onboarding .cards{height:400px}}#tags.onboarding{background:linear-gradient(135deg,#EDE7F6,#E1F5FE);border-radius:24px;margin:16px 50px 0;padding:30px 24px 14px;position:relative;width:auto}#tags.onboarding h4{color:#4527A0;font-size:1em;margin:0 0 12px;text-transform:none}#tags.onboarding h4 .shelf-badge{background:#5E35B1;border-radius:20px;color:#FFF;font-size:13px;font-weight:600;left:24px;letter-spacing:.08em;padding:5px 12px;position:absolute;text-transform:uppercase;top:-12px;transform:rotate(-2deg)}#tags.onboarding h4 .shelf-pointer{display:block;margin:0 0 8px;text-align:center}#tags.onboarding h4 .shelf-arrow{animation:onboardingNudgeUp 1.6s ease-in-out infinite;color:#5E35B1;display:block;font-size:18px;font-weight:400;line-height:1.2}#tags.onboarding h4 .shelf-pointer-text{color:#5E35B1;display:block;font-size:12px;font-weight:500;letter-spacing:.04em}@media (prefers-reduced-motion:reduce){#tags.onboarding h4 .shelf-arrow{animation:none}}#tags.onboarding h4 .shelf-instruction{color:#311B92;display:block;font-size:13px;font-weight:400;line-height:1.45;margin:0;max-width:620px}#tags.onboarding .tag{border-color:#9575CD;color:#311B92}#tags.onboarding .tag-collection{border-bottom:none;scrollbar-color:#9575CD transparent}@media (max-width:520px){#onboarding-welcome,.onboarding-page-note{padding:0 20px}#tags.onboarding{margin:16px 20px 0;padding:30px 18px 12px}#tags.onboarding h4 .shelf-badge{left:18px}.onboarding-page-note .onboarding-card{padding:34px 16px 20px}.onboarding-page-note .onboarding-badge{left:16px}#onboarding-welcome .onboarding-card{padding:34px 16px 20px}#onboarding-welcome .onboarding-badge{left:16px}}