@font-face{font-family:IQOS;src:url(/fonts/IQOS-Light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:block}@font-face{font-family:IQOS;src:url(/fonts/IQOS-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:IQOS;src:url(/fonts/IQOS-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:block}:root{--brand-blue: #263f94;--white: #fff}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}html,body,#root{height:100%;width:100%;overflow:hidden;overscroll-behavior:none;touch-action:manipulation;background:var(--brand-blue)}body{position:fixed;top:0;right:0;bottom:0;left:0;color:var(--white);font-family:IQOS,system-ui,sans-serif;font-weight:400;text-transform:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;text-align:inherit}.app{height:100vh;height:100dvh;width:100%;background:var(--brand-blue);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);overflow:hidden}.screen{height:100%;width:100%;transition:opacity .3s ease}.screen.in{opacity:1}.screen.out{opacity:0}h1,h2{font-weight:300;text-transform:uppercase;text-align:center;line-height:1.05}.intro{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.intro-title{font-size:min(15vw,9dvh);font-weight:700}.question{position:relative;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5dvh;padding:4dvh 0}.head{display:flex;flex-direction:column;align-items:center;gap:2dvh}.q-title{font-size:min(9vw,6dvh)}.subtitle{font-size:min(2.6vw,1.8dvh);text-align:center}.options{list-style:none;width:80%;display:flex;flex-direction:column;gap:2dvh}.pill{width:100%;min-height:72px;display:flex;align-items:center;gap:1.2em;padding:0 2em;border:1.5px solid var(--white);border-radius:999px;font-size:min(3vw,2.2dvh);transition:background .1s,color .1s}.pill .letter{min-width:1.6em}.pill .label{flex:1}.pill .arrow{display:flex}.pill.pressed{background:var(--white);color:var(--brand-blue)}.pill.pressed svg{stroke:var(--brand-blue)}.result{position:relative;height:100%;display:flex;flex-direction:column;align-items:center;padding:3dvh 8% 4dvh;gap:2dvh}.back{position:absolute;top:3dvh;left:5%;width:52px;height:52px;border:1px solid var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center}.r-label{margin-top:5dvh;text-transform:uppercase;letter-spacing:.15em;font-weight:400;font-size:min(2.4vw,1.7dvh)}.r-title{font-size:min(13vw,8dvh)}.r-desc{max-width:34em;text-align:center;font-size:min(2.8vw,2dvh);line-height:1.4}.card{flex:1;min-height:0;aspect-ratio:3 / 4;max-width:100%;margin-top:1dvh;border:1px solid var(--white);border-radius:20px;overflow:hidden}.card img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}@media (orientation: landscape){.options{width:min(80%,560px)}.q-title{font-size:6dvh}.intro-title{font-size:9dvh}.r-title{font-size:7dvh}}