:root{--ink:#211f1d;--ink-soft:#5d5751;--cream:#f7f2ee;--paper:#fffdfb;--line:#ded5ce;--accent:#a85f4d;--accent-soft:#e0cbbd;--yellow:#cda865;--shadow:0 18px 45px rgba(63,45,36,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Cabin",sans-serif}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,72px);background:#e0cbbd;border-bottom:1px solid rgba(33,31,29,.08);position:sticky;top:0;z-index:3}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.65);border-radius:50%;color:#fff;font:400 13px "Ovo",serif;letter-spacing:.05em}.brand strong{display:block;font:400 17px "Ovo",serif;letter-spacing:.01em}.brand small{display:block;margin-top:3px;color:rgba(255,255,255,.82);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.icon-button{border:0;background:transparent;color:#fff;font-size:26px;cursor:pointer}.page-shell{width:min(1110px,calc(100% - 40px));margin:auto}.hero{padding:90px 0 58px;max-width:760px}.eyebrow{color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.hero h1{margin:14px 0 17px;font:400 clamp(42px,7vw,76px)/.99 "Ovo",serif;letter-spacing:-.045em}.hero h1 em{color:var(--accent);font-style:normal}.hero p{max-width:530px;color:var(--ink-soft);font-size:17px;line-height:1.65}.privacy-note{display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:9px 13px;border:1px solid var(--line);border-radius:99px;color:#776e68;font-size:12px}.privacy-note span{font-size:18px;color:var(--accent)}.panel{background:var(--paper);border:1px solid rgba(33,31,29,.09);border-radius:2px;box-shadow:var(--shadow);padding:30px;margin-bottom:24px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.section-heading>div{display:flex;align-items:center;gap:13px}.section-heading h2{margin:0;font:400 27px "Ovo",serif;letter-spacing:-.02em}.step{color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.12em}.saved-label{color:#8d7e75;font-size:11px}.chip-grid{display:flex;flex-wrap:wrap;gap:9px}.chip{padding:10px 15px;border:1px solid var(--line);border-radius:99px;background:transparent;color:var(--ink-soft);cursor:pointer;font:inherit;font-size:13px;transition:.2s}.chip:hover,.chip.active{border-color:var(--accent);background:var(--accent);color:white}.pill,.count{padding:7px 11px;border-radius:99px;background:#f1e6df;color:#8f6154;font-size:11px;font-weight:700}.field-label{display:block;margin-bottom:8px;color:#8b7f77;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.select-field,input{width:100%;height:48px;border:1px solid var(--line);border-radius:2px;background:#fff;color:var(--ink);font:inherit;padding:0 14px;outline:none}.select-field:focus,input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(168,95,77,.14)}.amount-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:18px}.conversion-result{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px;padding:22px;border-radius:2px;background:#2d2926;color:#fff}.conversion-result>div{display:flex;flex-direction:column;gap:4px}.conversion-result span{font:400 clamp(24px,4vw,34px) "Ovo",serif}.conversion-result small{color:#d9c7bd;font-size:11px}.arrow{color:#dfb29d!important;font:700 25px sans-serif!important}.result-target{text-align:right}.result-target span{color:#e0cbbd}.microcopy{margin:14px 0 0;color:#8a7f78;font-size:11px}.substitutions{padding:35px 0 12px}.section-heading-wide{margin-bottom:18px}.search-box{display:flex;align-items:center;gap:9px;margin-bottom:17px}.search-box span{font-size:27px;color:var(--accent)}.search-box input{height:50px;background:rgba(255,255,255,.65)}.food-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.food-card{position:relative;padding:19px;border:1px solid var(--line);border-radius:2px;background:var(--paper);min-height:158px;transition:.2s}.food-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.food-icon{font-size:25px}.food-card h3{margin:13px 0 5px;font:400 18px "Ovo",serif}.food-card p{margin:0;color:#7b716b;font-size:12px;line-height:1.4}.food-meta{display:flex;justify-content:space-between;gap:8px;margin-top:16px;color:var(--accent);font-size:11px;font-weight:700}.favorite{position:absolute;right:12px;top:12px;border:0;background:transparent;color:#c5b9b1;font-size:20px;cursor:pointer}.favorite.active{color:var(--accent)}.disclaimer{margin:45px 0 35px;padding:20px 22px;border-left:3px solid var(--yellow);background:#f8f0e6;color:#6e655e;font-size:12px;line-height:1.6}.disclaimer p{margin:4px 0 0}footer{display:flex;justify-content:space-between;padding:24px clamp(20px,5vw,72px);color:#8d817a;font-size:11px;border-top:1px solid var(--line)}@media(max-width:720px){.page-shell{width:min(100% - 28px,600px)}.topbar{height:68px;padding:0 16px}.brand strong{font-size:15px}.hero{padding:55px 0 34px}.hero p{font-size:15px}.panel{padding:21px;border-radius:2px}.section-heading h2{font-size:23px}.food-grid{grid-template-columns:1fr 1fr}.food-card{min-height:145px;padding:15px}.food-card h3{font-size:15px}.pill{display:none}}@media(max-width:420px){.food-grid{grid-template-columns:1fr}.conversion-result{padding:16px}.amount-row{gap:10px}}
:root{--ink:#211f1d;--ink-soft:#5d5751;--cream:#f7f2ee;--paper:#fffdfb;--line:#ded5ce;--accent:#a85f4d;--accent-soft:#e0cbbd;--yellow:#cda865;--shadow:0 18px 45px rgba(63,45,36,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Cabin",sans-serif}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,72px);background:#e0cbbd;border-bottom:1px solid rgba(33,31,29,.08);position:sticky;top:0;z-index:3}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.65);border-radius:50%;color:#fff;font:400 13px "Ovo",serif;letter-spacing:.05em}.brand strong{display:block;font:400 17px "Ovo",serif;letter-spacing:.01em}.brand small{display:block;margin-top:3px;color:rgba(255,255,255,.82);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.icon-button{border:0;background:transparent;color:#fff;font-size:26px;cursor:pointer}.page-shell{width:min(1110px,calc(100% - 40px));margin:auto}.hero{padding:90px 0 58px;max-width:760px}.eyebrow{color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.hero h1{margin:14px 0 17px;font:400 clamp(42px,7vw,76px)/.99 "Ovo",serif;letter-spacing:-.045em}.hero h1 em{color:var(--accent);font-style:normal}.hero p{max-width:530px;color:var(--ink-soft);font-size:17px;line-height:1.65}.privacy-note{display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:9px 13px;border:1px solid var(--line);border-radius:99px;color:#776e68;font-size:12px}.privacy-note span{font-size:18px;color:var(--accent)}.panel{background:var(--paper);border:1px solid rgba(33,31,29,.09);border-radius:2px;box-shadow:var(--shadow);padding:30px;margin-bottom:24px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.section-heading>div{display:flex;align-items:center;gap:13px}.section-heading h2{margin:0;font:400 27px "Ovo",serif;letter-spacing:-.02em}.step{color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.12em}.saved-label{color:#8d7e75;font-size:11px}.chip-grid{display:flex;flex-wrap:wrap;gap:9px}.chip{padding:10px 15px;border:1px solid var(--line);border-radius:99px;background:transparent;color:var(--ink-soft);cursor:pointer;font:inherit;font-size:13px;transition:.2s}.chip:hover,.chip.active{border-color:var(--accent);background:var(--accent);color:white}.pill,.count{padding:7px 11px;border-radius:99px;background:#f1e6df;color:#8f6154;font-size:11px;font-weight:700}.field-label{display:block;margin-bottom:8px;color:#8b7f77;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.select-field,input{width:100%;height:48px;border:1px solid var(--line);border-radius:2px;background:#fff;color:var(--ink);font:inherit;padding:0 14px;outline:none}.select-field:focus,input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(168,95,77,.14)}.amount-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:18px}.conversion-result{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px;padding:22px;border-radius:2px;background:#2d2926;color:#fff}.conversion-result>div{display:flex;flex-direction:column;gap:4px}.conversion-result span{font:400 clamp(24px,4vw,34px) "Ovo",serif}.conversion-result small{color:#d9c7bd;font-size:11px}.arrow{color:#dfb29d!important;font:700 25px sans-serif!important}.result-target{text-align:right}.result-target span{color:#e0cbbd}.microcopy{margin:14px 0 0;color:#8a7f78;font-size:11px}.substitutions{padding:35px 0 12px}.section-heading-wide{margin-bottom:18px}.search-box{display:flex;align-items:center;gap:9px;margin-bottom:17px}.search-box span{font-size:27px;color:var(--accent)}.search-box input{height:50px;background:rgba(255,255,255,.65)}.selection-context{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:-2px 0 18px;padding:13px 16px;border-left:2px solid var(--accent);background:#f5eae3;color:#71655e;font-size:12px}.selection-context strong{font:400 18px "Ovo",serif;color:var(--ink)}.selection-context .context-kicker{color:var(--accent);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.selection-context span:last-child{width:100%;color:#8a7f78}.food-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.food-card{position:relative;padding:19px;border:1px solid var(--line);border-radius:2px;background:var(--paper);min-height:182px;transition:.2s;cursor:pointer}.food-card:hover,.food-card:focus{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--accent);outline:none}.food-icon{font-size:25px}.food-card h3{margin:13px 0 5px;font:400 18px "Ovo",serif}.food-card p{margin:0;color:#7b716b;font-size:12px;line-height:1.4}.food-meta{display:flex;justify-content:space-between;gap:8px;margin-top:16px;color:var(--accent);font-size:11px;font-weight:700}.food-action{margin-top:12px;color:#9a8177;font-size:10px;letter-spacing:.04em}.favorite{position:absolute;right:12px;top:12px;border:0;background:transparent;color:#c5b9b1;font-size:20px;cursor:pointer}.favorite.active{color:var(--accent)}.disclaimer{margin:45px 0 35px;padding:20px 22px;border-left:3px solid var(--yellow);background:#f8f0e6;color:#6e655e;font-size:12px;line-height:1.6}.disclaimer p{margin:4px 0 0}footer{display:flex;justify-content:space-between;padding:24px clamp(20px,5vw,72px);color:#8d817a;font-size:11px;border-top:1px solid var(--line)}@media(max-width:720px){.page-shell{width:min(100% - 28px,600px)}.topbar{height:68px;padding:0 16px}.brand strong{font-size:15px}.hero{padding:55px 0 34px}.hero p{font-size:15px}.panel{padding:21px;border-radius:2px}.section-heading h2{font-size:23px}.food-grid{grid-template-columns:1fr 1fr}.food-card{min-height:168px;padding:15px}.food-card h3{font-size:15px}.pill{display:none}}@media(max-width:420px){.food-grid{grid-template-columns:1fr}.conversion-result{padding:16px}.amount-row{gap:10px}}
:root{--ink:#211f1d;--ink-soft:#5d5751;--cream:#f7f2ee;--paper:#fffdfb;--line:#ded5ce;--accent:#a85f4d;--accent-soft:#e0cbbd;--yellow:#cda865;--shadow:0 18px 45px rgba(63,45,36,.08)}
:root{--ink:#211f1d;--ink-soft:#5d5751;--cream:#f7f2ee;--paper:#fffdfb;--line:#ded5ce;--accent:#a85f4d;--accent-soft:#e0cbbd;--yellow:#cda865;--shadow:0 18px 45px rgba(63,45,36,.08)}
.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:24px}.category-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:16px;border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer;text-align:left;transition:.2s}.category-card:hover,.category-card.active{border-color:var(--accent);background:#f5eae3}.category-card span{font-size:24px;color:var(--accent)}.category-card strong{font:400 16px "Ovo",serif}.category-card small{color:#8b7f77;font-size:11px;line-height:1.3}.filter-label{margin:0 0 10px;color:#8b7f77;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.nutrient-summary{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:0 14px;border-left:1px solid var(--line)}.nutrient-summary span{color:#8b7f77;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.nutrient-summary strong{font:400 24px "Ovo",serif;color:var(--accent)}.nutrient-summary small{color:#8b7f77;font-size:11px}@media(max-width:720px){.category-grid{grid-template-columns:1fr 1fr}.category-card strong{font-size:14px}.nutrient-summary{padding:0 8px}.nutrient-summary strong{font-size:19px}}
.category-grid{grid-template-columns:repeat(5,1fr)}@media(max-width:720px){.category-grid{grid-template-columns:1fr 1fr}}
.direct-intro{margin-top:-12px;margin-bottom:18px}.direct-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.direct-bottom{display:grid;grid-template-columns:220px 1fr;gap:15px;align-items:end;margin-top:18px}.direct-result{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 16px;background:#2d2926;color:#fff}.direct-result span{font:400 27px "Ovo",serif;color:#e0cbbd}.direct-result small{color:#d9c7bd;font-size:11px;text-align:right}.direct-converter .microcopy{margin-top:12px}@media(max-width:720px){.direct-grid,.direct-bottom{grid-template-columns:1fr}.direct-result{min-height:58px}.direct-result small{text-align:left}}
.forex-grid{display:grid;grid-template-columns:1fr 52px 1fr;align-items:center;gap:15px}.forex-side{padding:16px;background:#f8f1ec;border:1px solid var(--line)}.forex-amount,.forex-output{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-top:14px}.forex-amount input{height:auto;padding:0;border:0;background:transparent;font:400 34px "Ovo",serif;box-shadow:none}.forex-amount span,.forex-output span{color:var(--accent);font-weight:700}.forex-output strong{font:400 34px "Ovo",serif;color:var(--accent)}.forex-arrow{text-align:center;color:var(--accent);font:400 34px "Ovo",serif}.forex-detail{display:block;margin-top:8px;color:#8b7f77;font-size:11px}.card-mode{display:flex;flex-wrap:wrap;gap:9px;margin:-2px 0 17px}.mode-button{padding:9px 13px;border:1px solid var(--line);border-radius:99px;background:transparent;color:var(--ink-soft);cursor:pointer;font:inherit;font-size:12px}.mode-button:hover,.mode-button.active{border-color:var(--accent);background:var(--accent);color:#fff}@media(max-width:720px){.category-grid{grid-template-columns:1fr 1fr}.forex-grid{grid-template-columns:1fr}.forex-arrow{transform:rotate(90deg)}}