.sf-overlay{--sf-blue:#2e3092;--sf-pink:#f45a9b;--sf-ink:#4f4860;--sf-pad:clamp(10px,2.4vw,28px);z-index:2147483000;padding:var(--sf-pad);-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);background:radial-gradient(circle at 18% 12%,#f45a9b4d,#0000 46%),radial-gradient(circle at 86% 92%,#2e309261,#0000 52%),#181634ad;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.sf-modal{isolation:isolate;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;width:min(1120px,100%);max-height:100%;color:var(--sf-blue);background:linear-gradient(145deg,#fffafb,#fde9f0 55%,#fff4ec);border:1px solid #ffffffbf;border-radius:clamp(24px,3vw,38px);position:relative;overflow:hidden auto;box-shadow:0 40px 120px #14103473,0 0 0 1px #2e30920d,inset 0 1px #fff}.sf-modal::-webkit-scrollbar{width:0;height:0;display:none}.sf-modal:before,.sf-modal:after{content:"";z-index:-1;pointer-events:none;border-radius:50%;position:absolute}.sf-modal:before{background:radial-gradient(circle,#f45a9b3d,#0000 66%);width:560px;height:560px;top:-220px;right:-190px}.sf-modal:after{background:radial-gradient(circle,#2e309224,#0000 66%);width:520px;height:520px;bottom:-240px;left:-200px}.sf-close{z-index:60;width:46px;height:46px;color:var(--sf-blue);cursor:pointer;background:#ffffffe6;border:1px solid #2e30921f;border-radius:999px;justify-content:center;align-items:center;transition:transform .35s cubic-bezier(.22,1,.36,1),background .25s,color .25s,border-color .25s;display:flex;position:absolute;top:clamp(12px,1.6vw,22px);right:clamp(12px,1.6vw,22px);box-shadow:0 10px 25px #2d284124}.sf-close:hover{background:var(--sf-pink);border-color:var(--sf-pink);color:#fff;transform:rotate(90deg)scale(1.06)}.sf-kicker{width:max-content;max-width:100%;color:var(--sf-pink);letter-spacing:.18em;text-transform:uppercase;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:8px 15px;font-size:11px;font-weight:900;display:inline-flex;box-shadow:0 8px 20px #f45a9b24}.sf-welcome h2 span,.sf-question-heading h2 span,.sf-result h2 span,.sf-matching h2 span{color:var(--sf-pink);text-shadow:3px 3px #2e30921a}.sf-modal .sf-main-button{text-transform:uppercase;white-space:nowrap;justify-content:center;align-items:center;gap:12px;margin-top:clamp(22px,3.2vh,32px);transition:translate .28s cubic-bezier(.22,1,.36,1),box-shadow .28s,background .25s,color .25s;border:2px solid var(--sf-blue)!important;background:var(--sf-blue)!important;color:#fff!important;letter-spacing:.09em!important;min-height:clamp(54px,7vh,64px)!important;box-shadow:0 6px 0 var(--sf-pink),0 20px 34px #2e309247!important;border-radius:999px!important;padding:0 clamp(24px,3vw,38px)!important;font-size:clamp(12px,1.05vw,14px)!important;font-weight:900!important;display:inline-flex!important}.sf-modal .sf-main-button:hover{translate:0 -3px;color:var(--sf-blue)!important;box-shadow:0 9px 0 var(--sf-pink),0 26px 40px #2e309252!important;background:#fff!important}.sf-modal .sf-main-button:active{translate:0 3px;box-shadow:0 2px 0 var(--sf-pink),0 8px 14px #2e309240!important}.sf-modal .sf-main-button svg{flex:none;transition:transform .3s cubic-bezier(.22,1,.36,1)}.sf-modal .sf-main-button:hover svg{transform:translate(5px)}.sf-welcome{grid-template-columns:.92fr 1.08fr;min-height:clamp(500px,78vh,680px);display:grid;overflow:hidden}.sf-welcome-copy{z-index:3;flex-direction:column;justify-content:center;padding:clamp(44px,7vh,76px) 14px clamp(44px,7vh,76px) clamp(28px,5.5vw,76px);display:flex;position:relative}.sf-welcome h2{font-family:var(--font-lilita),Impact,sans-serif;letter-spacing:-.055em;text-transform:uppercase;color:var(--sf-blue);margin:20px 0 0;font-size:clamp(3.6rem,min(7vw,13vh),7.4rem);line-height:.8}.sf-tagline{color:var(--sf-blue);margin:clamp(18px,3vh,30px) 0 0;font-size:clamp(20px,1.8vw,26px);font-weight:900}.sf-description{max-width:470px;color:var(--sf-ink);margin:14px 0 0;font-size:clamp(16px,1.35vw,19px);line-height:1.65}.sf-time{color:#6f6580;align-items:center;gap:8px;margin-top:16px;font-size:13px;font-weight:800;display:inline-flex}.sf-time:before{content:"";background:var(--sf-pink);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #f45a9b2e}.sf-welcome-art{min-height:clamp(380px,60vh,650px);position:relative;overflow:hidden}.sf-art-glow{background:radial-gradient(circle,#f7b3c8,#f7b3c88c 40%,#0000 70%);border-radius:50%;position:absolute;inset:8% 2% 4% 0}.sf-art-ring{border:2px dashed #2e309229;border-radius:50%;animation:46s linear infinite sf-spin;position:absolute;inset:14% 8% 10% 6%}.sf-art-image{position:absolute;inset:5% -5% 0 -3%}.sf-doodle{z-index:5;font-family:var(--font-lilita),Impact,sans-serif;letter-spacing:.02em;background:#fff;border-radius:999px;padding:4px 14px;font-size:clamp(22px,2.4vw,32px);position:absolute;box-shadow:0 10px 24px #2e309224}.sf-doodle-one{color:var(--sf-blue);top:15%;right:10%;rotate:8deg}.sf-doodle-two{color:var(--sf-pink);bottom:13%;left:7%;rotate:-8deg}.sf-question{padding:clamp(34px,5.4vh,56px) clamp(16px,5vw,64px) clamp(26px,4vh,44px)}.sf-top{justify-content:space-between;align-items:center;gap:18px;padding-right:clamp(40px,4vw,56px);display:flex}.sf-brand{letter-spacing:.12em;color:var(--sf-pink);font-size:11px;font-weight:900}.sf-progress{gap:8px;display:flex}.sf-progress span{filter:grayscale();opacity:.22;font-size:20px;transition:all .3s}.sf-progress span.is-filled{filter:none;opacity:1;transform:translateY(-2px)}.sf-count{letter-spacing:.16em;color:var(--sf-blue);font-size:11px;font-weight:900}.sf-bar{background:#2e30921a;border-radius:999px;height:6px;margin-top:18px;overflow:hidden}.sf-bar span{border-radius:inherit;background:linear-gradient(90deg,var(--sf-pink),var(--sf-blue));height:100%;display:block}.sf-question-heading{text-align:center;padding:clamp(26px,4.4vh,44px) 10px clamp(20px,3.4vh,32px)}.sf-question-heading h2{max-width:820px;font-family:var(--font-lilita),Impact,sans-serif;letter-spacing:-.045em;color:var(--sf-blue);margin:16px auto 0;font-size:clamp(2.5rem,min(5vw,9vh),5.1rem);line-height:.94}.sf-question-heading p{color:#5d5470;max-width:560px;margin:14px auto 0;font-size:clamp(15px,1.3vw,18px);line-height:1.55}.sf-options{grid-template-columns:repeat(4,1fr);gap:clamp(10px,1.3vw,18px);display:grid}.sf-option{text-align:left;min-height:clamp(168px,26vh,230px);color:var(--sf-blue);cursor:pointer;background:linear-gradient(160deg,#ffffffeb,#ffffff9e);border:1px solid #fffffff2;border-radius:26px;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:clamp(16px,1.6vw,22px);transition:border-color .25s,box-shadow .3s,background .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 32px #462d4617,0 0 0 1px #2e309212}.sf-option:after{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle,#f45a9b33,#0000 65%);border-radius:50%;height:70%;transition:opacity .3s;position:absolute;inset:auto -30% -55%}.sf-option:hover,.sf-option.is-selected{box-shadow:0 22px 44px #f45a9b33,0 0 0 2px var(--sf-pink);background:#fff}.sf-option:hover:after,.sf-option.is-selected:after{opacity:1}.sf-option-emoji{filter:drop-shadow(0 10px 12px #50282824);font-size:clamp(44px,4.2vw,56px);transition:transform .4s cubic-bezier(.22,1,.36,1);position:absolute;top:12px;right:14px}.sf-option:hover .sf-option-emoji,.sf-option.is-selected .sf-option-emoji{transform:scale(1.14)rotate(-8deg)}.sf-option-copy{z-index:2;position:relative}.sf-option-copy strong{font-size:clamp(15px,1.3vw,18px);font-weight:900;line-height:1.15;display:block}.sf-option-copy small{color:#6b6074;max-width:230px;margin-top:8px;font-size:clamp(13px,1.05vw,15px);line-height:1.5;display:block}.sf-option-number{color:var(--sf-pink);letter-spacing:.12em;background:#f45a9b1f;border-radius:999px;padding:4px 9px;font-size:10px;font-weight:900;transition:background .25s,color .25s;position:absolute;top:16px;left:18px}.sf-option.is-selected .sf-option-number{background:var(--sf-pink);color:#fff}.sf-option-check{z-index:3;background:var(--sf-pink);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:transform .3s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;bottom:14px;right:14px;transform:scale(0)}.sf-option.is-selected .sf-option-check{transform:scale(1)}.sf-navigation{justify-content:space-between;align-items:center;gap:12px;margin-top:clamp(20px,3.4vh,30px);display:flex}.sf-navigation span{color:#7d7390;font-size:13px;font-weight:800}.sf-back{color:var(--sf-blue);cursor:pointer;background:#ffffffb3;border:1.5px solid #2e309233;border-radius:999px;align-items:center;gap:8px;padding:11px 18px;font-size:13px;font-weight:900;transition:background .25s,color .25s,border-color .25s,transform .25s;display:inline-flex}.sf-back:hover:not(:disabled){background:var(--sf-blue);border-color:var(--sf-blue);color:#fff;transform:translate(-3px)}.sf-back:disabled{opacity:.3;cursor:default}.sf-result{min-height:clamp(500px,78vh,680px)}.sf-matching{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:clamp(500px,78vh,680px);padding:0 20px;display:flex}.sf-scoops-row{gap:clamp(10px,1.4vw,16px);font-size:clamp(40px,4.6vw,58px);display:flex}.sf-matching h2{font-family:var(--font-lilita),Impact,sans-serif;letter-spacing:-.05em;color:var(--sf-blue);margin:30px 0 0;font-size:clamp(2.8rem,min(6vw,11vh),6rem);line-height:.88}.sf-matching p{color:#6b6078;margin-top:20px;font-size:clamp(16px,1.4vw,20px)}.sf-result-grid{grid-template-columns:1fr 1fr;min-height:clamp(500px,78vh,680px);display:grid}.sf-result-art{background:radial-gradient(circle at 50% 46%,#ffffffbf,#0000 58%),linear-gradient(145deg,#f9bfd1,#fff0e6);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.sf-result-image{width:86%;height:86%;min-height:300px;position:relative}.sf-result-burst{z-index:3;width:58px;height:58px;color:var(--sf-pink);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:26px;display:flex;position:absolute;top:13%;right:12%;box-shadow:0 14px 28px #6432462e}.sf-sparkle{z-index:3;pointer-events:none;font-size:clamp(20px,2.2vw,28px);position:absolute}.sf-sparkle-1{top:18%;left:12%}.sf-sparkle-2{bottom:16%;left:16%}.sf-sparkle-3{bottom:20%;right:14%}.sf-result-copy{flex-direction:column;justify-content:center;padding:clamp(34px,5vw,64px);display:flex}.sf-result-copy h2{font-family:var(--font-lilita),Impact,sans-serif;letter-spacing:-.05em;color:var(--sf-blue);text-transform:uppercase;margin:18px 0 0;font-size:clamp(3rem,min(5.3vw,10vh),5.8rem);line-height:.84}.sf-result-label{letter-spacing:.2em;color:var(--sf-pink);margin-top:clamp(20px,3.4vh,30px);font-size:11px;font-weight:900}.sf-result-copy h3{font-family:var(--font-lilita),Impact,sans-serif;color:var(--sf-blue);margin-top:8px;font-size:clamp(2rem,3.2vw,3.5rem);line-height:1}.sf-result-description{max-width:480px;color:var(--sf-ink);margin-top:12px;font-size:clamp(16px,1.3vw,18.5px);line-height:1.65}.sf-match{width:max-content;color:var(--sf-pink);letter-spacing:.1em;background:#fff;border-radius:999px;align-items:center;gap:8px;margin-top:20px;padding:11px 18px;font-size:11px;font-weight:900;display:flex;box-shadow:0 10px 24px #5a32461f}.sf-result-actions{flex-wrap:wrap;align-items:center;gap:18px;margin-top:clamp(18px,3vh,28px);display:flex}.sf-result-actions .sf-main-button{margin-top:0}.sf-retry{color:var(--sf-blue);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;background-image:linear-gradient(var(--sf-pink),var(--sf-pink));background-position:0 100%;background-repeat:no-repeat;background-size:0 2px;border:0;padding:8px 2px;font-size:12px;font-weight:900;transition:background-size .3s}.sf-retry:hover{background-size:100% 2px}@keyframes sf-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.sf-art-ring{animation:none}}@media (min-width:901px) and (max-height:760px){.sf-question{padding-top:30px;padding-bottom:24px}.sf-question-heading{padding:22px 10px 18px}.sf-option{min-height:150px}.sf-option-emoji{font-size:42px}.sf-welcome h2{margin-top:14px}.sf-main-button{margin-top:18px}}@media (max-width:900px){.sf-welcome{grid-template-columns:1fr;min-height:0}.sf-welcome-copy{text-align:center;align-items:center;padding:clamp(52px,8vw,64px) clamp(24px,6vw,48px) 8px}.sf-description{max-width:520px}.sf-welcome-art{min-height:clamp(300px,46vw,420px);margin-top:-6px}.sf-art-image{inset:-2% 2% 0}.sf-doodle-one{top:12%;right:14%}.sf-doodle-two{bottom:8%;left:13%}.sf-options{grid-template-columns:repeat(2,1fr)}.sf-option{min-height:clamp(150px,22vw,190px)}.sf-result,.sf-matching{min-height:0}.sf-matching{min-height:clamp(440px,70vh,560px)}.sf-result-grid{grid-template-columns:1fr;min-height:0}.sf-result-art{min-height:clamp(300px,52vw,400px)}.sf-result-image{min-height:0}.sf-result-copy{text-align:center;align-items:center;padding:clamp(30px,6vw,44px) clamp(22px,6vw,44px) clamp(34px,6vw,48px)}.sf-result-actions{justify-content:center}}@media (max-width:600px){.sf-overlay{--sf-pad:8px}.sf-modal{border-radius:26px}.sf-close{width:42px;height:42px}.sf-kicker{padding:7px 13px;font-size:10px}.sf-welcome-copy{padding:56px 22px 6px}.sf-welcome h2{font-size:clamp(3.4rem,17vw,4.8rem)}.sf-tagline{font-size:19px}.sf-description{font-size:16px;line-height:1.6}.sf-time{font-size:12px}.sf-modal .sf-main-button{width:100%;max-width:360px;min-height:56px!important}.sf-welcome-art{min-height:300px}.sf-doodle{font-size:20px}.sf-question{padding:30px 16px 22px}.sf-top{flex-wrap:wrap;gap:10px 12px;padding-right:48px}.sf-progress{order:3;justify-content:center;width:100%}.sf-progress span{font-size:18px}.sf-bar{margin-top:14px}.sf-question-heading{padding:26px 0 20px}.sf-question-heading h2{font-size:clamp(2.2rem,11vw,3.3rem)}.sf-question-heading p{font-size:15px}.sf-options{grid-template-columns:1fr;gap:10px}.sf-option{border-radius:22px;justify-content:center;min-height:96px;padding:18px 70px 18px 18px}.sf-option-emoji{margin-top:-26px;font-size:40px;top:50%;right:16px}.sf-option-number{top:10px;left:16px}.sf-option-copy{margin-top:10px}.sf-option-copy small{max-width:none;font-size:13.5px}.sf-option-check{width:24px;height:24px;bottom:10px;left:auto;right:14px}.sf-navigation{margin-top:18px}.sf-navigation span{display:none}.sf-matching p{font-size:16px}.sf-result-art{min-height:280px}.sf-result-burst{width:48px;height:48px;font-size:22px}.sf-result-copy{padding:30px 20px 34px}.sf-result-copy h2{font-size:clamp(2.8rem,14vw,4.2rem)}.sf-result-description{font-size:15.5px}.sf-result-actions{flex-direction:column;gap:12px;width:100%}.sf-result-actions .sf-main-button{white-space:normal;text-align:center;width:100%;max-width:none}}@media (max-width:380px){.sf-welcome h2{font-size:3.2rem}.sf-welcome-copy{padding-left:16px;padding-right:16px}.sf-question{padding-left:12px;padding-right:12px}.sf-option{padding-right:62px}.sf-option-emoji{font-size:34px}.sf-modal .sf-main-button{letter-spacing:.06em!important;font-size:11.5px!important}}