*{box-sizing:border-box}html,body{min-height:100%;margin:0;font-family:DM Sans,sans-serif}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}:is(button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible){outline-offset:5px;outline:3px solid}h1:focus{outline:none}.survey{color:#fff8e9;flex-direction:column;min-height:100svh;padding:24px max(24px,50vw - 460px);transition:background .65s cubic-bezier(.22,1,.36,1);display:flex}.orange{color:#191719}header{justify-content:space-between;align-items:center;gap:16px;display:flex}header>span{letter-spacing:.13em;text-align:right;font-size:10px}.logo{background:#fff8e9;border-radius:60px;flex-shrink:0;padding:13px 22px;display:block}.logo img{width:110px;height:auto;display:block}.progress{background:#ffffff40;height:2px;margin-top:26px}.orange .progress{background:#19171930}.progress i{background:currentColor;height:3px;transition:width .6s;display:block}.content{flex:1;width:100%;max-width:620px;margin:54px auto 32px;animation:.65s both reveal}h1{letter-spacing:-.02em;margin:10px 0 26px;font-family:Great Vibes,cursive;font-size:clamp(58px,8vw,92px);font-weight:400;line-height:1.1}.eyebrow{letter-spacing:.17em;margin-bottom:26px;font-size:10px;display:block}p{font-size:17px;line-height:1.65}.question{margin-bottom:10px;font-size:21px;line-height:1.45}.hint{opacity:.85;margin-bottom:24px;font-size:12px}.answers{gap:11px;display:grid}.choice,input,textarea{color:#191719;text-align:left;background:#fff8e9;border:2px solid #0000;border-radius:40px;width:100%;min-height:56px;padding:16px 23px}.choice{justify-content:space-between;align-items:center;gap:16px;transition:transform .15s,background .15s;display:flex}.choice:hover{transform:translateY(-2px)}.choice.selected{color:#fff8e9;background:#191719;border-color:#fff8e9}.check{flex-shrink:0;font-size:22px}.next{color:#191719;background:#fff8e9;border:none;border-radius:60px;justify-content:space-between;width:100%;min-height:62px;margin-top:26px;padding:18px 26px;font-size:18px;font-weight:600;display:flex}.next:hover{background:#fff}.next:disabled{opacity:.65;cursor:wait}.back{color:inherit;background:0 0;border:0;margin:22px auto 0;padding:10px;font-size:14px;display:block}.error{min-height:0;margin:16px 0 0;font-size:14px}.error:empty{display:none}textarea{resize:vertical;border-radius:25px;min-height:180px;line-height:1.6}.sr{font-size:0}.sr input{font-size:18px}.micro{text-align:center;opacity:.9;margin-top:20px;font-size:11px;line-height:1.7}footer{letter-spacing:.1em;text-align:center;opacity:.65;margin:20px 0 0;font-size:10px}.lead{font-size:22px}.endline{margin-top:50px;font-family:Great Vibes,cursive;font-size:42px}.admin{color:#191719;background:#fff8e9;min-height:100vh;padding:40px max(24px,50vw - 400px)}.admin h1{font-size:64px}.admin details{border-bottom:1px solid #ccc;padding:18px 0}.admin summary{cursor:pointer}.admin meter{width:100%;display:block}.admin strong{float:right}.admin a{color:#243de8}@keyframes reveal{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (max-width:500px){.survey{padding:20px 22px}.content{margin-top:38px}h1{font-size:64px}.question{font-size:19px}.choice{padding:14px 19px;font-size:15px}.logo img{width:92px}.logo{padding:11px 18px}header>span{max-width:130px;font-size:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}html{background:#243de8;overflow-x:clip}body{overflow-x:clip}.survey{width:100%;min-width:0;max-width:100%}.content{min-width:0}h1{overflow-wrap:anywhere;max-width:100%}.intro-title-line{font-size:.72em;line-height:1.3;display:block}.choice span:first-child{overflow-wrap:anywhere;min-width:0}header>span{min-width:0}@media (max-width:500px){h1{margin-bottom:22px;font-size:clamp(42px,12vw,58px);line-height:1.16}.intro-title-line{font-size:clamp(32px,8.5vw,42px);line-height:1.45}.content{margin-top:30px}.eyebrow{letter-spacing:.12em;font-size:9px}header>span{max-width:115px}.question{font-size:18px}input,textarea{font-size:16px}}.intro{text-align:center}.intro h1{font-size:clamp(46px,7vw,76px);line-height:1.18}.intro .intro-title-line{font-size:1em;line-height:1.18}.intro p{max-width:560px;margin-left:auto;margin-right:auto}.intro .eyebrow{line-height:1.6}.intro .next{justify-content:center;gap:24px}@media (max-width:500px){.intro h1{font-size:clamp(44px,12vw,58px)}.intro .intro-title-line{font-size:1em;line-height:1.18}.intro p{max-width:340px}}
