:root{color-scheme:light;--pink: #f45b83;--pink-light: #fff2f6;--ink: #111;--shadow: 3px 3px 0 #000;--gap: clamp(8px, 1.5svh, 14px)}*,*::before,*::after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%}html{-webkit-text-size-adjust:100%}body{background:#fff;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}main{position:fixed;top:0;left:0;right:0;bottom:0}.wrapper{width:100%;max-width:760px;height:var(--viewport-height, 100svh);margin:0 auto;padding:max(10px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right) + 8px) max(16px,env(safe-area-inset-bottom) + 8px) max(12px,env(safe-area-inset-left) + 8px)}.step{display:none;width:100%;height:100%;min-width:0;text-align:center;flex-direction:column;gap:var(--gap)}.step.is-active{display:flex}@keyframes step-fade-down{from{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}.step.is-active h2,.step.is-active h3{animation:step-fade-down .48s cubic-bezier(0.22, 1, 0.36, 1) backwards}.step.is-active p,.step.is-active .entry-count,.step.is-active .popup_text,.step.is-active .choose_answer{animation:step-fade-down .48s cubic-bezier(0.22, 1, 0.36, 1) backwards;animation-delay:.08s}.step.is-active .hero-art,.step.is-active .checkbox_wrap{animation:step-fade-down .48s cubic-bezier(0.22, 1, 0.36, 1) backwards;animation-delay:.16s}h2,h3,h4,p{margin:0;overflow-wrap:anywhere}h2{font-size:clamp(19px,5.3vw,30px);font-weight:900;line-height:1.15;letter-spacing:.35px;text-transform:uppercase}h3{font-size:clamp(14px,3.8vw,17px);font-weight:700;line-height:1.3}p{font-size:clamp(15px,4vw,19px);line-height:1.5;font-weight:500}.step:not(.entry):not(.step_check)>p{margin-block:auto;max-width:620px;align-self:center}.step>.btn,.btn-group{flex-shrink:0}.step:not(.entry):not(.step_check)>.btn,.step:not(.entry):not(.step_check)>.btn-group{margin-top:auto}img{display:block;max-width:100%;height:auto}.entry.is-active{display:grid;grid-template-rows:auto auto minmax(64px, 1fr) auto auto auto;gap:var(--gap)}.entry-copy{display:contents}.entry h3{grid-row:2}.entry .hero-art{grid-row:3}.entry-count{grid-row:4}.entry .popup_text{grid-row:5}.entry-copy>.btn{grid-row:6}.brand-logo{width:100%;aspect-ratio:8.8/1;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 46%;object-position:50% 46%;background:var(--pink)}.hero-art{width:100%;height:100%;max-height:350px;min-height:0;-o-object-fit:contain;object-fit:contain;align-self:center}.entry h3{color:#333}.entry-count{font-size:clamp(14px,3.8vw,18px);font-weight:800;line-height:1.3}.entry-count span{color:red;font-weight:900}#randomWomen{font-size:1.15em}.popup_text{border-left:4px solid #000;padding:8px 10px;background:#f9f9f9;text-align:left;font-size:clamp(11px,3.1vw,14px);font-weight:700;line-height:1.4}.btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:46px;padding:10px 12px;border:2px solid #000;background:var(--pink);color:#111;box-shadow:var(--shadow);text-decoration:none;text-transform:uppercase;text-align:center;font:900 clamp(14px, 3.8vw, 18px)/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;letter-spacing:.4px;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:background .12s,transform .12s,box-shadow .12s}.btn:active{transform:translate(2px, 2px);box-shadow:1px 1px 0 #000}.no-btn{background:var(--pink);color:#111}.btn-group{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}.btn:focus-visible,.option:focus-visible{outline:3px solid var(--pink);outline-offset:3px}@media(hover: hover){.btn:hover{background:#ff789b}.option:not(.checked):hover{background:var(--pink-light)}}.step_check.is-active{display:grid;grid-template-rows:auto auto minmax(0, 1fr) auto}.choose_answer{color:#555;font-size:12px;font-style:italic;line-height:1.25}.checkbox_wrap{display:grid;grid-template-columns:minmax(0, 1fr);grid-template-rows:repeat(5, minmax(66px, 1fr));gap:clamp(6px,1.2svh,10px);width:100%;height:100%;max-height:530px;min-height:0;align-self:center}.option{display:flex;align-items:center;gap:10px;width:100%;min-width:0;min-height:48px;padding:6px 8px;border:2px solid #000;background:#fff;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:background .12s,box-shadow .12s}.option.checked{background:var(--pink);color:#111;box-shadow:3px 3px 0 #000}.photo_option img{flex-shrink:0;width:clamp(54px,11svh,96px);height:clamp(54px,11svh,96px);max-height:100%;aspect-ratio:1;-o-object-fit:cover;object-fit:cover;border:1px solid #000}.option-title{min-width:0;font-size:clamp(12px,3.4vw,16px);line-height:1.2;font-weight:700;text-align:left;text-transform:uppercase;overflow-wrap:anywhere}.final_step h2{font-size:clamp(20px,5.5vw,32px)}@media(min-width: 600px)and (min-height: 501px){.wrapper{padding:24px 28px 30px}.checkbox_wrap{grid-template-columns:repeat(2, minmax(0, 1fr));grid-template-rows:repeat(3, minmax(104px, 1fr));max-height:460px;gap:14px}.option{padding:10px}.btn{min-height:52px}}@media(max-height: 600px){:root{--gap: 7px}.wrapper{padding-top:max(8px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom) + 6px)}h2{font-size:clamp(18px,5vw,24px)}p{font-size:15px;line-height:1.4}.btn{min-height:44px;padding-block:8px}.option{padding:5px 7px;gap:9px}.photo_option img{width:54px;height:54px}.checkbox_wrap{gap:6px}.entry h3{font-size:14px}.entry-count{font-size:14px}.popup_text{padding-block:6px;font-size:11px}}@media(max-height: 500px)and (min-width: 480px){:root{--gap: 6px}.wrapper{max-width:1000px}h2{font-size:18px}.entry.is-active{grid-template-columns:minmax(130px, 0.8fr) minmax(0, 1.2fr);grid-template-rows:auto auto minmax(0, 1fr) auto auto;-moz-column-gap:16px;column-gap:16px}.brand-logo{grid-column:1/-1;grid-row:1;width:min(100%,300px);height:auto;aspect-ratio:8.8/1;justify-self:center}.entry h3{grid-column:2;grid-row:2}.entry .hero-art{grid-column:1;grid-row:2/6;max-height:230px}.entry-count{grid-column:2;grid-row:3;align-self:center}.entry .popup_text{grid-column:2;grid-row:4}.entry-copy>.btn{grid-column:2;grid-row:5}.checkbox_wrap{grid-template-columns:repeat(3, minmax(0, 1fr));grid-template-rows:repeat(2, minmax(64px, 1fr));gap:6px;max-height:220px}.option-title{font-size:12px}.photo_option img{width:50px;height:50px}.option{gap:7px}.final_step h2{font-size:22px}}@media(min-width: 900px)and (min-height: 520px){body{min-height:var(--viewport-height, 100svh);display:flex;align-items:center;justify-content:center;background:#fff5f8}main{display:flex;align-items:center;justify-content:center}.wrapper{width:calc(100% - 64px);max-width:1040px;height:min(680px,var(--viewport-height, 100svh) - 64px);margin:0;padding:24px 28px 28px;border:2px solid #111;background:#fff;box-shadow:3px 3px 0 #000}.entry.is-active{grid-template-columns:minmax(0, 0.85fr) minmax(0, 1.15fr);grid-template-rows:auto minmax(0, 1fr);gap:18px 32px}.brand-logo{grid-column:1/-1;grid-row:1}.entry .hero-art{grid-column:1;grid-row:2;max-height:460px}.entry-copy{display:flex;flex-direction:column;justify-content:center;grid-column:2;grid-row:2;gap:24px;min-height:0}.entry h3{grid-column:2;grid-row:2;font-size:22px;line-height:1.35}.entry-count{grid-column:2;grid-row:3;align-self:center;font-size:25px;line-height:1.35}.popup_text{grid-column:2;grid-row:4;padding:12px 14px;font-size:13px}.entry-copy>.btn{flex-shrink:0}.step:not(.entry):not(.step_check){justify-content:center;align-items:center;gap:28px}.step:not(.entry):not(.step_check)>p{margin:0;font-size:20px;line-height:1.55}.step:not(.entry):not(.step_check)>.btn,.step:not(.entry):not(.step_check)>.btn-group{margin-top:8px;width:min(100%,620px)}.step_check>h2{font-size:28px}.step_check>.btn{width:min(100%,620px);justify-self:center}.checkbox_wrap{max-width:820px;justify-self:center;max-height:470px}.option{padding:14px;gap:16px}.photo_option img{width:108px;height:108px}.option-title{font-size:16px}}@media(min-width: 900px)and (min-height: 520px)and (max-height: 680px){.wrapper{height:calc(var(--viewport-height, 100svh) - 36px);padding:16px 22px 20px}.entry.is-active{gap:10px 24px}.entry-copy{gap:14px}.entry h3{font-size:18px}.entry-count{font-size:21px}.popup_text{font-size:12px;padding:8px 10px}.option{padding:8px 10px}.photo_option img{width:100px;height:100px}.step:not(.entry):not(.step_check){gap:20px}}@media(prefers-reduced-motion: reduce){.step.is-active h2,.step.is-active h3,.step.is-active p,.step.is-active .entry-count,.step.is-active .popup_text,.step.is-active .choose_answer,.step.is-active .hero-art,.step.is-active .checkbox_wrap{animation:none}.btn,.option{transition:none}}/*# sourceMappingURL=main.css.map */