@font-face{font-family:Fredoka;src:url(assets/fredoka.ttf);font-display:swap}@font-face{font-family:Lilita;src:url(assets/lilita.ttf);font-display:swap}
:root{color-scheme:light;--cream:#fffbed;--green:#003f34;--orange:#ff7827;--yellow:#ffdf73}*{box-sizing:border-box}body{margin:0;color:var(--green);font-family:Arial,sans-serif;background:#efe9d7}button,a,input,label{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{color:inherit;font:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,.answer:focus-within{outline:3px solid #b76300;outline-offset:4px}.skip{position:fixed;left:12px;top:-80px;z-index:5;background:var(--yellow);padding:12px}.skip:focus{top:10px}.app{width:min(100%,460px);margin:24px auto;padding:22px 24px 18px;min-height:820px;background:var(--cream);background-image:radial-gradient(ellipse at 0 30%,#f5e9bc44,transparent 65%);border-radius:32px;box-shadow:0 14px 65px #59491414}header{display:flex;position:relative;justify-content:center;align-items:center;margin-bottom:18px;padding-bottom:16px}.logo{width:185px;height:auto}.preview{position:absolute;bottom:0;font:9px Arial;letter-spacing:1.4px;color:#7b775e}.icon-button{position:absolute;left:0;background:transparent;border:0;padding:10px;display:grid;place-items:center}.icon-button:disabled{opacity:.18}.back svg{transform:rotate(180deg)}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.progress-label{display:flex;justify-content:space-between;font:16px Lilita;letter-spacing:.4px;margin-bottom:10px;font-variant-numeric:tabular-nums}.track{height:10px;background:#efe7c8;border-radius:20px;overflow:hidden}.track span{display:block;width:var(--progress);height:100%;background:var(--orange);border-radius:20px;transition:width .22s}.egg-scene{height:145px;position:relative;display:grid;place-items:center;margin:8px 0}.sunshine{position:absolute;width:230px;height:102px;background:#ffe07a;border-radius:63% 37% 49% 51% / 58% 49% 51% 42%;transform:rotate(-8deg);bottom:7px}.egg-scene img{height:135px;position:relative;filter:sepia(.75) saturate(.65)}.sprig{position:absolute;font-size:34px;color:#f97927;top:35px}.sprig.left{left:48px;transform:rotate(-18deg)}.sprig.right{right:45px;transform:rotate(15deg)}h1{font:35px/.99 Fredoka,Arial,sans-serif;letter-spacing:-.65px;text-wrap:balance;margin:8px 0 12px;min-height:104px;display:flex;align-items:center}h1:focus{outline:none}.helper{font-size:15px;line-height:1.35;margin:0 0 17px}fieldset{padding:0;margin:0;border:0;display:grid;gap:10px}.answer{min-height:62px;display:flex;align-items:center;gap:15px;padding:12px 15px;border:1.5px solid var(--green);border-radius:15px;background:#fff9df;box-shadow:0 3px 0 #d8cfaf6b;cursor:pointer;position:relative;transition:background .15s,transform .15s}.answer:hover{background:#fff0b6}.answer:active{transform:translateY(2px)}.answer input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}.answer:has(input:checked){background:var(--green);color:var(--cream);border-color:var(--green)}.answer-text{flex:1;font-size:16px;font-weight:600;line-height:1.3;text-wrap:pretty;pointer-events:none}.radio{height:25px;width:25px;flex:0 0 25px;border:1.5px solid var(--green);border-radius:50%;color:transparent;display:grid;place-items:center;font-weight:800;pointer-events:none}.answer:has(input:checked) .radio{background:var(--yellow);color:var(--green);border-color:var(--yellow)}footer{margin-top:23px;text-align:center}.primary{width:100%;min-height:56px;display:flex;gap:16px;align-items:center;justify-content:center;border-radius:32px;border:1.5px solid #ff963e;background:var(--orange);font:25px Fredoka;color:var(--green);box-shadow:0 4px 0 #e0bb823b;text-decoration:none;padding:12px;transition:transform .15s,background .15s}.primary:hover:not(:disabled){background:#ff8d37}.primary:active:not(:disabled){transform:translateY(2px)}.primary:disabled{background:#ede4c5;border-color:#ded5b7;color:#777967;box-shadow:none}footer p{font-size:11px;line-height:1.45;color:#64704f;margin:12px 0 0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.eyebrow{font:15px Lilita;letter-spacing:1px;text-align:center;margin-top:25px}.result h1{display:block;min-height:0;text-align:center;line-height:1.1}.result-subtitle{text-align:center;font:18px Lilita;margin:12px 0 20px}.result-card{display:block;width:100%;height:auto;border-radius:15px;border:1px solid #e5dcb8}.result-note{font-size:12px;line-height:1.5;text-align:center;color:#627153;margin:16px 4px}.secondary{margin-top:13px;width:100%;min-height:48px;border:1.5px solid var(--green);border-radius:25px;background:transparent;font-weight:700}.secondary:hover{background:#fff0ba}.text-button{border:0;background:transparent;text-decoration:underline;text-underline-offset:4px;margin-top:15px;padding:10px}.result footer{margin-top:18px}
@media(max-width:500px){body{background:var(--cream)}.app{margin:0;width:100%;border-radius:0;box-shadow:none;min-height:100dvh;padding:calc(15px + env(safe-area-inset-top)) 22px calc(18px + env(safe-area-inset-bottom))}}@media(max-height:750px) and (max-width:500px){.egg-scene{height:108px;margin:3px 0}.egg-scene img{height:106px}.sunshine{height:78px;width:200px}header{margin-bottom:12px}.logo{width:160px}h1{font-size:31px;min-height:94px}.answer{min-height:57px;padding:10px 13px}.helper{margin-bottom:12px}footer{margin-top:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}