:root{--navy:#021550;--slate:#475569;--muted:#5f6b7a;--line:#c9edff;--pale:#edf9ff;--mid:#dcefff;--rule:#e2e8f0;--bg:#f4fbff;--green:#187443;--green-bg:#e4f3e9;--spring:cubic-bezier(.34,1.56,.64,1);--ease:cubic-bezier(.2,.8,.2,1);--mono:"DM Mono",monospace;--hand:"Gochi Hand",cursive}*{box-sizing:border-box}html,body{margin:0;height:100%}body.community-quiz-page{overscroll-behavior:none}body{font:400 14px/1.5 Poppins,sans-serif;color:var(--slate);background:var(--bg);-webkit-font-smoothing:antialiased}p,h1,h2,h3{margin:0}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--navy);outline-offset:2px}#MainContent{outline:none}.viewport{position:relative;width:100%;max-width:480px;height:100vh;height:100dvh;margin:0 auto;overflow:hidden;background:var(--bg)}.screen{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;padding:16px 20px 18px;scrollbar-width:none}.screen::-webkit-scrollbar{display:none}.screen.c{align-items:center;text-align:center}.screen.enter{animation:enter .38s var(--ease) both}@keyframes enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.brandrow{flex:none;display:flex;align-items:center;justify-content:space-between;width:100%;height:30px}.brand{display:inline-flex;align-items:center;gap:6px;font:500 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--navy)}.brand i{font-size:16px}.pill{padding:4px 10px;border-radius:999px;background:var(--green-bg);color:var(--green);font-size:11px;line-height:14px;font-weight:600}.pill.b{background:var(--pale);color:var(--navy)}.top{flex:none;display:flex;align-items:center;gap:10px;width:100%;height:30px}.back{display:grid;place-items:center;width:34px;height:34px;margin-left:-8px;border:0;border-radius:50%;background:none;color:var(--navy);font-size:20px}.track{flex:1;height:5px;border-radius:999px;background:var(--mid);position:relative;overflow:hidden}.track i{position:absolute;inset:0 auto 0 0;border-radius:999px;background:var(--navy);transition:width .6s var(--spring)}.cnt{font:500 11px/1 var(--mono);color:var(--muted);min-width:24px;text-align:right}.scard{width:100%;margin-top:12px;flex:none}svg.art{display:block;width:100%;height:auto;overflow:visible}.kick{font:500 11px/16px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.hl{font-size:20px;line-height:27px;font-weight:500;color:var(--navy);letter-spacing:-.025em}.q{font-size:19px;line-height:26px;font-weight:500;color:var(--navy);letter-spacing:-.02em}.helper{margin-top:4px;font-size:13px;line-height:20px;color:var(--muted)}.hand{font:400 23px/28px var(--hand);color:var(--navy)}.dq{width:100%;text-align:left}.dq .hl{text-align:left}.dq .reply{margin-top:10px;display:flex;align-items:baseline;gap:8px}.dq .dash{flex:none;font:400 21px/26px var(--hand);color:var(--sky,#8fd0f7)}.dq .hand{font-size:21px;line-height:26px}.dqp{margin-top:12px;width:100%;text-align:left}.hand .w{display:inline-block;white-space:nowrap}.hand .l{display:inline-block;transform-origin:50% 70%}.plain{font-size:14px;line-height:21px}.spacer{flex:1;min-height:14px}.btn{flex:none;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:52px;border:0;border-radius:999px;background:var(--navy);color:#fff;font-size:15px;font-weight:600;transition:opacity .2s,transform .2s var(--ease)}.btn:active{transform:scale(.98)}.btn[disabled]{opacity:.35;cursor:default}.steps{white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:10px;font:400 10.5px/14px var(--mono);color:var(--muted)}.steps i{font-size:11px;color:var(--navy);opacity:.6}.steps b{font-weight:500;color:var(--navy)}.foot{flex:none;margin-top:16px;padding-top:12px;border-top:1px solid var(--rule);font-size:10.5px;line-height:15px;color:var(--muted);text-align:left}.foot b{color:var(--navy);font-weight:600}.opts{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:16px}.opt{display:flex;align-items:center;gap:10px;width:100%;min-height:56px;padding:8px 14px 8px 8px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--navy);font-size:15px;line-height:21px;font-weight:500;text-align:left;transition:border-color .2s,background-color .2s,box-shadow .2s,transform .3s var(--spring)}.opt.plain{padding-left:16px}.opt .ic{display:grid;place-items:center;width:40px;height:40px;border-radius:8px;background:var(--pale);flex:none;transition:transform .4s var(--spring),background-color .2s}.opt .ic i{font-size:21px;color:var(--navy)}.opt .tx{flex:1}.opt .mk{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--line);color:#fff;font-size:12px;flex:none;transition:all .28s var(--spring)}.opt.multi .mk{border-radius:6px}.opt .mk i{opacity:0;transform:scale(.4);transition:all .28s var(--spring)}.opt[aria-checked=true]{border-color:var(--navy);background:var(--pale);box-shadow:inset 0 0 0 1px var(--navy)}.opt[aria-checked=true] .ic{background:#fff;transform:rotate(-8deg) scale(1.12)}.opt[aria-checked=true] .mk{background:var(--navy);border-color:var(--navy);transform:scale(1.12)}.opt[aria-checked=true] .mk i{opacity:1;transform:none}.opt:active{transform:scale(.985)}.fact{font-size:24px;line-height:30px;font-weight:500;color:var(--navy);letter-spacing:-.025em}.body{font-size:15px;line-height:23px}.src{font:400 10px/14px var(--mono);color:var(--muted)}.peek{width:220px;height:280px;margin-top:12px;overflow:hidden;border-radius:30px 30px 0 0;-webkit-mask-image:linear-gradient(#000 72%,transparent);mask-image:linear-gradient(#000 72%,transparent);animation:peek .9s var(--spring) both .1s;flex:none}@keyframes peek{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}.peek img{width:220px;height:auto;display:block}.card{width:100%;padding:18px;border-radius:16px;background:#fff;border:1px solid var(--line);text-align:center}.plainhead{width:100%;text-align:center}.card h1,.card .nm,.plainhead h1,.plainhead .nm{margin-top:4px;font-size:22px;line-height:28px;font-weight:500;color:var(--navy);letter-spacing:-.025em}.plainhead .line,.card .line{margin-top:6px;font-size:15px;line-height:22px;font-weight:500;color:var(--navy)}.plainhead .bd,.card .bd{margin-top:6px;font-size:14px;line-height:22px}.sr{opacity:0;animation:rise .6s var(--spring) forwards}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.join{width:100%;margin-top:14px;padding:18px;border-radius:16px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;gap:14px;text-align:left}.free{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:999px;background:var(--green-bg);color:var(--green);font-size:12px;line-height:20px;font-weight:600}.join h2{margin-top:-4px;font-size:20px;line-height:26px;font-weight:600;color:var(--navy)}.check{display:flex;align-items:center;gap:12px;min-height:44px;font-size:14px;color:var(--navy);cursor:pointer}.check input{position:absolute;opacity:0;width:1px;height:1px}.check .box{flex:none;display:grid;place-items:center;width:22px;height:22px;border:1.5px solid var(--navy);border-radius:6px;background:#fff;color:#fff;font-size:12px;transition:background-color .2s}.check .box i{opacity:0;transform:scale(.4);transition:all .3s var(--spring)}.check input:checked+.box{background:var(--navy)}.check input:checked+.box i{opacity:1;transform:none}.opens{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;line-height:17px;color:var(--muted);text-align:center}.opens i{font-size:15px;color:var(--navy)}.sect{display:flex;align-items:center;gap:12px;width:100%;margin-top:26px;font:500 12px/16px var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--navy)}.sect:before,.sect:after{content:"";flex:1;height:1px;background:var(--line)}.sub{margin-top:6px;text-align:center;font-size:13px;line-height:20px;color:var(--muted)}.rail{display:flex;gap:14px;width:calc(100% + 40px);margin:12px -20px 0;padding:4px 20px 8px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;flex:none}.rail::-webkit-scrollbar{display:none}.slide{flex:0 0 214px;scroll-snap-align:center;display:flex;flex-direction:column;align-items:center;text-align:center}.slide .shot{width:196px;height:290px;overflow:hidden;border-radius:26px 26px 0 0;-webkit-mask-image:linear-gradient(#000 78%,transparent);mask-image:linear-gradient(#000 78%,transparent)}.slide img{width:196px;height:auto;display:block}.slide .slot{width:176px;height:280px;border:2px dashed #d99a00;border-radius:28px;background:#fff8e6;display:grid;place-items:center;padding:16px;font-size:12px;line-height:18px;color:#5c4300}.slide h3{margin-top:6px;font-size:15px;line-height:21px;font-weight:600;color:var(--navy)}.slide p{margin-top:2px;font-size:13px;line-height:19px}.dots{display:flex;justify-content:center;gap:6px;margin-top:4px}.dots span{width:6px;height:6px;border-radius:999px;background:var(--mid);transition:all .3s var(--spring)}.dots span.on{width:18px;background:var(--navy)}.doubt{width:100%;margin-top:22px;display:grid;grid-template-columns:96px 1fr;gap:14px;align-items:center;padding:16px;border-radius:16px;background:var(--pale);text-align:left}.doubt.noimg{grid-template-columns:44px 1fr}.doubt .thumb{width:96px;height:140px;overflow:hidden;border-radius:16px 16px 0 0;-webkit-mask-image:linear-gradient(#000 70%,transparent);mask-image:linear-gradient(#000 70%,transparent)}.doubt .thumb img{width:96px;height:auto;display:block}.doubt .lock{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#fff;color:var(--navy);font-size:22px}.said{display:inline-flex;align-items:center;gap:6px;font:500 10px/14px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.said i{font-size:14px;color:var(--navy)}.doubt h3{margin-top:4px;font-size:17px;line-height:23px;font-weight:600;color:var(--navy)}.doubt p{margin-top:4px;font-size:13px;line-height:20px}.faq{width:100%;margin-top:10px;border-top:1px solid var(--rule);text-align:left}.faq details{border-bottom:1px solid var(--rule)}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;font-size:14px;line-height:20px;font-weight:500;color:var(--navy);cursor:pointer;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary i{flex:none;font-size:16px;transition:transform .3s var(--ease)}.faq details[open] summary i{transform:rotate(45deg)}.faq details p{padding:0 30px 16px 0;font-size:14px;line-height:22px}.rooms{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;margin-top:12px}.rooms .slide{min-width:0}.rooms .slide .shot{width:100%;height:auto;aspect-ratio:196/250}.rooms .slide img{width:100%}.dock{position:sticky;bottom:0;z-index:3;width:calc(100% + 40px);margin:12px -20px -18px;padding:14px 20px max(14px,env(safe-area-inset-bottom));background:linear-gradient(rgba(244,251,255,0),var(--bg) 34%);opacity:0;transform:translateY(100%);pointer-events:none;transition:opacity .3s var(--ease),transform .4s var(--spring)}.dock.on{opacity:1;transform:none;pointer-events:auto}.join.plain{margin-top:18px;padding:0;border:0;border-radius:0;background:none;gap:10px}.again{width:100%;margin-top:22px;padding:20px;border-radius:16px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;gap:12px;align-items:center}.again p{font-size:17px;line-height:24px;font-weight:600;color:var(--navy)}.load{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px}.opts.L-bub{flex-direction:column;align-items:flex-start;gap:10px;margin-top:20px}.L-bub .opt{width:auto;max-width:86%;min-height:0;padding:12px 16px;border-radius:20px 20px 20px 6px;font-size:16px;line-height:22px;gap:10px}.L-bub .opt:nth-child(2){margin-left:28px}.L-bub .opt:nth-child(4){margin-left:14px}.L-bub .opt i.ph{font-size:18px;color:var(--navy);opacity:.6}.L-bub .opt[aria-checked=true]{background:var(--navy);border-color:var(--navy);color:#fff;box-shadow:none;transform:scale(1.03)}.L-bub .opt[aria-checked=true] i.ph{color:#fff;opacity:1}.opts.L-tile{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.L-tile .opt{position:relative;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:16px;min-height:132px;padding:16px;border-radius:16px;font-size:15px;line-height:20px}.L-tile .opt .ic{width:46px;height:46px;border-radius:12px}.L-tile .opt .ic i{font-size:26px}.L-tile .opt .tx{flex:none}.L-tile .opt .mk{position:absolute;top:12px;right:12px}.sentence{margin-top:20px;width:100%;font:500 22px/38px Poppins,sans-serif;letter-spacing:-.02em;color:var(--navy);text-align:left}.sentence .slot{display:inline-block;min-width:110px;padding:0 4px;border-bottom:2px dashed #8fd0f7;color:var(--muted);font-weight:400;line-height:30px;transition:all .3s var(--ease)}.sentence .slot.f{min-width:0;border-bottom:2px solid var(--navy);color:var(--navy);font-weight:500;background:linear-gradient(transparent 62%,var(--mid) 62%)}.sentence .and{opacity:.35;transition:opacity .3s}.L-chip .opt{padding-left:16px}.L-chip .opt .mk{border-radius:6px}.L-chip .opt[aria-disabled=true]{opacity:.45}.opts.L-pill{flex-direction:row;flex-wrap:wrap;gap:10px;margin-top:20px}.L-pill .opt{width:auto;min-height:48px;padding:10px 16px 10px 12px;border-radius:999px;gap:8px}.L-pill .pm{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--pale);font-size:13px;transition:all .28s var(--spring)}.L-pill .pc{display:none}.L-pill .opt[aria-checked=true]{background:var(--navy);border-color:var(--navy);color:#fff;box-shadow:none}.L-pill .opt[aria-checked=true] .pm{background:#fff;color:var(--navy);transform:rotate(360deg)}.L-pill .opt[aria-checked=true] .pc{display:inline-flex}.L-pill .opt[aria-checked=true] .pp{display:none}.qreply{display:flex;align-items:baseline;gap:8px;width:100%;margin-top:16px;min-height:30px;opacity:0;transform:translateY(6px);transition:all .4s var(--spring);text-align:left}.qreply.on{opacity:1;transform:none}.qreply .dash{font:400 21px/26px var(--hand);color:#8fd0f7}.qreply .hand{font-size:21px;line-height:26px}.spec{margin-top:58px;width:100%}.spec .trackline{position:relative;height:4px;margin:0 26px;border-radius:999px;background:var(--mid)}.spec .fill{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:var(--navy);transition:width .4s var(--spring)}.opts.L-stop{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:-30px}.L-stop .opt{flex-direction:column;justify-content:flex-start;gap:10px;min-height:0;padding:0 2px;border:0;background:none;box-shadow:none;font-size:13px;line-height:18px;text-align:center}.L-stop .opt .dot{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;border:1px solid var(--line);background:#fff;font-size:24px;transition:all .3s var(--spring)}.L-stop .opt[aria-checked=true]{background:none;box-shadow:none;font-weight:600}.L-stop .opt[aria-checked=true] .dot{background:var(--navy);border-color:var(--navy);color:#fff;transform:scale(1.12)}.spec .ends{margin-top:22px;display:flex;justify-content:space-between;font:400 19px/22px var(--hand);color:var(--muted)}@media(hover:hover)and (pointer:fine){.L-bub .opt[aria-checked=true]:hover,.L-pill .opt[aria-checked=true]:hover{background:var(--navy)}.L-stop .opt:hover{background:none;box-shadow:none}.L-stop .opt:hover .dot{border-color:#8fb8dc}}.breathe{transform-box:fill-box;transform-origin:50% 100%;animation:breathe 4.8s ease-in-out infinite}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.012,1.02)}}.cl-body{transform-box:fill-box;transform-origin:50% 100%}.idle-cl{animation:clidle 3.8s ease-in-out infinite}@keyframes clidle{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.squishy .cl-body{animation:squish 1.3s var(--spring) infinite}@keyframes squish{0%,to{transform:scale(1)}20%{transform:scale(1.14,.82)}40%{transform:scale(.95,1.07)}60%{transform:scale(1)}}.steam path{stroke-dasharray:4 5;animation:steam 1.8s linear infinite}@keyframes steam{to{stroke-dashoffset:-18}}.bub{transform-box:fill-box;transform-origin:20% 100%;animation:bub 6s var(--spring) infinite}.bub.b2{animation-delay:3s}@keyframes bub{0%,8%{opacity:0;transform:scale(.6)}14%,55%{opacity:1;transform:none}62%,to{opacity:0;transform:scale(.9)}}.bub.once{animation:bubonce .9s var(--spring) both 1.3s}@keyframes bubonce{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.typing circle{animation:dot 1.2s ease-in-out infinite}.typing circle:nth-child(2){animation-delay:.15s}.typing circle:nth-child(3){animation-delay:.3s}@keyframes dot{0%,to{opacity:.3}50%{opacity:1}}.live{animation:live 2s ease-in-out infinite}@keyframes live{0%,to{opacity:1}50%{opacity:.4}}.lean-r{transform-box:fill-box;transform-origin:50% 100%;animation:leanr .7s var(--spring) both .9s}.lean-l{transform-box:fill-box;transform-origin:50% 100%;animation:leanl .7s var(--spring) both .9s}@keyframes leanr{to{transform:rotate(5deg)}}@keyframes leanl{to{transform:rotate(-5deg)}}.you-in{transform-box:fill-box;transform-origin:50% 100%;animation:youin .8s var(--spring) both .2s}@keyframes youin{0%{opacity:0;transform:translateY(18px) scale(.94)}to{opacity:1;transform:none}}.hop{animation:hop .7s var(--spring) both .7s}@keyframes hop{0%{opacity:0;transform:translateY(-34px)}60%{opacity:1}to{opacity:1;transform:none}}.label-in{animation:labelin .5s var(--spring) both 1s}@keyframes labelin{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.lit{animation:lit 2.4s var(--spring) infinite;transform-box:fill-box;transform-origin:50% 100%}@keyframes lit{0%,60%,to{transform:none}30%{transform:translateY(-6px)}}.spin{transform-box:fill-box;transform-origin:50% 50%;animation:spin 3s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.sr{opacity:1}}i.ph,i.ph-bold{display:inline-flex;width:1em;height:1em;font-style:normal;line-height:1;vertical-align:-.125em}i.ph svg,i.ph-bold svg{width:1em;height:1em;fill:currentColor}.screen{padding-bottom:max(18px,env(safe-area-inset-bottom))}body.community-quiz-page [role=dialog][data-kl-scroll-locking-modal=true]{display:none!important}body.community-quiz-page.klaviyo-prevent-body-scrolling{overflow:auto!important;position:static!important}body.community-quiz-page [class*=kl-teaser-],body.community-quiz-page #PBarNextFrameWrapper{display:none!important}@media(min-width:768px){.screen{padding:24px 28px 28px}}@media(hover:hover)and (pointer:fine){.opt{cursor:pointer}.opt:hover{border-color:#8fb8dc;background:#fff;box-shadow:0 2px 10px -4px #0215502e}.opt[aria-checked=true]:hover{background:var(--pale)}.btn:not([disabled]):hover{background:#0b2470}.back:hover{background:var(--pale)}.faq summary:hover{color:#0b2470}.rail{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%;margin:12px 0 0;padding:4px 0 8px;overflow:visible}.rail .slide{flex:none;width:auto}.rail .slide .shot{width:100%;max-width:180px;height:260px}.rail .slide img{width:100%}.dots,.swipe-hint{display:none}}.getapp{display:flex;align-items:center;gap:16px;width:100%}.getapp .qr{flex:none;width:104px;height:104px}.getapp .qr svg{display:block;width:100%;height:100%}.getapp .qr svg rect,.getapp .qr svg path{fill:var(--navy)}.getapp .qr svg rect:first-child{fill:#fff}.ga-tx{display:flex;flex-direction:column;gap:6px;min-width:0}.ga-h{font-size:15px;line-height:20px;font-weight:600;color:var(--navy)}.ga-p{font-size:13px;line-height:18px;color:var(--muted)}.stores{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.store{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:999px;background:var(--navy);color:#fff;font-size:13px;font-weight:500;text-decoration:none}.store i{font-size:16px}.ga-web{display:inline-flex;align-items:center;gap:4px;margin-top:2px;font-size:13px;color:var(--navy);text-decoration:underline;text-underline-offset:3px}@media(max-width:360px){.getapp{flex-direction:column;align-items:flex-start}}.join.plain .ga-other{align-self:center;font-size:13px;line-height:18px;color:var(--navy);text-decoration:underline;text-underline-offset:3px}.btn i.ph-apple-logo,.btn i.ph-google-play-logo{font-size:18px}
/*# sourceMappingURL=/cdn/shop/t/98/assets/community-quiz.css.map */