:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:0rem 1rem;text-align:center}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.scorecard-container{max-width:1000px;margin:0 auto;font-family:sans-serif}.fade-slide-enter-active,.fade-slide-leave-active{transition:opacity .5s,transform .5s}.fade-slide-enter,.fade-slide-leave-to{opacity:0;transform:translateY(10px)}.question{display:flex;align-items:flex-start;gap:16px;text-align:left;margin-bottom:2rem}.question-step{background-color:#1e1e1e;color:#cf0;font-weight:600;font-size:26px;padding:6px 10px 29px 30px;display:flex;align-items:center;justify-self:flex-end;line-height:1;font-family:TT Commons,sans-serif}.question-text{color:#1e1e1e;font-size:38px;font-weight:500;line-height:40px;font-family:TT Commons,sans-serif}.subtext{color:#999;font-size:30px;line-height:32px;margin-top:6px;font-family:TT Commons,sans-serif}.non-scored-question{color:#1e1e1e;font-size:40px;font-weight:500;line-height:1.4;font-family:TT Commons,sans-serif;text-align:left}.answers{display:flex;flex-direction:column;gap:16px;margin-top:24px;margin-bottom:50px}.answers button{padding:18px 24px;border:1px solid #2c2c2c;border-radius:999px;background-color:#fff;color:#2c2c2c;font-size:20px;font-weight:500;font-family:TT Commons,sans-serif;cursor:pointer;text-align:center;outline:none}.answers button.selected{background-color:#1e1e1e;color:#c6ff00;border-color:#1e1e1e}.answers-2{display:flex;flex-direction:row;gap:16px;margin-top:24px;margin-bottom:50px;justify-content:center}.answers-2 button{padding:18px 200px;border:1px solid #2c2c2c;border-radius:999px;background-color:#fff;color:#2c2c2c;font-size:20px;font-weight:500;font-family:TT Commons,sans-serif;cursor:pointer;text-align:center;outline:none}.answers-2 button.selected{background-color:#1e1e1e;color:#c6ff00;border-color:#1e1e1e}.progress-container{position:relative;left:50%;transform:translate(-50%);width:clamp(700px,80vw,1300px);display:flex;align-items:center;margin-top:5rem;gap:3rem;box-sizing:border-box}.progress{flex:1;height:1px;background:#1e1e1e;position:relative;overflow:visible}.bar{position:absolute;top:-8px;left:0;height:16px;border-radius:999px}.h2-question{display:none}.h2-score{margin-top:2rem;margin-bottom:1.5rem;color:#1e1e1e;font-size:50px;font-weight:500;line-height:1.4;font-family:TT Commons,sans-serif}.label-right,.label-right a{font-size:1rem;font-weight:600;color:#333;white-space:nowrap}.preparing-score{margin-top:1rem;display:flex;align-items:center}.thin-line{flex:1;height:1px;background-color:#ccc;border:none}.preparing-score .label-right{margin-left:1rem;font-size:.9rem;color:#333}.highlight{background-color:#1e1e1e;color:#cf0;font-weight:600;font-size:50px;padding:8px 0;display:inline-block;line-height:1;font-family:TT Commons,sans-serif}.highlight.completed{font-size:38px;font-weight:500;line-height:40px}.scorecard-form{display:flex;align-items:center;gap:16px;margin-top:2rem}.scorecard-form input{flex:1;padding:16px 24px;border:1px solid #2c2c2c;border-radius:999px;font-size:16px;font-family:TT Commons,sans-serif;outline:none;color:#1e1e1e;background-color:#fff}.scorecard-form input::placeholder{font-weight:400}.scorecard-form button{padding:16px 32px;border:none;border-radius:999px;font-size:16px;font-weight:500;color:#fff;background:linear-gradient(to right,#f9fda8,#c4e61e,#7eb400,#162400)}.error{color:red;margin-top:1rem}.text-align-left{text-align:left}@media (max-width: 1240px){.progress-container{width:100%}}@media (max-width: 1024px){.question-text{font-size:42px;line-height:50px}.question-step{font-size:26px;padding:10px 14px}.answers button{font-size:18px}.progress-container{width:100%}.scorecard-form{flex-direction:column;align-items:center}.scorecard-form input{width:calc(100% - 48px)}.scorecard-form button{width:100%}.non-scored-question{font-size:42px;line-height:50px}}@media (max-width:950px){.non-scored-question{font-size:42px;line-height:52px}.answers-2{display:flex;flex-direction:column;gap:10px;margin-top:24px;margin-bottom:50px;justify-content:center}.answers-2 button{padding:18px 150px;width:100%}}@media (max-width: 600px){.question-text,.non-scored-question,.h2-score,.h2-score .highlight{font-size:32px;line-height:42px}.subtext{font-size:26px}.question-step{font-size:26px;padding:8px 12px}.answers button{font-size:16px;padding:12px 20px}.scorecard-form{flex-direction:column;align-items:center}.non-scored-question{font-size:32px;line-height:42px}.answers-2{flex-direction:column;align-items:center}}@media (max-width: 500px){.question{margin-bottom:1rem}.question-text,.non-scored-question{font-size:24px;line-height:32px}.h2-score,.h2-score .highlight,.highlight.completed{font-size:24px;line-height:32px;padding:2px 0}.subtext{font-size:26px}.question-step{font-size:26px;padding:8px 12px}.answers{margin-bottom:30px}.answers button{font-size:16px;padding:12px 20px}.scorecard-form,.answers-2{flex-direction:column;align-items:center}.progress-container{margin-top:3rem}}