@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@1,500;1,600&display=swap');
:root{font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#243229;background:#f7f5ee;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input{font:inherit}button{cursor:pointer}a{color:inherit}.app-shell{max-width:1140px;margin:auto;padding:0 34px}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e4e7da}.brand{text-decoration:none;display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;letter-spacing:-1.2px}.brand-icon{width:35px;height:35px;border-radius:11px;background:#234d38;color:#d9ef8b;display:grid;place-items:center;font-size:24px;font-weight:400}.brand-light{font-weight:500}.about-button{width:34px;height:34px;border:1px solid #bfcbbd;border-radius:50%;background:transparent;color:#355041;font-weight:700}.hero{padding:67px 0 55px;position:relative}.eyebrow{font-size:11px;letter-spacing:2.5px;font-weight:800;color:#66816b;margin:0 0 25px;display:flex;align-items:center;gap:11px}.eyebrow-line{height:1px;width:24px;background:#93ae8f}h1{font-size:clamp(48px,6.5vw,82px);line-height:1.1;letter-spacing:-5px;margin:0;color:#1e3929;font-weight:800}.accent{color:#dba846}.serif{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-weight:500;letter-spacing:-3.5px}.hero-copy{font-size:16px;line-height:1.65;color:#66726a;max-width:515px;margin:27px 0 35px}.search-wrap{position:relative;max-width:670px}.search-wrap input{width:100%;height:68px;border:1.5px solid #d8e0d2;border-radius:18px;background:#fff;padding:0 56px 0 60px;outline:none;box-shadow:0 12px 35px #38573b0d;font-size:16px;color:#253c2e}.search-wrap input:focus{border-color:#729a6e;box-shadow:0 0 0 4px #83aa7d29}.search-wrap input::placeholder{color:#9ca99f}.search-icon{position:absolute;left:23px;top:13px;font-size:34px;line-height:1;color:#47775a;transform:rotate(-25deg)}.clear-search{position:absolute;right:16px;top:16px;width:36px;height:36px;border:0;border-radius:50%;background:#edf1e9;color:#506556;font-size:23px}.quick-search{display:flex;align-items:center;gap:8px;margin-top:16px;color:#98a398;font-size:12px}.quick-search button{border:1px solid #e1e6dc;background:#fdfdf9;border-radius:99px;padding:7px 12px;color:#5d7364;font-size:12px}.quick-search button:hover,.filter:hover{border-color:#7da47c}.guide{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #e1e5d9;border-radius:20px;background:#fff;box-shadow:0 8px 20px #42604708;overflow:hidden}.guide-item{display:flex;align-items:center;gap:13px;padding:20px 17px}.guide-item+.guide-item{border-left:1px solid #ecede6}.guide-item strong,.guide-item small{display:block}.guide-item strong{font-size:13px}.guide-item small{font-size:11px;color:#879388;margin-top:3px}.guide-dot{height:17px;width:17px;border-radius:50%;flex:none}.green .guide-dot{background:#79af81}.yellow .guide-dot{background:#e8c76c}.orange .guide-dot{background:#e5a379}.red .guide-dot{background:#da8b88}.results-section{padding:70px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:10px;margin-bottom:24px}.section-kicker{font-size:11px;letter-spacing:2.2px;font-weight:800;color:#98a879;margin:0 0 9px}.section-heading h2{font-size:clamp(25px,3vw,32px);letter-spacing:-1.3px;margin:0;color:#263d2e}.result-count{font-size:12px;color:#91a091;white-space:nowrap}.filters{display:flex;gap:8px;margin-bottom:25px;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filter{white-space:nowrap;border:1px solid #dce4d6;background:transparent;border-radius:99px;color:#66796b;padding:10px 17px;font-size:12px;font-weight:700}.filter.active{background:#294e37;border-color:#294e37;color:#fff}.food-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.food-card{border:1px solid #e2e7dc;background:#fff;border-radius:20px;padding:17px;box-shadow:0 10px 24px #24492b08;min-width:0;transition:transform .15s,box-shadow .15s}.food-card:hover{transform:translateY(-3px);box-shadow:0 16px 32px #24492b12}.card-top{display:flex;align-items:start;justify-content:space-between;gap:10px}.food-art{height:66px;width:66px;border-radius:17px;display:grid;place-items:center;font-size:37px;background:var(--art);line-height:1;flex:none}.favorite-button{border:0;background:#f5f7f2;color:#78927c;border-radius:50%;font-size:24px;width:34px;height:34px;line-height:1}.favorite-button.is-favorite{color:#d67d71}.food-card h3{font-size:19px;letter-spacing:-.5px;margin:13px 0 8px}.verdict{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:99px;background:var(--tint);color:var(--ink);font-size:11px;font-weight:800}.verdict::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.food-card[data-status=green]{--tint:#e7f2e5;--ink:#376b43;--art:#f1f5e5}.food-card[data-status=yellow]{--tint:#fbf2d9;--ink:#9a7525;--art:#fcf1df}.food-card[data-status=orange]{--tint:#fce9df;--ink:#b4643f;--art:#fcf0e8}.food-card[data-status=red]{--tint:#f9e6e4;--ink:#ae4d4e;--art:#f9e9e6}.verdict-line{font-size:13px;font-weight:700;line-height:1.5;color:#294632;margin:13px 0 7px}.card-summary{color:#78867a;font-size:12px;line-height:1.55;margin:0 0 15px;min-height:38px}.card-footer{border-top:1px solid #f0f2ec;padding-top:12px;display:flex;justify-content:space-between;align-items:center;gap:5px}.portion{font-size:11px;color:#8c9a8d}.details-toggle{border:0;background:none;color:#366f49;font-size:12px;font-weight:800;padding:5px 0}.details-toggle::after{content:' ↗';font-size:14px}.card-details{border-top:1px solid #edf0e8;margin-top:10px;padding-top:14px;font-size:12px;color:#596b5e;line-height:1.55}.card-details p{margin:0 0 10px}.card-details strong{color:#2c4634}.goal-list{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.goal-tag{background:#f2f5ef;border-radius:7px;padding:6px 8px;font-size:11px;color:#516553}.empty-state{text-align:center;background:#fff;border:1px dashed #dce4d7;border-radius:20px;padding:45px 15px}.empty-state span{font-size:43px;color:#8eaa93}.empty-state h3{margin:9px 0 3px}.empty-state p{font-size:13px;color:#86958a}.note-card{display:flex;gap:20px;background:#e9eee1;border-radius:20px;padding:28px 30px;margin-bottom:58px}.note-symbol{font-size:30px;color:#75996a}.note-card h2{font-size:17px;margin:0 0 6px}.note-card p{font-size:13px;line-height:1.6;color:#6c7d6d;margin:0;max-width:760px}footer{border-top:1px solid #e2e7dc;display:flex;justify-content:space-between;gap:20px;padding:23px 0 36px;color:#8b998b;font-size:11px}footer span:first-child{font-weight:800;letter-spacing:.3px}.footer-spark{color:#87a879}.about-dialog{width:min(500px,calc(100% - 28px));border:0;border-radius:22px;padding:26px;background:#fff;color:#2a4031;box-shadow:0 22px 80px #1128184d;max-height:85vh}.about-dialog::backdrop{background:#14261999}.dialog-top{display:flex;justify-content:space-between}.dialog-mark{font-size:35px;color:#74a174}.dialog-top button{border:0;background:#f0f3ec;border-radius:50%;height:34px;width:34px;font-size:23px}.about-dialog h2{font-size:28px;letter-spacing:-1px;margin:16px 0}.about-dialog p,.about-dialog li{font-size:13px;line-height:1.65;color:#617164}.about-dialog h3{font-size:14px;margin:20px 0 8px}.about-dialog ul{margin:0;padding-left:18px}.about-dialog a{color:#376d49}.dialog-small{font-size:11px!important;color:#91a093!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:850px){.food-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding-top:55px}}@media(max-width:600px){.app-shell{padding:0 19px}.site-header{height:68px}.brand{font-size:17px}.brand-icon{width:31px;height:31px;font-size:21px}.hero{padding:47px 0 35px}.eyebrow{font-size:9px;letter-spacing:1.8px;margin-bottom:20px}h1{font-size:clamp(43px,11vw,59px);letter-spacing:-3.3px}.serif{letter-spacing:-2.8px}.hero-copy{font-size:14px;margin:20px 0 25px}.search-wrap input{height:59px;font-size:13px;padding-left:50px;border-radius:15px}.search-icon{left:18px;top:12px;font-size:30px}.clear-search{top:12px}.guide{grid-template-columns:repeat(2,1fr);border-radius:16px}.guide-item{padding:14px 11px;gap:9px}.guide-item:nth-child(3){border-left:0;border-top:1px solid #ecede6}.guide-item:nth-child(4){border-top:1px solid #ecede6}.guide-item strong{font-size:11px}.guide-item small{font-size:10px}.guide-dot{width:13px;height:13px}.results-section{padding:48px 0}.section-heading{align-items:center}.section-heading h2{font-size:24px}.result-count{font-size:10px}.filter{padding:9px 13px}.food-grid{grid-template-columns:1fr;gap:12px}.food-card{padding:15px}.card-summary{min-height:0}.note-card{padding:23px 18px;gap:11px;margin-bottom:35px}.note-symbol{font-size:22px}.note-card h2{font-size:15px}footer{flex-direction:column;gap:8px;padding-bottom:max(30px,env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}