@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap");*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:Poppins,sans-serif;min-height:100vh;background:#fff}.screen{min-height:100vh;align-items:center;justify-content:center;padding:24px 16px;position:relative;background-color:#003d00;background-image:url(/smoky-bg.png);background-size:cover;background-position:50%;background-repeat:no-repeat}.screen,.screen-content{display:flex;flex-direction:column}.screen-content{width:100%;max-width:640px;align-items:stretch}.screen-content.wide{max-width:900px}.corner-logo{position:absolute;top:20px;right:20px;height:40px;width:auto;z-index:5}.hero-graphic{display:block;max-width:100%;height:auto;margin:0 auto -40px}.top-progress{display:flex;align-items:center;gap:10px;padding:10px 16px;margin-bottom:12px;background:rgba(0,20,0,.55);border-radius:12px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.top-progress .progress-bar{margin-bottom:0;flex:1 1}.progress-segments{flex:1 1;display:flex;gap:3px}.progress-segment{flex:1 1;height:6px;min-width:2px;border-radius:3px;background:hsla(0,0%,100%,.2);transition:background .2s ease}.progress-segment.filled{background:#face36}.progress-pct{color:#fff;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;min-width:34px;text-align:right}.card{width:100%;max-width:900px;background:rgba(0,61,0,.55);border-radius:16px;padding:32px 24px;color:#f0f0e8}.prose-width{max-width:640px}.heading{font-family:Poppins,sans-serif;font-weight:700;font-size:clamp(18px,4vw,24px);margin:0 0 16px}.card-inner{transition:opacity .18s ease,transform .18s ease;opacity:1;transform:translateY(0)}.card-leaving{opacity:0;transform:translateY(-8px)}.card-entering{opacity:0;transform:translateY(8px);transition:none}.question-text{font-family:Poppins,sans-serif;font-weight:400;font-size:clamp(18px,2.8vw,24px);line-height:1.4;white-space:pre-wrap;margin:0 0 20px}.intro-text{font-size:clamp(16px,2.4vw,20px)}.question-kicker{font-family:Poppins,sans-serif;font-weight:700;font-size:13px;color:#face36;margin:0 0 8px}.question-hint{font-family:Poppins,sans-serif;font-weight:400;font-size:12px;color:hsla(0,0%,100%,.7);margin:-14px 0 20px}.progress-bar{height:6px;width:100%;background:hsla(0,0%,100%,.2);border-radius:4px;margin-bottom:20px;overflow:hidden}.progress-fill{height:100%;background:#face36;transition:width .3s ease}.option-grid{display:grid;grid-template-columns:1fr;grid-gap:0 10px;gap:0 10px}@media (min-width:560px){.option-grid{grid-template-columns:1fr 1fr}}.option{display:block;width:100%;text-align:left;background:rgba(0,61,0,.55);border:2px solid hsla(0,0%,100%,.6);border-radius:24px;color:#f0f0e8;font-family:Poppins,sans-serif;font-size:clamp(13px,2.2vw,15px);padding:12px 14px;margin-bottom:10px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.option:hover{transform:translateY(-2px);border-color:#face36;box-shadow:0 4px 10px rgba(0,0,0,.25)}.option:active{transform:scale(.96);transition:transform 80ms ease}.option.selected{background:#face36;color:#545454;border-color:#face36;font-weight:600}.card input[type=email],.card input[type=text],.card select{width:100%;padding:12px 14px;border-radius:10px;border:3px solid #fff;background:hsla(0,0%,100%,.08);color:#fff;font-family:Poppins,sans-serif;font-size:16px;margin-bottom:16px}.card select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'><path d='M7 10l5 5 5-5z'/></svg>");background-repeat:no-repeat;background-position:right 14px center;background-size:18px;padding-right:40px}.card select option{color:#1a1a1a;background:#fff}.card input::placeholder{color:hsla(0,0%,100%,.6)}.btn{display:inline-block;background:#face36;color:#545454;font-family:Poppins,sans-serif;font-weight:600;font-size:14px;border:none;border-radius:24px;padding:12px 28px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,0,0,.25);filter:brightness(1.05)}.btn:active:not(:disabled){transform:scale(.96);transition:transform 80ms ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-row{display:flex;justify-content:space-between;align-items:center;margin-top:8px;gap:12px}.intro-btn-row{margin-top:20px}.btn-secondary{background:transparent;color:#fff;border:2px solid #fff}.scale-row{display:flex;justify-content:space-between;gap:8px;margin-bottom:16px}.scale-btn{flex:1 1;aspect-ratio:1;border-radius:16px;border:2px solid hsla(0,0%,100%,.6);background:rgba(0,61,0,.55);color:#f0f0e8;font-family:Poppins,sans-serif;font-weight:700;font-size:clamp(14px,2.4vw,16px);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.scale-btn:hover{transform:translateY(-2px);border-color:#face36;box-shadow:0 4px 10px rgba(0,0,0,.25)}.scale-btn:active{transform:scale(.96);transition:transform 80ms ease}.scale-btn.selected{background:#face36;color:#545454;border-color:#face36}.scale-labels{display:flex;justify-content:space-between;font-size:11px;opacity:.85;margin-bottom:16px}.error-text,.scale-labels{font-family:Poppins,sans-serif}.error-text{color:#ffb3b3;font-size:13px;margin-bottom:12px}.confetti-wrap{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:30}.confetti-piece{position:absolute;top:-10px;width:8px;height:14px;opacity:.9;animation-name:confetti-fall;animation-timing-function:ease-in;animation-fill-mode:forwards}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0deg);opacity:1}to{transform:translateY(110vh) rotate(1turn);opacity:0}}@keyframes confetti-fall-from-left{0%{transform:translate(0) rotate(0deg);opacity:1}to{transform:translate(70vw,90vh) rotate(1turn);opacity:0}}@keyframes confetti-fall-from-right{0%{transform:translate(0) rotate(0deg);opacity:1}to{transform:translate(-70vw,90vh) rotate(1turn);opacity:0}}.restore-toast-backdrop{position:fixed;inset:0;background:rgba(0,20,0,.5);display:flex;align-items:center;justify-content:center;z-index:20;padding:16px}.restore-toast{background:#003d00;border:2px solid #face36;border-radius:14px;padding:24px;max-width:340px;width:100%;text-align:center;box-shadow:0 8px 24px rgba(0,0,0,.35)}.restore-toast p{color:#fff;font-size:14px;margin:0 0 16px}.app-footer,.restore-toast p{font-family:Poppins,sans-serif}.app-footer{text-align:center;margin-top:16px;color:hsla(0,0%,100%,.55);font-size:11px}@media (max-width:480px){.screen{padding:52px 12px 16px}.card{padding:20px 16px;border-radius:12px}.question-text{line-height:1.45;margin-bottom:16px}.option{padding:11px 12px;margin-bottom:8px}.scale-row{gap:6px}.top-progress{padding:8px 12px}.progress-segments{gap:2px}.progress-segment{height:5px;border-radius:2px}.corner-logo{height:26px;top:44px;right:12px}.hero-graphic{margin-bottom:-40px}}