.quiz{min-height:100vh}.quiz header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:80px;padding:0 32px;display:flex}.quiz header>span{color:var(--muted);letter-spacing:2px;font-size:11px}.progress{background:#222;height:2px}.progress i{background:var(--orange);height:100%;transition:width .5s;display:block}.quizBody{width:min(900px,100% - 40px);margin:auto;padding:80px 0}.quizBody h1,.resultHero h1{font-family:var(--serif);letter-spacing:-3px;margin:0;font-size:clamp(52px,7vw,86px);font-weight:500;line-height:.92}.quizBody>p{color:var(--muted);margin:20px 0 45px;font-size:17px}.quizBody h3{letter-spacing:1.8px;color:var(--muted);margin-top:40px;font-size:10px}.choices{flex-wrap:wrap;gap:10px;display:flex}.choice{background:var(--panel);border:1px solid var(--line);color:var(--soft);cursor:pointer;border-radius:2px;min-height:56px;padding:18px 22px;font-family:inherit;font-weight:700}.choice:hover,.choice:focus-visible,.choice.active{border-color:var(--orange);outline:none}.choice.active{background:var(--orange);color:#111}.field{color:var(--muted);letter-spacing:1.5px;flex-direction:column;gap:10px;margin:30px 0;font-size:10px;display:flex}.field input,.field textarea{background:var(--panel);border:1px solid var(--line);color:#fff;font:inherit;outline:none;padding:18px;font-size:17px}.field textarea{resize:vertical;min-height:110px}.field input:focus,.field textarea:focus{border-color:var(--orange)}.budgetInput{border-bottom:1px solid var(--line);font-family:var(--serif);align-items:center;margin:20px 0 35px;font-size:70px;display:flex}.budgetInput input{color:#fff;width:100%;font:inherit;background:0 0;border:0;outline:0}.stores .choice{min-width:150px}.foodGrid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.food{color:#fff;cursor:pointer;height:210px;font:bold 17px var(--sans);text-align:left;background-position:50%;background-size:cover;border:1px solid #0000;align-items:end;padding:18px;display:flex}.food.active{border:3px solid var(--orange)}.food:focus-visible{outline:3px solid #fff}.review{border-top:1px solid var(--line);grid-template-columns:repeat(2,1fr);display:grid}.review div{border-bottom:1px solid var(--line);flex-direction:column;padding:24px 0;display:flex}.review div:nth-child(odd){border-right:1px solid var(--line)}.review div:nth-child(2n){padding-left:24px}.review span{color:var(--muted);letter-spacing:1.4px;font-size:10px}.review b{font-family:var(--serif);margin-top:5px;font-size:28px}.controls{justify-content:space-between;margin-top:70px;display:flex}.controls button{color:var(--muted);font:bold 11px var(--sans);letter-spacing:1.5px;cursor:pointer;background:0 0;border:0;padding:20px}.controls .next{background:var(--orange);color:#111;padding:20px 28px}.controls button:disabled{opacity:.3}.error{border-left:3px solid var(--orange);color:#ffb18e;background:#2a1710;margin-top:25px;padding:15px}.resultHero{padding:100px 0 60px}.resultHero h1{max-width:900px;margin:25px 0}.resultHero>p{color:var(--muted);font-size:18px}.totals{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:55px;display:grid}.totals>div{flex-direction:column;padding:22px 0;display:flex}.totals>div+div{border-left:1px solid var(--line);padding-left:24px}.totals span{letter-spacing:1.5px;color:var(--muted);font-size:9px}.totals b{font-family:var(--serif);font-size:35px}.truth{color:#777;margin-top:20px;line-height:1.6;display:block}.tabs{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;overflow:auto}.tabs button{color:var(--muted);font:bold 10px var(--sans);letter-spacing:1.4px;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:20px 25px}.tabs button.active{color:var(--orange);border-bottom:2px solid var(--orange)}.resultBody{padding:50px 0 120px}.recipeGrid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.recipe{background:var(--panel);border:1px solid var(--line);padding-bottom:22px}.recipePhoto{background-position:50%;background-size:cover;flex-direction:column;justify-content:end;height:340px;padding:22px;display:flex}.recipePhoto>span{letter-spacing:1.3px;color:#ddd;font-size:9px}.recipePhoto h2{font:500 34px/1 var(--serif);margin:8px 0 0}.recipe>p,.recipe>small,.recipe details{margin:18px 22px 0;display:block}.recipe>p{color:#ccc}.recipe>small{color:#888;line-height:1.5}.recipe details{border-top:1px solid var(--line);padding-top:18px}.recipe summary{cursor:pointer;color:var(--orange);letter-spacing:1px;font-size:10px}.recipe details div,.recipe details p{color:#aaa;font-size:13px}.list{max-width:850px;margin:auto}.list section>h2{font:500 38px var(--serif);margin:45px 0 12px}.list section>h2 span{float:right;font:10px var(--sans);color:var(--muted)}.listItem{text-align:left;border:0;border-top:1px solid var(--line);color:#fff;cursor:pointer;background:0 0;grid-template-columns:35px 1fr auto;gap:12px;width:100%;padding:18px 0;display:grid}.listItem i{color:#0000;text-align:center;border:1px solid #555;width:22px;height:22px;font-style:normal}.listItem.done{opacity:.45}.listItem.done i{background:var(--orange);color:#111;border-color:var(--orange)}.listItem span{flex-direction:column;display:flex}.listItem small{color:#777;margin-top:4px;line-height:1.4}.listItem strong{color:var(--orange);font-size:12px}.storeRoute{max-width:850px;margin:auto}.storeRoute>div{border-top:1px solid var(--line);grid-template-columns:55px 1fr auto;align-items:center;padding:28px 0;display:grid}.storeRoute i{color:var(--orange);font-style:normal}.storeRoute span{flex-direction:column;display:flex}.storeRoute span b{font:500 32px var(--serif)}.storeRoute span small{color:#777;margin-top:4px}.storeRoute strong{letter-spacing:1px;font-size:9px}.budgetView{grid-template-columns:1fr 1fr;gap:70px;display:grid}.budgetView>div:first-child{background:var(--orange);color:#111;flex-direction:column;padding:40px;display:flex}.budgetView>div:first-child>b{font:500 110px var(--serif)}.budgetView h2{font:500 52px var(--serif)}.budgetView p{border-top:1px solid var(--line);color:#bbb;margin:0;padding:15px 0}@media (max-width:760px){.quiz header{padding:0 16px}.quizBody{padding:55px 0}.quizBody h1{letter-spacing:-2px}.foodGrid{grid-template-columns:repeat(2,1fr)}.food{height:170px}.review{display:block}.review div,.review div:nth-child(odd),.review div:nth-child(2n){border-right:0;padding:18px 0}.controls{background:linear-gradient(transparent,var(--bg) 25%);margin-top:50px;padding-top:30px;position:sticky;bottom:0}.resultHero{padding-top:60px}.totals{grid-template-columns:1fr}.totals>div+div{border-left:0;border-top:1px solid var(--line);padding-left:0}.tabs{width:100%;padding-left:16px}.recipeGrid{width:calc(100% + 16px);display:flex;overflow-x:auto}.recipe{min-width:86vw}.listItem{grid-template-columns:30px 1fr auto}.storeRoute>div{grid-template-columns:40px 1fr}.storeRoute>div>strong{display:none}.budgetView{display:block}.budgetView>div{margin-bottom:30px}.budgetView>div:first-child>b{font-size:82px}}