.onboarding-quiz{--pa-magenta:#ff47ff;--pa-magenta-action:#920792;--pa-magenta-20:#ff47ff33;--pa-magenta-50:#ff47ff7f;--pa-violet:#5a00ee;--pa-violet-20:#5a00ee33;--pa-teal:#158380;--pa-gradient-primary:linear-gradient(135deg, #00ffed 0%, #19d7e7 22.96%, #7f4ad9 45.31%, #af1fc6 66.73%, #df02c0 100%);--pa-gradient-gold:linear-gradient(225deg, #fabb00 0%, #d0388d 59.29%, #9a1a89 100%);--pa-gradient-plus:linear-gradient(246deg, #f9ae4a 13%, #c209c1 100%);--pa-gradient-pro:linear-gradient(60.72deg, #0e00ac -11%, #ff34f9 100%);--pa-gradient-aura:linear-gradient(315deg, #fbeac9 14.64%, #abb8fd 84.73%);--pa-gradient-valentine:linear-gradient(315deg, #f44097 25%, #fc67fa 75%);--pa-bg:#121212;--pa-bg-tint-1:#1a1a1a;--pa-bg-tint-2:#262626;--pa-bg-tint-3:#303030;--pa-border:#303030;--pa-canvas:#262626;--pa-text:#fff;--pa-text-1:#b3b3b3;--pa-text-2:gray;--pa-text-3:#4c4c4c;--pa-error:#d31e2a;--pa-success:#158423;--pa-warning:#fe9d24;--pa-shadow-1:0px 0px 16px 0px #00000024;--pa-shadow-2:0px 0px 16px 0px #00000038;--pa-shadow-3:0px 0px 16px 0px #00000061;--t1:8px;--t1-lh:10px;--t2:10px;--t2-lh:14px;--t3:12px;--t3-lh:16px;--t4:14px;--t4-lh:20px;--t5:16px;--t5-lh:24px;--t6:20px;--t6-lh:28px;--t7:24px;--t7-lh:32px;--t8:30px;--t8-lh:36px;--t9:36px;--t9-lh:48px;--t10:42px;--t10-lh:50px;--t11:60px;--t11-lh:72px;--s-2:2px;--s-4:4px;--s-6:6px;--s-8:8px;--s-10:10px;--s-12:12px;--s-16:16px;--s-24:24px;--s-32:32px;--s-40:40px;--s-44:44px;--s-48:48px;--s-56:56px;--s-64:64px;--s-72:72px;--r-2:2px;--r-4:4px;--r-8:8px;--r-12:12px;--r-16:16px;--r-20:20px;--r-22:22px;--r-24:24px;--r-32:32px;--r-btn-sm:16px;--r-btn-md:20px;--r-btn-lg:22px;--r-btn-xl:24px;--ease-practical:cubic-bezier(.3, .15, .5, 1);--ease-expressive:cubic-bezier(.5, .05, .3, 1);--ease-bounce:cubic-bezier(.5, -.4, .55, 1.4);--tone-blue:linear-gradient(160deg, #4fbcff 0%, #0a84ff 100%);--tone-mint:linear-gradient(160deg, #5eead4 0%, #00c7be 100%);--tone-indigo:linear-gradient(160deg, #a78bfa 0%, #5e5ce6 100%);--tone-pink:linear-gradient(160deg, #ff6090 0%, #ff375f 100%);--tone-peach:linear-gradient(160deg, #ffb454 0%, #ff9500 100%);--tone-lime:linear-gradient(160deg, #6ee7b7 0%, #30d158 100%);--tone-magenta:linear-gradient(160deg, #ff55e5 0%, #c209c1 100%);--tone-teal:linear-gradient(160deg, #67e8f9 0%, #0ea5b7 100%);--tone-blue-glow:#0a84ff73;--tone-mint-glow:#00c7be73;--tone-indigo-glow:#5e5ce673;--tone-pink-glow:#ff375f73;--tone-peach-glow:#ff950073;--tone-lime-glow:#30d15873;--tone-magenta-glow:#c209c173;--tone-teal-glow:#0ea5b773;--glyph-inner:inset 0 1px 0 #ffffff52, inset 0 -1px 0 #0000002e;--glyph-shadow:0 6px 16px #0000004d, 0 2px 4px #00000038;--icon-pastel-bg:#f2dff2;--icon-pastel-fg:#8e0a8e;--icon-pastel-halo:#ff47ff33;--icon-pastel-tag-bg:#ff47ff33;--icon-pastel-tag-fg:#fbd3f9}.onboarding-quiz .app{font-feature-settings:"ss01", "cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Picsart-Fonts,system-ui,-apple-system,sans-serif}.onboarding-quiz{--bg:#0e0e0e;--bg-deep:#0a0a0a;--surface:#ffffff0a;--surface-2:#ffffff0f;--surface-3:#ffffff17;--hairline:#ffffff1a;--hairline-2:#ffffff2e;--text:#fff;--text-dim:#ffffffb8;--text-mute:#ffffff7a;--accent:#ff47ff;--accent-2:#ff47ff;--accent-hover:#e636e6;--accent-glow-soft:#ff47ff2e;--font-sans:"Picsart-Fonts", "Gilroy", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--ease:cubic-bezier(.3, .15, .5, 1);--ease-soft:cubic-bezier(.5, .05, .3, 1);--motion:1;--page-margin:clamp(24px, 7vw, 100px);--canvas-max:1880px}.onboarding-quiz .app,.onboarding-quiz .app *,.onboarding-quiz .app :before,.onboarding-quiz .app :after{box-sizing:border-box}.onboarding-quiz .app{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss01", "cv11";overscroll-behavior:none}.onboarding-quiz .app button{font-family:inherit}.onboarding-quiz .app{background:radial-gradient(120% 110% at 50% 45%, transparent 50%, #00000080 100%), var(--bg-deep);flex-direction:column;width:100%;height:100dvh;display:flex;overflow:hidden}.onboarding-quiz .panes{width:100%;min-height:0;max-width:var(--canvas-max);flex-direction:row;flex:auto;margin-inline:auto;display:flex;position:relative}.onboarding-quiz .panes:before{content:"";pointer-events:none;background-image:radial-gradient(#ffffff14 1px,#0000 1.3px);background-position:12px 12px;background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 80% at 50% 45%,#000000e6 0%,#0000 100%);mask-image:radial-gradient(80% 80% at 50% 45%,#000000e6 0%,#0000 100%)}.onboarding-quiz .pane-left{isolation:isolate;background:0 0;flex-direction:column;flex:56%;min-width:0;min-height:0;transition:flex-basis .85s cubic-bezier(.66,0,.18,1);display:flex;position:relative}.onboarding-quiz .pane-right{min-width:0;max-width:44%;min-height:0;transition:flex-basis .85s cubic-bezier(.66, 0, .18, 1), max-width .85s cubic-bezier(.66, 0, .18, 1), opacity .55s var(--ease) .32s;background:0 0;flex:44%;position:relative;overflow:hidden}.onboarding-quiz .app[data-stage=intro] .pane-left{flex-basis:100%;transition:none}.onboarding-quiz .app[data-stage=intro] .step-content{text-align:center;align-items:center}.onboarding-quiz .app[data-stage=intro] .step-sub{margin-inline:auto}.onboarding-quiz .app[data-stage=intro] .continue-row{justify-content:center}.onboarding-quiz .app[data-stage=intro] .continue-row .btn-primary{margin-left:0}.onboarding-quiz .app[data-stage=intro] .pane-right{opacity:0;pointer-events:none;flex-basis:0%;max-width:0;transition:none}.onboarding-quiz .ambient-collage{width:100%;max-width:var(--canvas-max);z-index:1;pointer-events:none;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.onboarding-quiz .ambient-collage video{object-fit:cover;pointer-events:auto;filter:brightness(.48)saturate(.85);transition:filter .32s var(--ease), scale .38s var(--ease-soft), rotate .38s var(--ease-soft), box-shadow .32s var(--ease);animation:onbq-ambientPieceIn .7s var(--ease) backwards, onbq-ambientFloat 9s ease-in-out infinite alternate;border-radius:20px;position:absolute}@keyframes onbq-ambientPieceIn{0%{opacity:0;scale:.82}}@keyframes onbq-ambientFloat{0%{translate:0 -5px}to{translate:0 6px}}@media (hover:hover){.onboarding-quiz .ambient-collage video:hover{filter:none;z-index:2;rotate:none;scale:1.12;box-shadow:0 18px 48px #0000008c}}.onboarding-quiz .ambient-collage :first-child{width:220px;height:280px;animation-duration:.7s,9s;animation-delay:.15s,-1s;top:12%;left:-3.5%;rotate:-7deg}.onboarding-quiz .ambient-collage :nth-child(2){width:200px;height:250px;animation-duration:.7s,10.5s;animation-delay:.22s,-4s;top:48%;left:3%;rotate:5deg}.onboarding-quiz .ambient-collage :nth-child(3){width:210px;height:260px;animation-duration:.7s,8.5s;animation-delay:.29s,-2s;bottom:-11%;left:13%;rotate:-5deg}.onboarding-quiz .ambient-collage :nth-child(4){width:220px;height:280px;animation-duration:.7s,11s;animation-delay:.36s,-6s;top:11%;right:-3.5%;rotate:6deg}.onboarding-quiz .ambient-collage :nth-child(5){width:200px;height:250px;animation-duration:.7s,9.5s;animation-delay:.43s,-3s;top:47%;right:4%;rotate:-4deg}.onboarding-quiz .ambient-collage :nth-child(6){width:210px;height:250px;animation-duration:.7s,10s;animation-delay:.5s,-7s;bottom:-10%;right:13%;rotate:7deg}.onboarding-quiz .ambient-collage :nth-child(7){width:180px;height:220px;animation-duration:.7s,8s;animation-delay:.57s,-5s;top:-7%;left:24.5%;rotate:8deg}.onboarding-quiz .ambient-collage :nth-child(8){width:180px;height:220px;animation-duration:.7s,11.5s;animation-delay:.64s,-1.5s;top:-6%;right:30%;rotate:-8deg}.onboarding-quiz .ambient-collage :nth-child(9){width:200px;height:230px;animation-duration:.7s,9s;animation-delay:.71s,-8s;bottom:-10%;left:33.5%;rotate:-6deg}.onboarding-quiz .ambient-collage :nth-child(10){width:200px;height:230px;animation-duration:.7s,10s;animation-delay:.78s,-2.5s;bottom:-9%;right:33.5%;rotate:4deg}@media (max-width:1199px),(max-height:819px){.onboarding-quiz .ambient-collage{display:none}}.onboarding-quiz .progress-ring{flex:none;width:clamp(44px,3vw,56px);height:clamp(44px,3vw,56px);position:relative}.onboarding-quiz .progress-ring svg{width:100%;height:100%;display:block}.onboarding-quiz .ring-track,.onboarding-quiz .ring-arc{fill:none;stroke-width:3px;stroke-linecap:round}.onboarding-quiz .ring-track{stroke:#ffffff29}.onboarding-quiz .ring-arc{stroke:var(--accent);transition:stroke-dashoffset calc(.75s * var(--motion)) cubic-bezier(.45, 0, .15, 1)}.onboarding-quiz .ring-label{color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:.02em;grid-auto-flow:column;justify-content:center;place-items:center;font-size:clamp(16px,1vw,17px);font-weight:700;display:grid;position:absolute;inset:0}.onboarding-quiz .ring-total{color:var(--text-mute);font-size:.8125em}.onboarding-quiz .counter-roll{vertical-align:bottom;display:inline-grid;overflow:hidden}.onboarding-quiz .counter-roll>.current{grid-area:1/1}.onboarding-quiz .counter-roll .roll-in{animation:onbq-rollInUp calc(.75s * var(--motion)) cubic-bezier(.45, 0, .15, 1) both}.onboarding-quiz .counter-roll .roll-out{animation:onbq-rollOutUp calc(.75s * var(--motion)) cubic-bezier(.45, 0, .15, 1) both}.onboarding-quiz .counter-roll.down .roll-in{animation-name:onbq-rollInDown}.onboarding-quiz .counter-roll.down .roll-out{animation-name:onbq-rollOutDown}@keyframes onbq-rollInUp{0%{opacity:0;transform:translateY(110%)}to{opacity:1;transform:translateY(0)}}@keyframes onbq-rollOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-110%)}}@keyframes onbq-rollInDown{0%{opacity:0;transform:translateY(-110%)}to{opacity:1;transform:translateY(0)}}@keyframes onbq-rollOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(110%)}}.onboarding-quiz .step{padding:clamp(16px, 2.5vh, 28px) calc(var(--page-margin) - 16px);flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.onboarding-quiz .step-inner{flex-direction:column;width:100%;height:100%;padding:4px 16px;display:flex;overflow:hidden auto}.onboarding-quiz .step-content{flex-direction:column;width:100%;min-width:0;max-width:960px;margin:auto;display:flex}.onboarding-quiz .step-headline{letter-spacing:-.025em;text-wrap:pretty;margin:clamp(10px,1.4vh,14px) 0 clamp(6px,.8vh,10px);font-size:clamp(26px,1.8vw + 14px,42px);font-weight:800;line-height:1.15}@media (min-width:961px){.onboarding-quiz .app[data-stage=split] .step-headline{max-width:min(960px, calc(56vw - 2 * var(--page-margin)))}}.onboarding-quiz .step-sub{color:var(--text-dim);letter-spacing:-.005em;text-wrap:pretty;max-width:540px;margin:0 0 clamp(28px,4.5vh,56px);font-size:16px;line-height:1.5}.onboarding-quiz .step-fade{opacity:1;animation:onbq-stepFadeIn calc(.5s * var(--motion)) var(--ease) both}@keyframes onbq-stepFadeIn{0%{opacity:0}to{opacity:1}}.onboarding-quiz .app[data-swapping] .step-fade{animation:onbq-stepFadeOut calc(.25s * var(--motion)) var(--ease) both;pointer-events:none}@keyframes onbq-stepFadeOut{to{opacity:0}}.onboarding-quiz .step-fade[data-entering] :is(.choices,.choices-grid,.choices-tiles,.choices-moodboard,.choices-chips)>*{animation:onbq-choiceIn calc(.24s * var(--motion)) var(--ease) backwards;animation-delay:calc((.12s + var(--i,0) * 50ms) * var(--motion))}@keyframes onbq-choiceIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translate(0)}}.onboarding-quiz .step-fade :is(.choices,.choices-grid,.choices-tiles,.choices-moodboard,.choices-chips)>:nth-child(2){--i:1}.onboarding-quiz .step-fade :is(.choices,.choices-grid,.choices-tiles,.choices-moodboard,.choices-chips)>:nth-child(3){--i:2}.onboarding-quiz .step-fade :is(.choices,.choices-grid,.choices-tiles,.choices-moodboard,.choices-chips)>:nth-child(4){--i:3}.onboarding-quiz .step-fade :is(.choices,.choices-grid,.choices-tiles,.choices-moodboard,.choices-chips)>:nth-child(5){--i:4}.onboarding-quiz .step-fade :is(.choices,.choices-grid,.choices-tiles,.choices-moodboard,.choices-chips)>:nth-child(6){--i:5}.onboarding-quiz .step-fade :is(.choices,.choices-grid,.choices-tiles,.choices-moodboard,.choices-chips)>:nth-child(7){--i:6}.onboarding-quiz .step-fade :is(.choices,.choices-grid,.choices-tiles,.choices-moodboard,.choices-chips)>:nth-child(8){--i:7}.onboarding-quiz .step-fade :is(.choices,.choices-grid,.choices-tiles,.choices-moodboard,.choices-chips)>:nth-child(9){--i:8}.onboarding-quiz .step-fade :is(.choices,.choices-grid,.choices-tiles,.choices-moodboard,.choices-chips)>:nth-child(10){--i:9}.onboarding-quiz .step-fade :is(.choices,.choices-grid,.choices-tiles,.choices-moodboard,.choices-chips)>:nth-child(11){--i:10}.onboarding-quiz .step-fade :is(.choices,.choices-grid,.choices-tiles,.choices-moodboard,.choices-chips)>:nth-child(12){--i:11}.onboarding-quiz .step-fade :is(.choices,.choices-grid,.choices-tiles,.choices-moodboard,.choices-chips)>:nth-child(13){--i:12}.onboarding-quiz .step-fade :is(.choices,.choices-grid,.choices-tiles,.choices-moodboard,.choices-chips)>:nth-child(14){--i:13}.onboarding-quiz .step-fade :is(.choices,.choices-grid,.choices-tiles,.choices-moodboard,.choices-chips)>:nth-child(15){--i:14}.onboarding-quiz .step-fade :is(.choices,.choices-grid,.choices-tiles,.choices-moodboard,.choices-chips)>:nth-child(16){--i:15}.onboarding-quiz .step-fade :is(.choices,.choices-grid,.choices-tiles,.choices-moodboard,.choices-chips)>:nth-child(17){--i:16}.onboarding-quiz .step-fade :is(.choices,.choices-grid,.choices-tiles,.choices-moodboard,.choices-chips)>:nth-child(18){--i:17}.onboarding-quiz .choices{align-content:start;gap:16px;min-height:0;display:grid}.onboarding-quiz .choices.cols-2{grid-template-columns:1fr 1fr}.onboarding-quiz .choices.cols-1{grid-template-columns:1fr}.onboarding-quiz .choices-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (min-width:961px){.onboarding-quiz .choices-grid{--list-rows:4.5;max-height:calc(54px + 16px + 8px + var(--list-rows) * 58px + (var(--list-rows) - .5) * 16px);margin-inline:-8px;padding:4px 8px;overflow-y:auto}}@media (min-width:961px) and (min-height:880px){.onboarding-quiz .choices-grid{--list-rows:5.5}}@media (min-width:961px) and (min-height:960px){.onboarding-quiz .choices-grid{--list-rows:6.5}}@media (min-width:961px) and (min-height:1040px){.onboarding-quiz .choices-grid{--list-rows:7.5}}@media (min-width:961px) and (min-height:1120px){.onboarding-quiz .choices-grid{--list-rows:8.5}}.onboarding-quiz .choices-tiles{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.onboarding-quiz .choices-tiles.cols-2{grid-template-columns:repeat(2,1fr);width:min(100%,540px)}.onboarding-quiz .choices-tiles.cols-2 .tile-glyph,.onboarding-quiz .choices-tiles.cols-2 .tile-glyph svg{width:34px;height:34px}@media (min-width:961px){.onboarding-quiz .choices-tiles.cols-2 .choice-tile{min-height:168px}}.onboarding-quiz .choices-moodboard{columns:232px;column-gap:14px;width:100%}.onboarding-quiz .choices-moodboard .mood-tile{break-inside:avoid;margin-bottom:14px}.onboarding-quiz .step-content.step-wide{max-width:none}@media (min-width:961px){.onboarding-quiz .app:has(.step-wide) .step{padding-bottom:0}.onboarding-quiz .step-inner:has(.step-wide){padding-bottom:0}.onboarding-quiz .step-content.step-wide .continue-row{margin-inline:calc(-1 * var(--page-margin));padding:14px var(--page-margin) 16px;background:var(--bg-deep);justify-content:center;align-self:stretch}.onboarding-quiz .step-content.step-wide .continue-row .btn-primary{margin-left:0}}.onboarding-quiz .choices-chips{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.onboarding-quiz .chips-row{flex-wrap:wrap;gap:12px;display:flex}.onboarding-quiz .chips-row:nth-child(2n){margin-left:36px}.onboarding-quiz .app[data-stage=intro] .choices-chips{align-items:center}.onboarding-quiz .app[data-stage=intro] .chips-row{justify-content:center}.onboarding-quiz .app[data-stage=intro] .chips-row:nth-child(2n){margin-left:0}.onboarding-quiz .choice-add{min-height:54px;color:var(--text-mute);letter-spacing:-.005em;text-align:left;cursor:pointer;transition:border-color .2s var(--ease), color .2s var(--ease);background:0 0;border:1px dashed #ffffff38;border-radius:18px;grid-column:1/-1;justify-content:center;align-items:center;gap:10px;padding:14px 16px;font-size:16px;font-weight:600;display:flex}@media (hover:hover){.onboarding-quiz .choice-add:hover{color:var(--text);border-color:#fff6}}.onboarding-quiz .choice-add:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}.onboarding-quiz .choice-add .add-glyph{flex:none;place-items:center;display:grid}.onboarding-quiz .choice-add .add-glyph svg{width:20px;height:20px}.onboarding-quiz .choice-add.is-editing{cursor:text;border-style:solid;border-color:var(--accent);color:var(--text);justify-content:flex-start}.onboarding-quiz .choice-add input{min-width:0;color:var(--text);font:inherit;background:0 0;border:none;outline:none;flex:auto;padding:0}.onboarding-quiz .choice-add input::placeholder{color:var(--text-mute)}.onboarding-quiz .choice:focus-visible,.onboarding-quiz .choice-compact:focus-visible,.onboarding-quiz .choice-tile:focus-visible,.onboarding-quiz .mood-tile:focus-visible,.onboarding-quiz .choice-chip:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}.onboarding-quiz .step-headline:focus{outline:none}.onboarding-quiz .continue-row{z-index:5;justify-content:space-between;align-items:center;gap:12px;margin-top:clamp(16px,1.8vh + 4px,24px);padding:14px 0 16px;display:flex;position:sticky;bottom:0}.onboarding-quiz .continue-row .btn-primary{margin-left:auto}@media (min-width:961px){.onboarding-quiz .step{padding-block:0}.onboarding-quiz .app[data-stage=split] .step-inner{padding-bottom:0}.onboarding-quiz .app[data-stage=split] .continue-row[data-plate]{background:var(--bg-deep);margin-inline:calc(-1 * var(--page-margin));padding-inline:var(--page-margin)}}@media (min-width:961px) and (max-height:899px){.onboarding-quiz .step-headline{margin:6px 0 8px;font-size:clamp(24px,1.3vw + 12px,34px)}.onboarding-quiz .step-sub{margin-bottom:clamp(16px,2.4vh,28px)}.onboarding-quiz .choices{gap:12px}.onboarding-quiz .choice{padding:14px 20px}.onboarding-quiz .continue-row{margin-top:12px;padding:10px 0 12px}}@media (min-width:961px) and (max-height:760px){.onboarding-quiz .step-headline{margin:4px 0 6px;font-size:clamp(22px,1vw + 11px,28px)}.onboarding-quiz .step-sub{margin-bottom:10px}.onboarding-quiz .choices{gap:8px}.onboarding-quiz .choice{padding:11px 20px}.onboarding-quiz .continue-row{margin-top:6px;padding:8px 0 10px}}.onboarding-quiz .preset-deck{animation:onbq-deckMountFade calc(.45s * var(--motion)) var(--ease) backwards;transition:opacity calc(.25s * var(--motion)) var(--ease)}.onboarding-quiz .app[data-swapping] .preset-deck{opacity:0}@keyframes onbq-deckMountFade{0%{opacity:0}to{opacity:1}}.onboarding-quiz .preset-deck{--fan-0:rotate(0deg) translate(0, 0) scale(1);--fan-1:rotate(4.5deg) translate(3.5%, 0.7%) scale(.97);--fan-2:rotate(-4deg) translate(-3.5%, 1.5%) scale(.94);--fan-3:rotate(7deg) translate(6%, 2.2%) scale(.91);--fan-4:rotate(-7deg) translate(-6%, 3%) scale(.88);height:100%;padding:clamp(16px,2vw,32px);padding-right:var(--page-margin);flex-direction:column;justify-content:center;align-items:center;gap:64px;display:flex;position:relative;container-type:inline-size}.onboarding-quiz .preset-stage,.onboarding-quiz .preset-dots{--card-w:min(69cqw, 590px, 51vh)}.onboarding-quiz .preset-stage{height:calc(var(--card-w) * 10 / 7);padding-right:calc(var(--card-w) * .198);flex:none;justify-content:flex-end;align-self:stretch;align-items:center;display:flex;position:relative}.onboarding-quiz .preset-card{width:var(--card-w);aspect-ratio:7/10;transform-origin:50% 120%;will-change:transform;background:linear-gradient(#202020 0%,#171717 100%);border:1px solid #ffffff24;border-radius:22px;transition:transform .55s cubic-bezier(.35,0,.15,1);position:absolute;overflow:hidden;box-shadow:0 20px 44px -14px #0000008c,0 8px 18px -8px #00000059}.onboarding-quiz .preset-card:after{content:"";z-index:1;opacity:0;pointer-events:none;transition:opacity .55s var(--ease);background:#000;position:absolute;inset:0}.onboarding-quiz .preset-card.pos-0{transform:var(--fan-0)}.onboarding-quiz .preset-card.pos-1{transform:var(--fan-1)}.onboarding-quiz .preset-card.pos-2{transform:var(--fan-2)}.onboarding-quiz .preset-card.pos-3{transform:var(--fan-3)}.onboarding-quiz .preset-card.pos-4{transform:var(--fan-4)}.onboarding-quiz .preset-card.pos-1:after{opacity:.22}.onboarding-quiz .preset-card.pos-2:after{opacity:.36}.onboarding-quiz .preset-card.pos-3:after{opacity:.45}.onboarding-quiz .preset-card.pos-4:after{opacity:.52}.onboarding-quiz .preset-deck.is-advancing .preset-card.pos-1{transform:var(--fan-0)}.onboarding-quiz .preset-deck.is-advancing .preset-card.pos-2{transform:var(--fan-1)}.onboarding-quiz .preset-deck.is-advancing .preset-card.pos-3{transform:var(--fan-2)}.onboarding-quiz .preset-deck.is-advancing .preset-card.pos-4{transform:var(--fan-3)}.onboarding-quiz .preset-deck.is-advancing .preset-card.pos-1:after{opacity:0}.onboarding-quiz .preset-deck.is-advancing .preset-card.pos-2:after{opacity:.22}.onboarding-quiz .preset-deck.is-advancing .preset-card.pos-3:after{opacity:.36}.onboarding-quiz .preset-deck.is-advancing .preset-card.pos-4:after{opacity:.45}.onboarding-quiz .preset-card.is-leaving{transition:transform .4s cubic-bezier(.55,0,.45,1);transform:translate(118%,-2%)rotate(14deg)scale(.96)}.onboarding-quiz .preset-card:not(.pos-0) .preset-model,.onboarding-quiz .preset-card:not(.pos-0) .preset-overlay{opacity:0}.onboarding-quiz .preset-card video,.onboarding-quiz .preset-card img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.onboarding-quiz .preset-poster{opacity:1;pointer-events:none;transition:opacity .18s var(--ease)}.onboarding-quiz .preset-poster.is-hidden{opacity:0}.onboarding-quiz .preset-card:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}.onboarding-quiz .preset-model{z-index:2;color:#fff;letter-spacing:-.005em;white-space:nowrap;transition:opacity .3s var(--ease);background:#000000c7;border-radius:999px;padding:5px 12px 6px;font-size:12px;font-weight:600;position:absolute;top:10px;right:10px}.onboarding-quiz .preset-overlay{opacity:0;transition:opacity .2s var(--ease);background:#00000073;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.onboarding-quiz .preset-card.pos-0:focus-visible .preset-overlay{opacity:1}@media (hover:hover){.onboarding-quiz .preset-card.pos-0:hover .preset-overlay{opacity:1}}.onboarding-quiz .recreate-btn{color:#111;letter-spacing:-.01em;height:44px;transition:background .2s var(--ease), color .2s var(--ease);background:#fff;border-radius:999px;align-items:center;padding:0 24px;font-size:16px;font-weight:700;display:inline-flex}@media (hover:hover){.onboarding-quiz .recreate-btn:hover{background:var(--accent);color:#fff}}.onboarding-quiz .preset-dots{margin-right:calc(var(--card-w) * .656 - 46px);flex:none;align-self:flex-end;align-items:center;gap:4px;display:flex}.onboarding-quiz .preset-dot{cursor:pointer;background:0 0;border:none;place-items:center;width:20px;height:20px;padding:0;display:grid}.onboarding-quiz .preset-dot:after{content:"";width:8px;height:8px;transition:background .2s var(--ease), transform .2s var(--ease);background:#ffffff47;border-radius:999px}@media (hover:hover){.onboarding-quiz .preset-dot:hover:after{background:#ffffff8c}}.onboarding-quiz .preset-dot.is-active:after{background:var(--accent);transform:scale(1.25)}.onboarding-quiz .preset-dot:focus-visible{outline:2px solid var(--accent-2);outline-offset:-2px;border-radius:999px}@media (max-width:960px){.onboarding-quiz .panes{flex-direction:column}.onboarding-quiz .pane-left{flex:auto}.onboarding-quiz .pane-right{display:none}.onboarding-quiz .app[data-stage=intro] .pane-left{flex-basis:auto}.onboarding-quiz .progress-ring{width:38px;height:38px}.onboarding-quiz .ring-label{font-size:12px}.onboarding-quiz .step-content{flex-shrink:0;min-height:100%}.onboarding-quiz .step-sub{display:none}.onboarding-quiz .step-headline{text-align:center;margin-bottom:28px;font-size:24px;line-height:1.3}.onboarding-quiz .choices,.onboarding-quiz .choices-grid,.onboarding-quiz .choices-tiles,.onboarding-quiz .choices-moodboard,.onboarding-quiz .choices-chips{width:100%}.onboarding-quiz .app{--footer-bleed:var(--page-margin)}.onboarding-quiz .step,.onboarding-quiz .step-inner{padding-bottom:0}.onboarding-quiz .continue-row{margin-top:auto;margin-inline:calc(-1 * var(--footer-bleed));padding:12px var(--footer-bleed) calc(12px + env(safe-area-inset-bottom,0px));background:var(--bg-deep);align-self:stretch;gap:12px}.onboarding-quiz .continue-row .back-pill,.onboarding-quiz .continue-row .btn-primary{flex:1 1 0}.onboarding-quiz .continue-row .btn-primary{margin-left:0}.onboarding-quiz .choices.cols-2{grid-template-columns:1fr}.onboarding-quiz .choices{grid-auto-rows:1fr}.onboarding-quiz .choices-grid{grid-template-columns:1fr}.onboarding-quiz .choices-tiles{grid-template-columns:repeat(2,1fr);gap:10px 12px}.onboarding-quiz .choice-tile{gap:10px;min-height:118px;padding:20px 12px 16px}.onboarding-quiz .choices-moodboard{columns:2;column-gap:12px}.onboarding-quiz .choices-moodboard .mood-tile{margin-bottom:12px}.onboarding-quiz .choices-chips{align-items:center;gap:10px}.onboarding-quiz .chips-row{justify-content:center;gap:10px}.onboarding-quiz .chips-row:nth-child(2n){margin-left:0}}@media (max-width:720px){.onboarding-quiz .app{--footer-bleed:16px}.onboarding-quiz .step{padding:14px 0 0}}@media (max-width:560px){.onboarding-quiz .step{padding:12px 0 0}.onboarding-quiz .step-sub{margin-bottom:18px}.onboarding-quiz .choice{border-radius:18px;gap:12px;padding:16px}.onboarding-quiz .choice-glyph{width:36px;height:36px}.onboarding-quiz .choice-compact{padding:14px 16px}}@media (prefers-reduced-motion:reduce){.onboarding-quiz *,.onboarding-quiz :before,.onboarding-quiz :after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important;animation-fill-mode:forwards!important}}.onboarding-quiz .choice-glyph{color:#fff;width:auto;height:auto;box-shadow:none;background:0 0;border:none;border-radius:0;animation:none;position:relative;overflow:visible}.onboarding-quiz .choice-glyph:before,.onboarding-quiz .choice-glyph:after{content:none;display:none}.onboarding-quiz .choice-glyph svg{filter:none;width:24px;height:24px}.onboarding-quiz .choice:hover .choice-glyph,.onboarding-quiz .choice:active .choice-glyph,.onboarding-quiz .choice.is-selected .choice-glyph{box-shadow:none;background:0 0;animation:none;transform:none}.onboarding-quiz .choice-compact .glyph-sm{color:#fff;width:auto;height:auto;box-shadow:none;background:0 0;border:none;border-radius:0;animation:none;position:relative;overflow:visible}.onboarding-quiz .choice-compact .glyph-sm:before,.onboarding-quiz .choice-compact .glyph-sm:after{content:none;display:none}.onboarding-quiz .choice-compact .glyph-sm svg{filter:none;width:24px;height:24px}.onboarding-quiz .choice-compact:hover .glyph-sm,.onboarding-quiz .choice-compact:active .glyph-sm,.onboarding-quiz .choice-compact.is-selected .glyph-sm{box-shadow:none;background:0 0;animation:none;transform:none}