.onboard-root{--gold:#eee8aa;--gold-warm:gold;--gold-deep:#aa771c;--gold-shadow:#574010;--gold-mist:#fff8dc;--barbi:#ff0092;--pink:#e91e8c;--pink-deep:#c8155f;--gold-gra-a:#bf953f;--gold-gra-b:#fcf6ba;--gold-gra-c:#b38728;--gold-gra-e:#aa771c;--cream:#fff8e1;--cream-pink:#fde8f0;--cream-deep:#ffe4b5;--ink:#574010}.onboard-root .screen{align-items:center;background:radial-gradient(ellipse at 30% 20%,var(--cream) 0,var(--cream-pink) 45%,var(--cream-deep) 100%);color:var(--gold-shadow);direction:rtl;display:flex;flex-direction:column;font-family:Heebo,sans-serif;gap:14px;min-height:100vh;overflow:hidden;padding:22px 16px 28px;position:relative;width:100%}.onboard-root .screen:after,.onboard-root .screen:before{border-radius:50%;content:"";filter:blur(60px);opacity:.32;pointer-events:none;position:absolute;z-index:0}.onboard-root .screen:before{background:radial-gradient(circle,var(--gold-warm),var(--gold-deep));height:340px;left:-100px;top:-120px;width:340px}.onboard-root .screen:after{background:radial-gradient(circle,#ff69b4,var(--pink));bottom:-100px;height:320px;right:-90px;width:320px}.onboard-root .j-strip{align-items:center;-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%);background:#fff8dc99;border:1.5px solid rgba(218,165,32,.38);border-radius:99px;box-shadow:0 4px 24px #daa52024,inset 0 1px #ffd70047;display:flex;gap:10px;padding:9px 14px;position:relative;width:min(94vw,520px);z-index:5}.onboard-root .j-end{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:2px;width:44px}.onboard-root .j-end .icn{font-size:1.5rem;line-height:1}.onboard-root .j-end .lbl{color:#b8860b;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.onboard-root .j-col{display:flex;flex:1;flex-direction:column;gap:5px}.onboard-root .j-dots{display:flex;justify-content:space-between;padding:0 3px}.onboard-root .j-dot{background:#ffffff80;border:2px solid rgba(218,165,32,.35);border-radius:50%;height:10px;transition:all .4s ease;width:10px}.onboard-root .j-dot.done{background:linear-gradient(135deg,var(--gold-deep),#ff69b4);border-color:var(--gold-deep)}.onboard-root .j-dot.active{background:linear-gradient(135deg,var(--gold-warm),var(--pink));border-color:var(--pink);box-shadow:0 0 10px #e91e8c80;transform:scale(1.28)}.onboard-root .j-track{background:#daa5201f;border:1px solid rgba(218,165,32,.22);border-radius:99px;height:8px;position:relative}.onboard-root .j-fill{background:linear-gradient(90deg,var(--gold-deep),#ff69b4,var(--gold-warm));border-radius:99px;box-shadow:0 0 8px #daa52073;inset:0 auto 0 0;position:absolute;transition:width .7s cubic-bezier(.34,1.56,.64,1)}.onboard-root .j-label{color:#b8860b;font-size:10px;font-weight:700;letter-spacing:.1em;text-align:center;text-transform:uppercase}.onboard-root .glass-card{align-items:center;-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);background:#fff8dc99;border:1.5px solid rgba(218,165,32,.4);border-radius:28px;box-shadow:0 8px 48px #daa52026,inset 0 2px #ffd70052,inset 0 -1px #e91e8c1c;display:flex;flex-direction:column;overflow:hidden;padding:16px 14px 22px;position:relative;width:min(94vw,520px);z-index:4}.onboard-root .glass-card:before{background:linear-gradient(90deg,transparent,var(--gold-warm) 30%,#ff69b4 70%,transparent);border-radius:99px;content:"";height:2px;left:8%;position:absolute;right:8%;top:0}.onboard-root .tabs{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;padding:4px 0 6px;width:100%}.onboard-root .tab{align-items:center;background:#fff8dc85;border:1.5px solid rgba(218,165,32,.28);border-radius:99px;color:#9a6b10;display:flex;font-family:Heebo,sans-serif;font-size:11px;font-weight:700;gap:4px;padding:5px 11px}.onboard-root .tab.active{background:linear-gradient(135deg,var(--gold-deep),var(--pink));border-color:transparent;box-shadow:0 3px 14px #daa52054;color:#fff}.onboard-root .tab.done{background:#ffd70024;border-color:#daa5207a;color:#7a5e00}.onboard-root .tabs-sep{background:linear-gradient(90deg,transparent,rgba(218,165,32,.3) 30%,rgba(233,30,140,.2) 70%,transparent);height:1px;margin:4px 0 8px;width:88%}.onboard-root .heart-bg{flex-shrink:0;height:280px;margin:0 auto;position:relative;width:320px}.onboard-root .heart-bg svg.heart-shape{display:block;height:100%;width:100%}.onboard-root .plaque{background:linear-gradient(135deg,var(--gold-gra-a) 0,var(--gold-gra-b) 22%,var(--gold-gra-c) 50%,var(--gold-gra-b) 78%,var(--gold-gra-e) 100%);border:2px solid rgba(87,64,16,.45);border-radius:18px 6px/22px 8px;box-shadow:0 8px 24px #7a620073,inset 1px 1px #ffffffb3,inset -1px -1px #00000047;color:var(--pink-deep);font-family:Sababa,Heebo,sans-serif;font-weight:700;min-width:240px;padding:18px 24px;position:relative;text-align:center;text-shadow:0 1px 0 hsla(0,0%,100%,.55)}.onboard-root .plaque:after,.onboard-root .plaque:before{background:radial-gradient(circle at 30% 30%,#fff,var(--gold-deep) 60%,#000);border-radius:50%;box-shadow:0 1px 2px #0006;content:"";height:8px;position:absolute;top:12px;width:8px}.onboard-root .plaque:before{left:12px}.onboard-root .plaque:after{right:12px}.onboard-root .plaque .plaque-title{color:var(--pink);font-family:inherit;font-size:22px;font-weight:700;line-height:1.25;margin:0}.onboard-root .plaque .plaque-sub{color:var(--pink-deep);font-size:12px;font-weight:600;margin-top:4px}.onboard-root .plaque-on-heart{left:50%;position:absolute;top:22%;transform:translate(-50%);width:84%;z-index:2}.onboard-root .btn{align-items:center;border:none;border-radius:99px;cursor:pointer;display:inline-flex;font-family:Sababa,Heebo,sans-serif;font-size:15px;font-weight:700;gap:8px;justify-content:center;padding:11px 22px;text-decoration:none;transition:transform .18s,box-shadow .18s}.onboard-root .btn:hover:not(:disabled){transform:translateY(-1px)}.onboard-root .btn:disabled{cursor:not-allowed;opacity:.55;transform:none}.onboard-root .btn-key{background:linear-gradient(135deg,var(--gold-gra-a),var(--gold-gra-b) 30%,var(--gold-gra-c) 60%,var(--gold-gra-e));border:1.5px solid var(--gold-deep);box-shadow:0 4px 14px #7a620059,inset 1px 1px #ffffff8c;color:var(--gold-shadow);text-shadow:0 1px 0 hsla(0,0%,100%,.6)}.onboard-root .btn-barbi{background:linear-gradient(135deg,var(--pink),var(--barbi));box-shadow:0 4px 18px #e91e8c66;color:#fff}.onboard-root .btn-ghost{background:#ffffff8c;border:1.5px solid rgba(218,165,32,.45);color:var(--gold-shadow)}.onboard-root .btn-skip{background:#ffffff6b;border:1.5px dashed rgba(218,165,32,.5);color:#9a6b10;font-size:13px;padding:8px 16px}.onboard-root .field{display:flex;flex-direction:column;gap:5px;width:100%}.onboard-root .field-label{color:#9a6b10;font-family:Heebo;font-size:12px;font-weight:700;letter-spacing:.04em}.onboard-root .input{background:#ffffffbf;border:1.5px solid rgba(218,165,32,.45);border-radius:14px;color:var(--ink);font-family:Heebo;font-size:15px;outline:none;padding:12px 14px;transition:border-color .18s,box-shadow .18s;width:100%}.onboard-root .input:focus{border-color:var(--pink);box-shadow:0 0 0 3px #e91e8c2e}.onboard-root .input::-moz-placeholder{color:#9a6b1080}.onboard-root .input::placeholder{color:#9a6b1080}.onboard-root textarea.input{min-height:100px;resize:none}.onboard-root .option-card{background:#ffffffb3;border:1.5px solid rgba(218,165,32,.4);border-radius:22px;box-shadow:0 4px 16px #daa5201a;cursor:pointer;font-family:Heebo,sans-serif;padding:18px 16px;position:relative;text-align:right;transition:all .22s;width:100%}.onboard-root .option-card:hover:not(:disabled){border-color:var(--pink);box-shadow:0 8px 28px #e91e8c33;transform:translateY(-2px)}.onboard-root .option-card.selected{background:linear-gradient(135deg,#ffd7002e,#e91e8c1a);border-color:var(--pink);box-shadow:0 6px 22px #e91e8c40,0 0 0 3px #e91e8c1f}.onboard-root .option-card.disabled{cursor:not-allowed;opacity:.55}.onboard-root .option-card .opt-emoji{display:block;font-size:32px;margin-bottom:6px}.onboard-root .option-card .opt-title{color:var(--pink-deep);font-family:Sababa,Heebo;font-size:17px;font-weight:700;line-height:1.2;margin:0 0 4px}.onboard-root .option-card .opt-sub{color:var(--gold-shadow);font-size:12px;line-height:1.45;margin:0}.onboard-root .chip{align-items:center;background:#fff8dcb3;border:1.5px solid rgba(218,165,32,.4);border-radius:99px;color:var(--gold-shadow);display:inline-flex;font-size:12px;font-weight:600;gap:5px;padding:5px 11px}.onboard-root .chip.matched{background:linear-gradient(135deg,#02ffbb2e,#ffd70026);border-color:#02c88280;color:#035a3e}.onboard-root .chip.suggested{background:#ffd70026;border-color:#daa5208c;color:#7a5e00}.onboard-root .chip.new{background:linear-gradient(135deg,#e91e8c1f,#ffd7001a);border-color:var(--pink);color:var(--pink-deep)}.onboard-root .chip .x{background:none;border:none;color:inherit;cursor:pointer;font-weight:900;opacity:.55;padding:0}.onboard-root .tile-info{background:linear-gradient(135deg,var(--gold-gra-b) 0,var(--gold) 60%,var(--gold-gra-a) 100%);border:1.5px solid rgba(122,98,0,.35);border-radius:14px;box-shadow:inset 1px 1px #fff9,0 3px 12px #7a62002e;color:var(--gold-shadow);font-family:Heebo;font-size:13px;line-height:1.45;padding:12px 16px;text-shadow:0 1px 0 hsla(0,0%,100%,.45)}.onboard-root .banner-ribbon{background:linear-gradient(135deg,var(--gold-gra-a),var(--gold-gra-b) 30%,var(--gold-gra-c) 60%,var(--gold-gra-e));clip-path:polygon(8% 0,92% 0,100% 50%,92% 100%,8% 100%,0 50%);color:var(--pink-deep);display:inline-block;font-family:Sababa,Heebo;font-size:14px;font-weight:700;padding:8px 22px;position:relative;text-shadow:0 1px 0 hsla(0,0%,100%,.55)}.onboard-root .sect-sub{color:#b8860b;font-size:11px;font-weight:700;letter-spacing:.18em;margin:14px 0 6px;text-align:center;text-transform:uppercase;width:100%}@keyframes onboard-spin{to{transform:rotate(1turn)}}@keyframes onboard-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.08)}}@keyframes onboard-float{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-6px) rotate(3deg)}}.onboard-root .spin{animation:onboard-spin 2.2s linear infinite}.onboard-root .pulse{animation:onboard-pulse 2s ease-in-out infinite}.onboard-root .float{animation:onboard-float 3s ease-in-out infinite}.j-key.svelte-82e74q{filter:drop-shadow(0 2px 7px rgba(218,165,32,.65));margin-top:-12px;pointer-events:none;position:absolute;top:50%;transform:translate(50%) rotate(-6deg);transition:inset-inline-start .7s cubic-bezier(.34,1.56,.64,1)}