:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f5f1;--surface:#fffdf9;--ink:#20201d;--muted:#6f6d66;--accent:#b53a34;--line:#e6e0d8;--green:#315f4b}*{box-sizing:border-box}html{background:var(--bg)}body{background:radial-gradient(circle at top right, #b53a3414, transparent 32rem), var(--bg);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}.shell{width:min(1080px,100% - 32px);margin:0 auto;padding:72px 0 40px}.hero{max-width:760px}.eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px;font-size:.8rem;font-weight:800}h1{letter-spacing:-.055em;max-width:700px;margin:0;font-size:clamp(2.5rem,7vw,5.2rem);line-height:.98}.subtitle{max-width:630px;color:var(--muted);margin:24px 0 0;font-size:clamp(1rem,2vw,1.2rem);line-height:1.65}.peopleCard,.choices{border:1px solid var(--line);background:#fffdf9d1;border-radius:18px;margin-top:28px;padding:18px 20px}.peopleCard{justify-content:space-between;align-items:center;gap:24px;margin-top:36px;display:flex}.peopleCard label,legend{font-weight:700}.stepper{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:44px 74px 44px;align-items:center;display:grid;overflow:hidden}.stepper button{height:44px;color:var(--accent);cursor:pointer;background:0 0;border:0;font-size:1.5rem}.stepper button:hover{background:#f8ecea}.stepper input{border:0;border-inline:1px solid var(--line);text-align:center;appearance:textfield;background:#fff;outline:none;width:100%;height:44px;font-weight:800}.stepper input::-webkit-inner-spin-button{display:none}.choices{grid-template-columns:1fr 1fr;gap:24px;display:grid}fieldset{border:0;min-width:0;padding:0}legend{margin-bottom:12px}.choiceList{gap:9px;display:grid}.choice{color:var(--muted);cursor:pointer;align-items:center;gap:9px;display:flex}.choice input{accent-color:var(--accent)}.otherFish input[type=text],.otherFish input:not([type]){border:1px solid var(--line);border-radius:6px;width:110px;padding:4px 7px}.otherFish input:disabled{background:#f4f1eb}.saveButton{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:10px;margin-top:16px;padding:10px 14px;font-weight:700}.results{margin-top:64px}.results h2{letter-spacing:-.02em;margin:0 0 18px;font-size:1.3rem}.hint{color:var(--muted);margin:-6px 0 18px}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.ingredient{border:1px solid var(--line);background:var(--surface);border-radius:18px;flex-direction:column;min-height:150px;padding:20px;display:flex;box-shadow:0 10px 35px #2d28210a}.ingredient span,.ingredient small{color:var(--muted);font-size:.9rem}.ingredient strong{color:var(--green);letter-spacing:-.035em;margin-top:auto;font-size:1.45rem}.ingredient small{min-height:17px;margin-top:5px}footer{max-width:740px;color:var(--muted);margin-top:32px;font-size:.86rem;line-height:1.6}@media (max-width:820px){.shell{padding-top:44px}.choices{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.shell{width:min(100% - 22px,1080px)}.peopleCard{flex-direction:column;align-items:flex-start}.stepper{grid-template-columns:1fr 1.35fr 1fr;width:100%}.grid{grid-template-columns:1fr}.ingredient{min-height:124px}}