:root{--onboarding-pink:#e83e8c;--onboarding-dark:#25151e;--onboarding-soft:#fff1f7;--onboarding-line:#f2bfd6}.onboarding-backdrop{z-index:1000;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1f12198a;place-items:center;animation:.18s ease-out onboarding-fade;display:grid;position:fixed;inset:0;overflow:auto}.onboarding-dialog{width:min(100%,860px);max-height:calc(100dvh - 32px);color:var(--onboarding-dark);background:linear-gradient(160deg,#fff 0%,#fffafd 56%,#fff1f7 100%);border:1px solid #ffffffb3;border-radius:30px;animation:.25s ease-out onboarding-rise;overflow:auto;box-shadow:0 34px 100px #36132547}.onboarding-dialog>header{z-index:4;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe0;border-bottom:1px solid #391e2c12;grid-template-columns:1fr auto 1fr;align-items:center;min-height:68px;padding:0 24px;display:grid;position:sticky;top:0}.onboarding-brand{color:#21151c;letter-spacing:-.07em;font-size:1.42rem;font-weight:900;text-decoration:none}.onboarding-brand span{color:var(--onboarding-pink)}.onboarding-progress-label{color:#806875;font-size:.72rem;font-weight:780}.onboarding-close{color:#5f4d56;cursor:pointer;background:#f7f1f4;border:0;border-radius:50%;justify-self:end;width:44px;height:44px}.onboarding-progress{background:#f4e7ed;height:4px}.onboarding-progress span{background:linear-gradient(90deg,#ff77b6,var(--onboarding-pink));border-radius:999px;height:100%;transition:width .28s;display:block}.onboarding-welcome,.onboarding-step{text-align:center;padding:clamp(30px,6vw,64px)}.onboarding-welcome{align-content:center;justify-items:center;min-height:520px;display:grid}.onboarding-spark,.summary-check{width:64px;height:64px;color:var(--onboarding-pink);background:linear-gradient(145deg,#ffe2ef,#fff);border-radius:22px;place-items:center;margin-bottom:20px;display:grid;box-shadow:0 14px 35px #e83e8c24}.onboarding-welcome>p,.onboarding-kicker{color:var(--onboarding-pink);letter-spacing:.11em;text-transform:uppercase;margin:0 0 8px;font-size:.7rem;font-weight:850}.onboarding-welcome h2,.onboarding-step h2{letter-spacing:-.055em;margin:0;font-size:clamp(2rem,5vw,3.5rem);line-height:1}.onboarding-welcome>strong{margin-top:16px;font-size:1.08rem}.onboarding-welcome>small,.onboarding-step>p{color:#77656f;max-width:600px;margin:10px auto 0;font-size:.82rem;line-height:1.55}.onboarding-primary-actions{gap:10px;width:min(100%,420px);margin:28px auto 0;display:grid}.onboarding-primary,.onboarding-secondary,.onboarding-skip{cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:50px;font-size:.82rem;font-weight:820;text-decoration:none;display:inline-flex}.onboarding-primary{background:var(--onboarding-pink);color:#fff;border:0;box-shadow:0 12px 28px #e83e8c3d}.onboarding-primary:hover{background:#c82970;transform:translateY(-1px)}.onboarding-secondary{color:#33242c;background:#fff;border:1px solid #2c1c2421}.onboarding-skip{color:#7a6671;background:0 0;border:0}.onboarding-primary:focus-visible,.onboarding-secondary:focus-visible,.onboarding-skip:focus-visible,.onboarding-dialog button:focus-visible,.onboarding-dialog input:focus-visible,.onboarding-dialog a:focus-visible{outline-offset:3px;outline:3px solid #e83e8c57}.onboarding-fields{grid-template-columns:1fr 1fr;gap:14px;margin:28px auto 0;display:grid}.onboarding-fields label{text-align:left;gap:7px;display:grid}.onboarding-fields label>span,.choice-row legend{font-size:.75rem;font-weight:800}.onboarding-fields em,.choice-row em{color:#9b8791;font-size:.64rem;font-style:normal;font-weight:650}.onboarding-fields input{color:#24171e;width:100%;height:54px;font:inherit;background:#fff;border:1px solid #301c2621;border-radius:14px;padding:0 15px;font-size:16px}.onboarding-fields input:focus{border-color:var(--onboarding-pink)}.taste-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:26px 0 12px;display:grid}.taste-grid button{color:#2d2027;text-align:left;cursor:pointer;background:#fff;border:1px solid #2b1a231a;border-radius:17px;grid-template-rows:auto auto;grid-template-columns:36px minmax(0,1fr);align-items:center;min-height:92px;padding:13px;transition:all .16s;display:grid}.taste-grid button:hover{border-color:var(--onboarding-line);transform:translateY(-2px);box-shadow:0 10px 28px #331b2712}.taste-grid button[aria-pressed=true]{border-color:var(--onboarding-pink);background:var(--onboarding-soft)}.taste-grid button>span{width:32px;height:32px;color:var(--onboarding-pink);background:#f8eef3;border-radius:10px;grid-row:1/3;place-items:center;display:grid}.taste-grid strong{font-size:.79rem}.taste-grid small{color:#87727c;font-size:.63rem;line-height:1.3}.none-choice{color:#6f5b65;cursor:pointer;background:#fff;border:1px solid #2b1a231a;border-radius:999px;min-height:44px;padding:0 14px;font-size:.72rem;font-weight:750}.onboarding-step-actions{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-top:28px;display:grid}.onboarding-step-actions .onboarding-skip{justify-self:center}.onboarding-step-actions .onboarding-primary{min-width:150px;padding:0 18px}.back-button{color:#6d5964;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;min-height:46px;font-size:.76rem;font-weight:760;display:inline-flex}.choice-row{text-align:left;border:0;margin:21px 0 0;padding:0}.choice-row>div{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.choice-row button{color:#493741;cursor:pointer;background:#fff;border:1px solid #2e1b251f;border-radius:13px;align-items:center;gap:6px;min-height:46px;padding:0 14px;font-size:.73rem;font-weight:750;display:inline-flex}.choice-row button[aria-pressed=true]{border-color:var(--onboarding-pink);background:var(--onboarding-soft);color:#8a2255}.choice-row button svg{color:var(--onboarding-pink)}.onboarding-summary{justify-items:center;display:grid}.summary-check{background:var(--onboarding-pink);color:#fff}.summary-grid{text-align:left;grid-template-columns:1fr 1fr;gap:9px;width:100%;margin-top:24px;display:grid}.summary-grid>div{background:#fff;border:1px solid #2a192214;border-radius:14px;padding:13px}.summary-grid span,.summary-grid strong{display:block}.summary-grid span{color:#907985;text-transform:uppercase;font-size:.63rem;font-weight:760}.summary-grid strong{margin-top:4px;font-size:.75rem;line-height:1.4}.local-storage-note{background:#fff4f8;border-radius:10px;padding:10px 13px;color:#714258!important;font-size:.68rem!important}.onboarding-account-step{align-content:center;justify-items:center;min-height:460px;display:grid}.onboarding-invite{z-index:800;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));border:1px solid var(--onboarding-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#36242d;background:#fffffff5;border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;width:min(440px,100% - 32px);padding:12px;display:grid;position:fixed;box-shadow:0 18px 50px #3916282e}.onboarding-invite>svg{color:var(--onboarding-pink)}.onboarding-invite strong,.onboarding-invite span{display:block}.onboarding-invite strong{font-size:.78rem}.onboarding-invite span{color:#806d76;margin-top:2px;font-size:.65rem}.onboarding-invite>button:not(.invite-close){background:var(--onboarding-pink);color:#fff;cursor:pointer;border:0;border-radius:12px;min-height:44px;padding:0 13px;font-size:.7rem;font-weight:800}.invite-close{color:#6a5660;cursor:pointer;background:#f7f0f4;border:0;border-radius:12px;width:44px;height:44px}.personalization-settings{background:#fff8fb;border:1px solid #e83e8c2e;border-radius:20px;gap:14px;margin:24px 0;padding:18px;display:grid}.personalization-settings>div{align-items:center;gap:10px;display:flex}.personalization-settings>div:first-child>svg{color:var(--onboarding-pink)}.personalization-settings span,.personalization-settings strong,.personalization-settings small{display:block}.personalization-settings small{color:#7b6972;margin-top:3px}.personalization-settings>div:last-of-type{flex-wrap:wrap}.personalization-settings button{color:#3f2e37;cursor:pointer;background:#fff;border:1px solid #2c19231f;border-radius:12px;align-items:center;gap:6px;min-height:44px;padding:0 12px;font-weight:750;display:inline-flex}.personalization-settings button.danger{color:#9a2f4e}.personalization-settings button:disabled{opacity:.45;cursor:not-allowed}.personalization-button{color:#6f5965;cursor:pointer;background:#fff;border:1px solid #2719211a;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.personalized-greeting{color:var(--onboarding-pink);margin-bottom:8px;font-size:.78rem;font-weight:820;display:block}.personalized-categories{grid-column:1/-1;align-items:center;gap:8px;padding-bottom:3px;display:flex;overflow-x:auto}.personalized-categories>span{color:#8b707d;text-transform:uppercase;flex:none;font-size:.66rem;font-weight:800}.personalized-categories button{flex:none}.personalized-suggestions{align-items:center;gap:7px;margin-top:10px;padding-bottom:3px;display:flex;overflow-x:auto}.personalized-suggestions>span{color:#9a3a67;text-transform:uppercase;flex:none;font-size:.67rem;font-weight:850}.personalized-suggestions button{border:1px solid var(--onboarding-line);background:var(--onboarding-soft);color:#79254e;cursor:pointer;border-radius:999px;flex:none;min-height:44px;padding:0 13px;font-size:.7rem;font-weight:780}@media (width<=640px){.onboarding-backdrop{padding:0}.onboarding-dialog{border:0;border-radius:0;width:100%;min-height:100dvh;max-height:100dvh}.onboarding-dialog>header{min-height:62px;padding:0 14px}.onboarding-welcome,.onboarding-step{padding:26px 16px calc(24px + env(safe-area-inset-bottom))}.onboarding-welcome{min-height:calc(100dvh - 66px)}.onboarding-welcome h2,.onboarding-step h2{font-size:2.05rem}.onboarding-fields{grid-template-columns:1fr}.taste-grid{grid-template-columns:1fr 1fr;gap:8px}.taste-grid button{min-height:92px;padding:10px}.taste-grid strong{font-size:.72rem}.taste-grid small{font-size:.58rem}.onboarding-step-actions{padding:10px 16px calc(10px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;margin:24px -16px -24px;position:sticky;bottom:0}.onboarding-step-actions .onboarding-primary{min-width:118px}.summary-grid{grid-template-columns:1fr}.onboarding-invite{left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));grid-template-columns:auto minmax(0,1fr) 44px;width:auto}.onboarding-invite>button:not(.invite-close){grid-area:2/1/auto/-1;width:100%}.personalized-categories{margin-top:5px}.personalization-button{width:44px;min-width:44px}}@media (width<=340px){.taste-grid{grid-template-columns:1fr}.taste-grid button{min-height:78px}.onboarding-step-actions{grid-template-columns:auto 1fr}.onboarding-step-actions .onboarding-skip{display:none}.onboarding-step-actions .onboarding-primary{justify-self:end}.onboarding-dialog>header{grid-template-columns:1fr auto auto;gap:8px}}@media (prefers-reduced-motion:reduce){.onboarding-backdrop,.onboarding-dialog{animation:none}.onboarding-progress span,.taste-grid button,.onboarding-primary{transition:none}}@keyframes onboarding-fade{0%{opacity:0}to{opacity:1}}@keyframes onboarding-rise{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:none}}