@import"https://fonts.googleapis.com/css2?family=Google+Sans:wght@300;400;500;600;700&display=swap";.app{--frame-base-w: 1080;--frame-base-h: 1920;--frame-scale: calc(var(--viewport-h) / (var(--frame-base-h) * 1px));min-height:var(--viewport-h);height:var(--viewport-h);padding:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);overflow:hidden;position:relative}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;z-index:9999;pointer-events:all}.tablet-frame{width:calc(var(--frame-base-w) * 1px * var(--frame-scale));height:var(--viewport-h);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;opacity:0;transition:opacity .5s ease}.tablet-frame.loaded{opacity:1}.tablet{width:calc(var(--frame-base-w) * 1px);height:calc(var(--frame-base-h) * 1px);background:var(--surface);border-radius:0;border:none;padding:0;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%) scale(var(--frame-scale));transform-origin:top center}.content{flex:1;display:grid;gap:18px}.panel{--panel-pad: 20px;--panel-gap: 3rem;background:var(--panel-bg);border:none;border-radius:0;padding:var(--panel-pad) var(--panel-pad) var(--panel-gap);display:grid;grid-template-rows:1fr auto 1fr;gap:var(--panel-gap);min-height:100%;animation:floatIn .5s ease;position:relative;overflow:hidden}.panel:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;z-index:.5;border-radius:0}.panel.fade-out{animation:floatOut .5s ease forwards}.screen-image{position:absolute;top:0;left:0;right:0;width:100%;height:100%;display:block;border-radius:0;animation:floatIn .5s ease;object-fit:cover;z-index:0;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.panel>h2,.panel>.question-header,.panel>.welcome-text,.panel>.option-grid,.panel>.instruction-footer,.panel>.cta,.panel>.cta-row,.panel>.result-header,.panel>.result-options{position:relative;z-index:1}.panel>.cta{justify-self:center;margin-top:25rem}.welcome-text{display:flex;flex-direction:column;gap:0;text-align:center;align-items:center;justify-content:center}.panel:not(.result-panel)>.welcome-text{transform:translateY(23rem)}.panel:not(.result-panel) .welcome-text .lead{margin-top:1.5rem}.result-panel{text-align:center;grid-template-rows:auto 1fr auto!important;gap:13rem}.result-header{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:30rem;text-align:center;grid-row:1}.result-prompt{margin:0;font-family:var(--font-display);font-weight:900;font-size:4rem;line-height:1.05;letter-spacing:.02em;text-transform:uppercase;color:#fff}.result-options{display:grid;grid-template-columns:1fr;gap:5rem;margin-left:9rem;margin-right:9rem;align-self:start;grid-row:2}.result-panel>.instruction-footer{grid-row:3}.result-button{border:none;border-radius:22px;padding:2rem 1.8rem;background:var(--button-bg);cursor:pointer;transition:background-color .2s ease,color .2s ease;color:var(--ink);font-weight:700;font-size:2.5rem;font-family:var(--font-display);text-align:center;width:100%;min-height:110px;max-height:170px;animation:floatIn .5s ease;display:flex;align-items:center;justify-content:center}.result-button:hover{box-shadow:none}.result-button:active{background:var(--button-active-bg);color:var(--button-active-ink)}.result-label{display:block}.eyebrow{font-size:1.8rem;color:var(--ink);font-weight:700;font-family:var(--font-display);animation:floatIn .5s ease}h1,h2{color:var(--ink);font-family:var(--font-display);font-weight:700;margin:0;animation:floatIn .5s ease}h1{font-size:4.5rem;line-height:1.15;letter-spacing:.02em}.welcome-title{display:flex;flex-direction:column;align-items:center;gap:1.25rem;text-transform:uppercase}.welcome-title-main{display:block;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:9rem;line-height:.98;letter-spacing:.01em;max-width:12ch;color:#fff}.welcome-title-sub{display:block;font-size:3rem;line-height:1.05;letter-spacing:.02em;color:#fff}h2{font-size:3rem;line-height:1.15}.question-header{display:grid;gap:4.5rem;text-align:center;align-content:start;margin-left:5rem;margin-right:5rem;margin-top:15rem}.question-prompt{margin:0;font-family:var(--font-display);font-weight:900;font-size:4.5rem;line-height:1.05;letter-spacing:.02em;text-transform:uppercase;color:#fff}.question-title{margin:0;font-family:var(--font-display);font-weight:700;font-size:3rem;line-height:1.25;color:#fff}.lead{font-size:1.8rem;color:var(--ink);font-weight:700;font-family:var(--font-display);max-width:480px;animation:floatIn .5s ease}.progress{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:space-between;color:var(--ink);font-size:1.3rem;font-weight:700;font-family:var(--font-display);padding-bottom:.5rem}.pill{padding:.7rem 1.5rem;border-radius:999px;background:var(--pill-bg);color:var(--ink);font-weight:700;font-size:1.2rem;font-family:var(--font-display);border:1px solid var(--border)}.option-grid{display:grid;grid-template-columns:1fr;gap:5rem;margin-top:5rem;align-self:end;margin-left:9rem;margin-right:9rem}.timer-pill{position:relative;overflow:hidden;background:transparent;height:14px;border-radius:999px}.timer-pill:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:100%;background:#fff;border-radius:999px;transform:translate(-50%);animation:timerDrain 30s linear forwards;z-index:0}.timer-pill .pill-text{position:relative;z-index:1;color:#fff;mix-blend-mode:difference}.option-button{border:none;border-radius:22px;padding:2rem 1.8rem;background:var(--button-bg);color:var(--ink);font-weight:700;font-size:2.5rem;font-family:var(--font-display);text-align:left;cursor:pointer;transition:background-color .2s ease,color .2s ease;width:100%;min-height:110px;max-height:170px;animation:floatIn .5s ease}.option-button:hover{box-shadow:none}.option-button:active{background:var(--button-active-bg);color:var(--button-active-ink)}.option-button.selected{background:var(--button-active-bg);color:var(--button-active-ink);box-shadow:none}.option-label{display:block}.cta-row{display:grid;gap:.75rem;width:100%;grid-template-columns:minmax(0,1fr)}.instruction-footer{display:flex;justify-content:center;padding-top:1rem;margin-top:auto;margin-left:9rem;margin-right:9rem}.instruction-footer .pill{padding:1.4rem 1.8rem;border-radius:22px;background:var(--button-bg);color:var(--ink);font-weight:700;font-size:1.8rem;font-family:var(--font-display);border:none;display:flex;align-items:center;justify-content:center;width:100%;animation:floatIn .5s ease;max-height:86px}.instruction-footer .timer-pill{padding:0;background:transparent;border:none;width:100%;height:14px;max-height:14px}.cta,.ghost{border-radius:50%;width:240px;height:240px;min-height:240px;max-height:240px;padding:0;background:var(--button-bg);font-weight:700;font-size:1.2rem;font-family:var(--font-display);cursor:pointer;border:2px solid var(--button-border);transition:box-shadow .2s ease,border-color .2s ease,background-color .2s ease,color .2s ease;text-align:center;color:var(--ink);display:flex;align-items:center;justify-content:center;animation:floatIn .5s ease;flex-shrink:0}.cta{width:280px;height:280px;min-height:280px;max-height:280px;font-size:3rem;background:#fff;border-color:#fff;color:#3f1d86;box-shadow:none}.cta:hover{box-shadow:none}.cta:active{background:var(--button-active-bg);color:var(--button-active-ink);border-color:var(--button-active-bg)}.ghost{box-shadow:none}.ghost:hover{border-color:var(--ink);box-shadow:none}@keyframes floatIn{0%{opacity:0}to{opacity:1}}@keyframes floatOut{0%{opacity:1}to{opacity:0}}@keyframes timerDrain{0%{width:100%}to{width:0%}}:root{font-family:Google Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.6;color:#111;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--viewport-w: 100vw;--viewport-h: 100vh;--page-bg: #ffffff;--ink: #111111;--muted: #6a6a6a;--accent: #111111;--teal: #1a9b9b;--surface: #ffffff;--panel-bg: #ffffff;--pill-bg: #f2f2f2;--border: #e4e4e4;--hairline: #dcdcdc;--border-strong: #111111;--timer-fill: #111111;--button-bg: #ffffff;--button-border: #111111;--button-active-bg: #5125b9;--button-active-ink: #ffffff;--toggle-bg: #111111;--toggle-ink: #ffffff;--shadow-soft: 0 8px 24px rgba(0, 0, 0, .08);--shadow-lg: 0 20px 50px rgba(0, 0, 0, .12);--font-display: "Google Sans", "Helvetica Neue", Helvetica, Arial, sans-serif}@supports (height: 100svh){:root{--viewport-h: 100svh}}body[data-theme=dark]{color:#eee;background-color:#000;--page-bg: #000000;--ink: #eeeeee;--muted: #959595;--accent: #eeeeee;--teal: #e56464;--surface: #000000;--panel-bg: #000000;--pill-bg: #0d0d0d;--border: #1b1b1b;--hairline: #232323;--border-strong: #eeeeee;--timer-fill: #eeeeee;--button-bg: #000000;--button-border: #eeeeee;--button-active-bg: #eeeeee;--button-active-ink: #000000;--toggle-bg: #eeeeee;--toggle-ink: #000000;--shadow-soft: 0 8px 24px rgba(255, 255, 255, .08);--shadow-lg: 0 20px 50px rgba(255, 255, 255, .12)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:var(--viewport-h);background:var(--page-bg);overflow:auto}html,body,#root{height:100%;overflow:auto}#root{min-height:var(--viewport-h)}p{margin:0}