@property --ring-progress{syntax:'<number>';inherits:false;initial-value:0;}:root{--bg:#f5f6f3;--surface:rgba(255,255,255,.88);--surface-solid:#fff;--ink:#1e251f;--muted:#697267;--line:#e1e6df;--green:#345a42;--green-2:#6e8d65;--green-soft:#e6eee2;--cream:#f5eee2;--peach:#f2dfd4;--pink:#ead9de;--blue:#dfe8ec;--gold:#bc8d4b;--protein:#54765d;--carb:#d8ad67;--fat:#bb8e98;--shadow:0 18px 55px rgba(42,60,44,.10);--shadow-soft:0 8px 28px rgba(42,60,44,.07);--radius-xl:28px;--radius-lg:20px;--radius-md:14px;--sidebar:236px;--ease:cubic-bezier(.2,.8,.2,1);}*{box-sizing:border-box;}html{scroll-behavior:smooth;}body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink);font:14px/1.5 -apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;}button,input,select,textarea{font:inherit;color:inherit;}button{border:0;cursor:pointer;}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(74,111,79,.28);outline-offset:3px;}img{display:block;width:100%;object-fit:cover;}[hidden]{display:none !important;}.skip-link{position:fixed;left:18px;top:-60px;z-index:200;padding:10px 16px;border-radius:12px;background:var(--green);color:white;}.skip-link:focus{top:18px;}.app-shell{min-height:100vh;}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);z-index:30;display:flex;flex-direction:column;padding:28px 18px 18px;background:rgba(238,242,235,.92);border-right:1px solid var(--line);backdrop-filter:blur(26px);}.brand{display:flex;align-items:center;gap:10px;padding:3px 10px 24px;font-size:25px;font-weight:720;letter-spacing:-1.1px;}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:var(--green);color:white;font-size:18px;transform:rotate(-8deg);}.sidebar-kicker{margin:6px 12px 7px;color:#889087;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:650;}.sidebar-nav{display:grid;gap:3px;}.nav-item{display:grid;grid-template-columns:25px 1fr auto;align-items:center;width:100%;min-height:46px;padding:10px 12px;border-radius:13px;background:transparent;color:#5d675d;text-align:left;transition:background .22s var(--ease),color .22s var(--ease),transform .22s var(--ease);}.nav-item:hover{background:rgba(223,233,218,.7);transform:translateX(2px);}.nav-item.is-active{background:#dfe9d8;color:#294935;font-weight:650;}.nav-icon{font-size:17px;text-align:center;}.nav-item b{min-width:22px;padding:2px 6px;border-radius:999px;background:rgba(255,255,255,.55);text-align:center;font-size:10px;font-weight:600;}.sidebar-spacer{flex:1;}.sidebar-card{display:flex;gap:9px;align-items:flex-start;margin:0 5px 15px;padding:12px;border-radius:14px;background:rgba(255,255,255,.48);border:1px solid rgba(255,255,255,.58);}.status-dot{width:8px;height:8px;margin-top:5px;border-radius:50%;background:#77a070;box-shadow:0 0 0 4px rgba(119,160,112,.12);}.sidebar-card strong,.profile strong{display:block;font-size:12px;}.sidebar-card small,.profile small{display:block;margin-top:2px;color:var(--muted);font-size:10px;}.profile{display:flex;gap:10px;align-items:center;padding:15px 7px 3px;border-top:1px solid #dce3d8;}.avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--green);color:white;font-weight:700;}.content-shell{margin-left:var(--sidebar);}.topbar{position:sticky;top:0;z-index:20;height:72px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:0 34px;border-bottom:1px solid rgba(225,230,223,.9);background:rgba(245,246,243,.82);backdrop-filter:blur(24px) saturate(1.1);}.top-context{display:flex;align-items:center;gap:9px;color:#8a9186;font-size:12px;}.top-context strong{color:#4a554a;font-weight:600;}.global-search{display:flex;align-items:center;gap:8px;width:min(440px,48vw);padding:0 12px;height:40px;border-radius:999px;background:rgba(255,255,255,.82);border:1px solid var(--line);box-shadow:0 1px 0 rgba(255,255,255,.9) inset;}.global-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:12px;}.global-search kbd{padding:2px 6px;border-radius:6px;background:#eff2ed;color:#7b8378;font-size:10px;}.mobile-menu{display:none;background:transparent;font-size:20px;}.main{width:min(1460px,100%);margin:0 auto;padding:38px 38px 60px;}.hero-head{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:28px;}.eyebrow,.overline{margin:0 0 8px;color:#7d8879;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;}h1,h2,h3,p{margin:0;}h1{font-size:clamp(38px,4.5vw,64px);line-height:.98;letter-spacing:-.055em;font-weight:690;}h2{font-size:25px;line-height:1.08;letter-spacing:-.035em;}.hero-copy{max-width:690px;margin-top:15px;color:var(--muted);font-size:13px;line-height:1.75;}.primary-button{display:inline-flex;align-items:center;gap:9px;min-height:46px;padding:11px 19px;border-radius:999px;background:var(--green);color:white;font-weight:650;box-shadow:0 8px 24px rgba(52,90,66,.18);transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .2s;white-space:nowrap;}.primary-button:hover{transform:translateY(-2px);background:#294c36;box-shadow:0 12px 30px rgba(52,90,66,.24);}.metric-strip{display:grid;grid-template-columns:repeat(4,1fr);padding:17px 0 24px;margin-bottom:3px;}.metric{position:relative;padding:0 20px;border-left:1px solid var(--line);}.metric:first-child{padding-left:0;border-left:0;}.metric strong{display:block;font-size:29px;line-height:1.2;letter-spacing:-.04em;font-weight:650;font-variant-numeric:tabular-nums;}.metric span{display:block;margin-top:4px;color:var(--muted);font-size:10px;}.spotlight-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(280px,.8fr);gap:18px;margin:8px 0 38px;}.spotlight-card,.insight-card{min-height:254px;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-soft);}.spotlight-card{position:relative;background:#25372c;}.spotlight-card img{position:absolute;inset:0;height:100%;transition:transform .9s var(--ease);}.spotlight-card:hover img{transform:scale(1.035);}.spotlight-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,38,28,.78),rgba(23,38,28,.28) 57%,rgba(23,38,28,.05));}.spotlight-copy{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;min-height:254px;width:55%;padding:28px 30px;color:white;}.spotlight-copy .overline{color:rgba(255,255,255,.7);}.spotlight-copy h2{font-size:32px;letter-spacing:-.04em;}.spotlight-copy p{margin-top:10px;color:rgba(255,255,255,.75);font-size:12px;}.spotlight-copy button{width:max-content;margin-top:18px;padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.9);color:#294533;font-size:11px;font-weight:650;}.insight-card{display:flex;flex-direction:column;justify-content:space-between;padding:24px;background:var(--surface-solid);border:1px solid var(--line);}.insight-head{display:flex;justify-content:space-between;gap:15px;}.insight-head h3{font-size:15px;letter-spacing:-.02em;}.insight-head p{margin-top:5px;color:var(--muted);font-size:10px;}.insight-rings{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:15px 0;}.ring-wrap{display:flex;align-items:center;gap:12px;}.ring{--ring-progress:0;width:72px;height:72px;flex:0 0 72px;transform:rotate(-90deg);}.ring circle{fill:none;stroke-width:8;}.ring .track{stroke:#edf0eb;}.ring .value{stroke:var(--green-2);stroke-linecap:round;stroke-dasharray:276.46;stroke-dashoffset:calc(276.46 - (276.46 * var(--ring-progress) / 100));transition:--ring-progress 1.25s var(--ease);}.ring.small{width:62px;height:62px;flex-basis:62px;}.ring-text strong{display:block;font-size:18px;letter-spacing:-.03em;}.ring-text span{display:block;color:var(--muted);font-size:9px;line-height:1.45;}.insight-foot{padding-top:13px;border-top:1px solid var(--line);color:var(--muted);font-size:10px;line-height:1.6;}.library-section{padding-top:4px;}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:15px;}.section-heading h2 span{margin-left:6px;color:#899187;font-size:13px;font-weight:500;letter-spacing:0;}.quiet-button{padding:8px 10px;border-radius:10px;background:transparent;color:var(--green);font-size:11px;font-weight:600;}.quiet-button:hover{background:var(--green-soft);}.category-scroller{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:3px 0 13px;}.category-scroller::-webkit-scrollbar{display:none;}.category-chip,.filter-pill{flex:0 0 auto;min-height:33px;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.72);border:1px solid var(--line);color:#606b5d;font-size:10px;font-weight:600;transition:.2s var(--ease);}.category-chip:hover,.filter-pill:hover{transform:translateY(-1px);background:#fff;}.category-chip.is-active,.filter-pill.is-active{background:var(--green);border-color:var(--green);color:white;}.filter-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:18px;}.sort-control{margin-left:auto;display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px;}.sort-control select{border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.75);padding:7px 9px;font-size:10px;}.recipe-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}.recipe-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:19px;background:rgba(255,255,255,.84);box-shadow:0 2px 0 rgba(255,255,255,.9) inset;transition:transform .36s var(--ease),box-shadow .36s var(--ease),border-color .2s;animation:cardEnter .55s both var(--ease);}.recipe-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-soft);border-color:#d5ddd1;}.card-image{position:relative;aspect-ratio:1.32;overflow:hidden;background:#e8ece5;}.card-image img{height:100%;transition:transform .65s var(--ease);}.recipe-card:hover .card-image img{transform:scale(1.045);}.demo-photo{position:absolute;left:9px;bottom:8px;padding:3px 6px;border-radius:999px;background:rgba(255,255,255,.82);color:#586458;font-size:8px;backdrop-filter:blur(10px);}.favorite-button{position:absolute;right:9px;top:9px;z-index:3;display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:rgba(255,255,255,.88);font-size:17px;backdrop-filter:blur(8px);}.favorite-button.is-active{color:#9c5f6d;}.card-body{padding:13px 13px 11px;}.card-meta{display:flex;align-items:center;gap:5px;flex-wrap:wrap;min-height:22px;}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border-radius:999px;background:#eef2eb;color:#61705a;font-size:8px;font-weight:650;white-space:nowrap;}.badge.pistache{background:#e6eedf;color:#526842;}.badge.partial{background:#f3e9df;color:#8a6848;}.badge.approx{background:#e4ecee;color:#557078;}.card-title{min-height:46px;margin-top:8px;font-size:15px;line-height:1.34;letter-spacing:-.025em;font-weight:680;}