@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,600&display=swap";:root{font-family:DM Sans,sans-serif;color:#17202a;background:#f4f6f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{color:inherit}.topbar{position:sticky;top:0;z-index:30;height:68px;display:flex;align-items:center;gap:28px;padding:0 28px;border-bottom:1px solid #dce2e6;background:#f4f6f8eb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:11px;font-weight:700;white-space:nowrap}.brand-mark{width:37px;height:37px;display:grid;place-items:center;border-radius:12px;color:#fff;background:#0c6670}.search{margin-left:auto;width:min(430px,100%);height:41px;display:flex;align-items:center;gap:9px;padding:0 13px;border:1px solid #d5dde1;border-radius:13px;color:#66727c;background:#fff}.search input{min-width:0;flex:1;border:0;outline:0;color:#17202a;background:transparent;font-size:14px}.shell{max-width:1600px;margin:auto;display:grid;grid-template-columns:300px minmax(0,1fr)}.sidebar{min-height:calc(100vh - 68px);padding:20px 12px;border-right:1px solid #dce2e6;background:#edf1f3}.sidebar-title{display:flex;justify-content:space-between;padding:0 10px 10px;font-size:14px}.sidebar-title span{color:#6c7881;font-size:12px}.recipe-link{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:0;border-radius:13px;text-align:left;cursor:pointer;background:transparent}.recipe-link:hover{background:#ffffffa6}.recipe-link.selected{background:#fff;box-shadow:0 1px 2px #0f172a14,0 8px 24px #0f172a0f}.recipe-link span{min-width:0}.recipe-link strong,.recipe-link small{display:block}.recipe-link strong{font-size:14px}.recipe-link small{margin-top:4px;overflow:hidden;color:#6c7881;text-overflow:ellipsis;white-space:nowrap}.recipe-link svg{flex:none;color:#7d8991}.empty{padding:16px 10px;color:#6c7881;font-size:14px}.recipe{min-width:0;padding:36px 40px 54px}.recipe-intro{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px}.recipe-copy{display:flex;flex-direction:column;justify-content:space-between}.tags{display:flex;flex-wrap:wrap;gap:7px}.tags span{padding:5px 10px;border:1px solid #dce2e6;border-radius:999px;color:#65717c;background:#fff;font-size:12px;font-weight:600}h1{margin:17px 0 10px;font:600 clamp(40px,5vw,58px)/1.04 "Fraunces",Georgia,serif;letter-spacing:-.035em}.recipe-copy>p{max-width:710px;margin:0;color:#65717c;font-size:16px;line-height:1.7}.recipe-intro img{width:100%;aspect-ratio:4/3;border-radius:20px;object-fit:cover}.recipe-meta{display:flex;align-items:center;gap:24px;margin-top:22px;color:#65717c;font-size:14px}.recipe-meta>span,.servings{display:flex;align-items:center;gap:8px}.servings{padding:4px;border:1px solid #dce2e6;border-radius:999px;background:#fff}.servings>svg{margin-left:6px}.servings button{width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;cursor:pointer}.servings button:hover{background:#e5eef0}.servings strong{min-width:76px;text-align:center;color:#17202a;font-size:13px}.flow-section{margin-top:38px}.flow-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:14px}.flow-heading span{color:#0c6670;font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.flow-heading h2{margin:5px 0 0;font-size:21px}.flow-heading p{margin:0;color:#65717c;font-size:13px}.flow-scroll{overflow-x:auto;border:1px solid #dce2e6;border-radius:18px;background:#fff;box-shadow:0 18px 60px #0f172a0d}.flow-grid{display:grid;min-width:920px}.corner,.step-head{min-height:142px;padding:16px;border-bottom:1px solid #dce2e6}.corner{position:sticky;left:0;z-index:4;display:flex;align-items:end;border-right:1px solid #dce2e6;color:#6a7680;background:#fff;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.step-head{background:#f0f3f4}.step-head b{width:25px;height:25px;display:grid;place-items:center;margin-bottom:9px;border-radius:50%;color:#fff;background:#0c6670;font-size:12px}.step-head strong{display:block;font-size:14px}.step-head p{margin:5px 0 0;color:#65717c;font-size:12px;line-height:1.45}.step-head small{display:block;margin-top:7px;color:#0c6670;font-weight:700}.flow-row{display:contents}.row-label,.flow-cell{min-height:64px;border-bottom:1px solid #e2e7ea}.row-label{position:sticky;left:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-right:1px solid #dce2e6;background:#fff}.row-label strong,.row-label small{display:block}.row-label strong{font-size:13px}.row-label strong.component{color:#0c6670}.row-label small{margin-top:3px;color:#7a858d;font-size:11px}.row-label em{flex:none;color:#65717c;font-size:13px;font-style:normal;font-variant-numeric:tabular-nums}.flow-cell{position:relative;display:flex;align-items:center;justify-content:center;padding:8px}.flow-cell i{position:absolute;left:0;right:0;top:50%;height:1px;background:#0c667047}.flow-cell span{position:relative;z-index:1;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.flow-cell span.add{border:1px solid rgba(12,102,112,.28);color:#0c6670;background:#fff}.flow-cell span.made{color:#fff;background:#0c6670}@media(max-width:900px){.shell{display:block}.sidebar{min-height:auto;padding-bottom:12px;border-right:0;border-bottom:1px solid #dce2e6}.sidebar nav{display:flex;gap:7px;overflow-x:auto}.recipe-link{min-width:230px}.recipe{padding:28px 20px 42px}.recipe-intro{grid-template-columns:1fr}.recipe-intro img{max-height:320px;order:-1}}@media(max-width:560px){.topbar{padding:0 15px}.brand>span:last-child{display:none}.recipe-meta{align-items:flex-start;flex-direction:column;gap:12px}.flow-heading>p{display:none}}