:root{color-scheme:light;--background: #f8f1e8;--question: #3a2a22;--answer: #5f4a3f;--button: #b66a4a;--button-dark: #9a573d;--button-soft: rgba(182, 106, 74, .14);--border: rgba(95, 74, 63, .26);--shadow: 0 22px 70px rgba(58, 42, 34, .11)}*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--question);font-family:Georgia,Times New Roman,serif;overflow:hidden;-webkit-text-size-adjust:100%}button,input{font:inherit}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.16em}.app{height:100vh;min-height:100vh;overflow-x:hidden;overflow-y:hidden}.topbar{display:grid;gap:10px;left:50%;max-width:1120px;padding:24px 28px 0;position:fixed;top:0;transform:translate(-50%);width:100%;z-index:5}.progress{background:#5f4a3f38;border-radius:999px;height:5px;overflow:hidden;position:relative;width:100%}.progressTrack,.progressFill{border-radius:inherit;display:block;height:100%;left:0;position:absolute;top:0}.progressFill{background:var(--button);transition:width .42s cubic-bezier(.22,1,.36,1)}.progressText{color:#5f4a3fc7;font-size:14px;font-weight:700;justify-self:end;line-height:1;margin:0}.srOnly{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.navigator{bottom:24px;display:flex;gap:8px;position:fixed;right:28px;z-index:6}.navButton{align-items:center;background:#ffffff73;border:1px solid var(--border);border-radius:12px;color:var(--question);cursor:pointer;display:inline-flex;font-size:20px;font-weight:700;height:42px;justify-content:center;line-height:1;padding:0;transition:background .16s ease,border-color .16s ease,opacity .16s ease,transform .16s ease;width:42px}.navButton:hover:not(:disabled),.navButton:focus-visible{background:var(--button-soft);border-color:var(--button);outline:none;transform:translateY(-1px)}.navButton:disabled{cursor:default;opacity:.38}.screen{align-items:center;display:flex;height:100vh;justify-content:center;min-height:100vh;overflow:hidden;padding:82px 28px 72px}.welcomeScreen,.thanksScreen,.statementScreen{align-items:center;display:flex;flex-direction:column;gap:22px;justify-content:center;margin:0 auto;max-width:760px;text-align:center}.screenContent{max-width:720px;min-height:0;width:100%}.screen.forward .screenContent,.screen.forward .mediaFrame{animation:slideFromTop .52s cubic-bezier(.16,1,.3,1) both}.screen.back .screenContent,.screen.back .mediaFrame{animation:slideFromBottom .52s cubic-bezier(.16,1,.3,1) both}.centered{text-align:center}.mediaFrame{aspect-ratio:1 / 1;background:#ffffff5c;border-radius:22px;box-shadow:var(--shadow);min-height:0;overflow:hidden;width:min(42vh,430px)}.thanksMedia{aspect-ratio:4 / 3;width:min(40vh,500px)}.statementMedia{aspect-ratio:4 / 3;width:min(25vh,360px)}.mediaFrame img{display:block;height:100%;object-fit:cover;width:100%}.questionCount{color:var(--button);font-size:22px;line-height:1.2;margin:0 0 18px}h1{color:var(--question);font-size:clamp(32px,4.2vw,54px);font-weight:700;letter-spacing:0;line-height:1.08;margin:0}.description{color:var(--answer);font-size:clamp(19px,1.8vw,25px);line-height:1.45;margin:20px 0 0}.richText p{margin:0 0 22px}.richText p:last-child{margin-bottom:0}.choiceList{display:grid;gap:12px;margin-top:28px}.choice{align-items:center;background:#ffffff6b;border:1px solid var(--border);border-radius:18px;color:var(--answer);cursor:pointer;display:flex;gap:16px;line-height:1.35;padding:18px 20px;text-align:left;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.choice:focus-visible,.choice.selected{background:var(--button-soft);border-color:var(--button);box-shadow:0 10px 26px #b66a4a1f;outline:none;transform:translateY(-1px)}.choice:disabled{cursor:default;opacity:1;pointer-events:none}@media(hover:hover)and (pointer:fine){.choice:hover{background:var(--button-soft);border-color:var(--button);box-shadow:0 10px 26px #b66a4a1f;outline:none;transform:translateY(-1px)}}.formStep{max-width:720px}.textInput{background:transparent;border:0;border-bottom:2px solid rgba(95,74,63,.45);color:var(--question);display:block;font-size:clamp(26px,4vw,42px);line-height:1.2;margin-top:40px;outline:none;padding:12px 0;width:100%}.textInput:focus{border-color:var(--button)}.textInput::placeholder{color:#5f4a3f6b}.error{color:#9f3328;font-size:17px;margin:14px 0 0}.primaryButton{align-items:center;background:var(--button);border:0;border-radius:15px;color:#fffaf4;cursor:pointer;display:inline-flex;font-size:18px;font-weight:700;justify-content:center;line-height:1;margin-top:28px;min-height:54px;padding:17px 28px;text-decoration:none;transition:background .16s ease,transform .16s ease,box-shadow .16s ease}.primaryButton:hover,.primaryButton:focus-visible{background:var(--button-dark);box-shadow:0 14px 30px #b66a4a40;outline:none;transform:translateY(-1px)}.statement{max-width:700px;text-align:center}.statement h1{font-size:clamp(30px,3.4vw,46px)}.statement .description{font-size:clamp(18px,1.55vw,22px);line-height:1.38;margin-top:16px}.statement .richText p{margin-bottom:16px}.statement .primaryButton{margin-top:14px}.actionBar{display:contents}.thanksTitle{color:var(--question);font-size:clamp(32px,4vw,52px);font-weight:700;letter-spacing:0;line-height:1.08}.thanksTitle p{margin:0 0 22px}@keyframes slideFromBottom{0%{opacity:0;transform:translateY(86px) scale(.985)}to{opacity:1;transform:translateY(0)}}@keyframes slideFromTop{0%{opacity:0;transform:translateY(-86px) scale(.985)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;scroll-behavior:auto!important;transition-duration:1ms!important}}@media(max-width:760px){:root{--mobile-browser-bottom: 88px}body{overflow-x:hidden;overflow-y:auto}.app{height:auto;min-height:100svh;overflow:visible}.topbar{background:var(--background);box-shadow:0 14px 24px #f8f1e8f0;padding:calc(env(safe-area-inset-top,0px) + 14px) 18px 10px}.progressText{display:none}.navigator{bottom:calc(env(safe-area-inset-bottom,0px) + var(--mobile-browser-bottom));right:16px}.navigator.question{bottom:auto;right:18px;top:calc(env(safe-area-inset-top,0px) + 58px)}.navigator.result,.navigator.letter,.navigator.thanks{left:20px;right:auto}.navigator.result .navButton:last-child,.navigator.letter .navButton:last-child,.navigator.thanks .navButton:last-child{display:none}.navButton{border-radius:11px;height:40px;width:40px}.screen{height:auto;min-height:100svh;overflow:visible;overscroll-behavior:contain;padding:calc(env(safe-area-inset-top,0px) + 94px) 20px calc(env(safe-area-inset-bottom,0px) + 174px);scroll-padding-bottom:calc(env(safe-area-inset-bottom,0px) + 174px);scroll-padding-top:calc(env(safe-area-inset-top,0px) + 82px);-webkit-overflow-scrolling:touch}.welcomeScreen,.thanksScreen{gap:30px;justify-content:center}.statementScreen{gap:18px;justify-content:flex-start}.mediaFrame{aspect-ratio:16 / 10;border-radius:22px;width:100%}.thanksMedia{aspect-ratio:4 / 3}.centered{text-align:left}h1{font-size:clamp(30px,8.8vw,38px);line-height:1.1}.description{font-size:19px}.choice{border-radius:15px;padding:15px}.statementMedia{width:min(100%,320px)}.statement{padding-bottom:0;text-align:left}.statement h1{font-size:clamp(28px,8vw,34px)}.statement .description{font-size:16.5px;line-height:1.3;margin-top:14px}.statement .questionCount{font-size:20px;margin-bottom:10px}.statement .richText p{margin-bottom:13px}.statement .primaryButton{margin-top:0;min-height:58px;width:auto}.statementScreen .actionBar,.thanksScreen .actionBar{background:linear-gradient(180deg,rgba(248,241,232,0) 0%,rgba(248,241,232,.96) 38%,var(--background) 100%);bottom:0;display:flex;left:0;padding:28px 20px calc(env(safe-area-inset-bottom,0px) + var(--mobile-browser-bottom)) 96px;pointer-events:none;position:fixed;right:0;z-index:5}.statementScreen .actionBar .primaryButton,.thanksScreen .actionBar .primaryButton{border-radius:999px;flex:1;margin-top:0;min-height:58px;pointer-events:auto;width:auto}.thanksScreen{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 174px)}}