/* food.css.txt — nutrition-area styles extracted from app-v2/web/nutrition.html
   <style> block for the v3 Food views. Shell rules already present in v3
   (.phone, .feed, .h1, .sub, .eyebrow, .britt-note, .cal-*, .toast, .tabbar,
   .tab*, .view, body, :root) were omitted. ONE RENAME: v2 nutrition's bucket
   row class .mini collides with v3's global mini audio player (.mini in
   v3.css), so the bucket-row rule and the food view markup both use
   .nut-mini instead. Everything else is verbatim.
   Integrator: append this file's contents to css/v2.css (or a new css file). */

  .search{margin:16px 0 0;background:#fff;border:1.5px solid var(--ink);border-radius:14px;padding:12px 16px;display:flex;align-items:center;gap:12px;box-shadow:3px 3px 0 var(--ink);}

  .search-icon{font-family:'Fraunces',serif;font-weight:700;font-size:16px;color:var(--ink);}

  .search-placeholder{font-family:'Work Sans',sans-serif;font-size:14px;color:var(--ink-2);opacity:.7;flex:1;}

  .search-input{border:none;outline:none;background:transparent;font-family:'Work Sans',sans-serif;font-size:14px;color:var(--ink);flex:1;padding:0;}

  .filters{margin-top:12px;display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;}

  .filters::-webkit-scrollbar{display:none;}

  .filter-chip{flex:0 0 auto;background:#fff;border:1.5px solid var(--ink);border-radius:999px;height:32px;display:flex;align-items:center;padding:0 14px;font-family:'Work Sans',sans-serif;font-size:12.5px;font-weight:500;color:var(--ink);white-space:nowrap;cursor:pointer;}

  .filter-chip.active{background:var(--ink);color:var(--yellow);}

  /* Recipe-book folder cards */

  .books{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:12px;}

  .book{background:#fff;border:1.5px solid var(--ink);border-radius:16px;padding:14px;box-shadow:4px 4px 0 var(--ink);cursor:pointer;position:relative;min-height:118px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .08s ease;}

  .book:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink);}

  .book .cover{width:42px;height:42px;border-radius:10px;border:1.25px solid var(--ink);display:flex;align-items:center;justify-content:center;font-size:22px;}

  .book .cover.c1{background:linear-gradient(135deg,var(--cream-deep),var(--yellow-pale));}

  .book .cover.c2{background:linear-gradient(135deg,var(--sage),var(--sage-deep));}

  .book .cover.c3{background:linear-gradient(135deg,var(--yellow-pale),var(--yellow));}

  .book .cover.c4{background:linear-gradient(135deg,var(--yellow),var(--yellow-deep));}

  .book .cover.c5{background:linear-gradient(135deg,var(--cream-deep),var(--sage));}

  .book .cover.c6{background:linear-gradient(135deg,var(--sage-deep),var(--sage));}

  .book .b-name{font-family:'Fraunces',serif;font-weight:700;font-size:15px;letter-spacing:-0.008em;line-height:1.14;color:var(--ink);margin-top:10px;}

  .book .b-count{font-family:'DM Mono',monospace;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);margin-top:5px;}

  /* Back row */

  .backrow{display:flex;align-items:center;gap:10px;}

  .back-btn{font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);background:#fff;border:1.5px solid var(--ink);border-radius:999px;height:32px;display:inline-flex;align-items:center;padding:0 14px;box-shadow:2px 2px 0 var(--ink);cursor:pointer;}

  /* Recipe row */

  .recipe{background:#fff;border:1.5px solid var(--ink);border-radius:14px;padding:12px;margin-bottom:10px;display:flex;gap:12px;align-items:center;box-shadow:3px 3px 0 var(--ink);position:relative;}

  .recipe-thumb{width:54px;height:54px;border-radius:10px;border:1.25px solid var(--ink);flex:0 0 auto;display:flex;align-items:center;justify-content:center;font-size:25px;}

  .t1{background:linear-gradient(135deg,var(--yellow-pale),var(--yellow));}

  .t2{background:linear-gradient(135deg,var(--sage),var(--sage-deep));}

  .t3{background:linear-gradient(135deg,var(--cream-deep),var(--yellow-pale));}

  .t4{background:linear-gradient(135deg,var(--yellow),var(--yellow-deep));}

  .t5{background:linear-gradient(135deg,var(--cream-deep),var(--sage));}

  .recipe-body{flex:1;min-width:0;}

  .recipe-name{font-family:'Fraunces',serif;font-weight:700;font-size:15px;letter-spacing:-0.008em;color:var(--ink);line-height:1.16;}

  .recipe-meta{font-family:'Work Sans',sans-serif;font-size:11.5px;color:var(--ink-2);margin-top:3px;}

  .recipe-meta strong{color:var(--ink);font-weight:600;}

  .recipe-meta .dot{margin:0 5px;opacity:.5;}

  .pick-badge{position:absolute;top:-7px;left:14px;font-family:'DM Mono',monospace;font-size:8.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--yellow);background:var(--ink);padding:3px 7px;border-radius:4px;transform:rotate(-2deg);}

  .add-btn{width:34px;height:34px;border-radius:10px;background:var(--ink);color:var(--yellow);border:1.5px solid var(--ink);display:flex;align-items:center;justify-content:center;font-family:'Fraunces',serif;font-weight:800;font-size:19px;flex:0 0 auto;cursor:pointer;line-height:0;}

  .add-btn.saved{background:var(--sage);color:var(--ink);}

  .like{margin-top:6px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);background:var(--cream-deep);border:1.25px solid var(--ink);border-radius:999px;padding:4px 10px;box-shadow:1.5px 1.5px 0 var(--ink);}

  .like:active{transform:translate(1px,1px);box-shadow:.5px .5px 0 var(--ink);}

  .like .hrt{font-size:12px;line-height:1;color:var(--ink);}

  .like .hrt.on{color:var(--yellow-deep);}

  .rd-loved{margin-top:10px;display:inline-flex;align-items:center;gap:8px;background:var(--cream-deep);border:1.25px solid var(--ink);border-radius:999px;padding:7px 13px;cursor:pointer;box-shadow:2px 2px 0 var(--ink);}

  .rd-loved .hrt{font-size:15px;line-height:1;color:var(--ink);}

  .rd-loved.you .hrt{color:var(--yellow-deep);}

  .rd-loved .txt{font-family:'Work Sans',sans-serif;font-size:12px;font-weight:600;color:var(--ink);}

  /* Slot bucket */

  .slot-head{margin-top:20px;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;}

  .slot-head .l{display:flex;align-items:center;gap:10px;}

  .slot-pip{width:30px;height:30px;border-radius:8px;background:var(--ink);color:var(--yellow);display:flex;align-items:center;justify-content:center;font-family:'Fraunces',serif;font-weight:800;font-size:15px;}

  .slot-pip.b{background:var(--yellow-deep);color:var(--ink);}

  .slot-pip.l{background:var(--sage-deep);color:var(--ink);}

  .slot-pip.d{background:var(--ink);color:var(--yellow);}

  .slot-pip.s{background:#fff;color:var(--ink);border:1.5px solid var(--ink);}

  .slot-name-h{font-family:'Fraunces',serif;font-weight:700;font-size:18px;letter-spacing:-0.01em;color:var(--ink);text-transform:lowercase;}

  .slot-count{font-family:'DM Mono',monospace;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);}

  .nut-mini{background:#fff;border:1.5px solid var(--ink);border-radius:12px;padding:10px 12px;margin-bottom:8px;display:flex;gap:11px;align-items:center;box-shadow:2px 2px 0 var(--ink);}

  .mini-thumb{width:40px;height:40px;border-radius:9px;border:1.25px solid var(--ink);flex:0 0 auto;display:flex;align-items:center;justify-content:center;font-size:19px;}

  .mini-body{flex:1;min-width:0;}

  .mini-name{font-family:'Fraunces',serif;font-weight:700;font-size:13.5px;color:var(--ink);line-height:1.15;}

  .mini-meta{font-family:'Work Sans',sans-serif;font-size:10.5px;color:var(--ink-2);margin-top:2px;}

  .mini-meta strong{color:var(--ink);font-weight:600;}

  .mini-x{width:24px;height:24px;border-radius:999px;border:1.25px solid var(--ink);background:#fff;display:flex;align-items:center;justify-content:center;font-family:'Work Sans';font-size:13px;color:var(--ink-2);flex:0 0 auto;cursor:pointer;line-height:0;}

  .add-to-slot{background:transparent;border:1.5px dashed var(--ink);border-radius:12px;padding:11px 12px;display:flex;align-items:center;gap:10px;font-family:'Work Sans',sans-serif;font-size:12.5px;color:var(--ink-2);cursor:pointer;}

  .add-to-slot .plus{width:24px;height:24px;border-radius:999px;background:var(--cream-deep);border:1.25px solid var(--ink);display:flex;align-items:center;justify-content:center;font-family:'Fraunces',serif;font-weight:700;font-size:14px;color:var(--ink);}

  /* Britt coaching note */

  /* Macros card */

  .macros{margin-top:16px;background:#fff;border:1.5px solid var(--ink);border-radius:16px;padding:16px;box-shadow:4px 4px 0 var(--ink);}

  .macros-head{display:flex;justify-content:space-between;align-items:baseline;}

  .macros-label{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-2);}

  .macros-helper{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);opacity:.7;}

  .macros-grid{margin-top:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}

  .target-picker{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 4px;}

  .tgt-chip{font-family:'Work Sans',sans-serif;font-size:11.5px;font-weight:500;color:var(--ink);background:#fff;border:1.5px solid var(--ink);border-radius:999px;padding:7px 12px;cursor:pointer;}

  .tgt-chip.on{background:var(--ink);color:var(--yellow);}

  .mac{background:var(--cream-deep);border:1.25px solid var(--ink);border-radius:10px;padding:9px 10px;}

  .mac.protein{background:var(--sage);}

  .mac .mac-label{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-2);}

  .mac .mac-val{font-family:'Fraunces',serif;font-weight:700;font-size:18px;color:var(--ink);line-height:1.1;margin-top:3px;font-variation-settings:"opsz" 144;}

  .mac .mac-sub{font-family:'Work Sans',sans-serif;font-size:10.5px;color:var(--ink-2);margin-top:2px;}

  /* Plate builder */

  .plate-label{font-family:'DM Mono',monospace;font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-2);margin-top:22px;margin-bottom:10px;display:flex;align-items:center;gap:10px;}

  .plate-label::after{content:"";flex:1;height:1.5px;background:var(--ink);opacity:.18;}

  .plate-row{background:#fff;border:1.5px solid var(--ink);border-radius:12px;padding:11px 13px;margin-bottom:8px;display:flex;gap:11px;align-items:center;box-shadow:2px 2px 0 var(--ink);cursor:pointer;}

  .plate-row .tag{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-2);width:62px;flex:0 0 auto;}

  .plate-row .pick{font-family:'Fraunces',serif;font-weight:700;font-size:14px;color:var(--ink);flex:1;line-height:1.15;}

  .plate-row .swap{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);opacity:.7;}

  /* Toast */

  /* Log trigger + sheet */

  .log-trigger{margin-top:14px;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--ink);color:var(--yellow);border:1.5px solid var(--ink);border-radius:999px;padding:14px;box-shadow:4px 4px 0 var(--yellow-deep);font-family:'Work Sans',sans-serif;font-weight:600;font-size:14px;cursor:pointer;}

  .log-trigger .pip{width:8px;height:8px;border-radius:999px;background:var(--yellow);}

  .sheet-scrim{position:absolute;inset:0;background:rgba(26,26,26,.42);opacity:0;pointer-events:none;transition:opacity .25s;z-index:70;}

  .sheet-scrim.show{opacity:1;pointer-events:auto;}

  .sheet{position:absolute;left:0;right:0;bottom:0;background:var(--cream);border-top-left-radius:26px;border-top-right-radius:26px;border:1.5px solid var(--ink);border-bottom:none;transform:translateY(105%);transition:transform .3s cubic-bezier(.2,.85,.25,1);z-index:71;padding:8px 20px 30px;max-height:82%;overflow-y:auto;}

  .sheet::-webkit-scrollbar{display:none;}

  .sheet.show{transform:translateY(0);}

  .sheet-grab{width:42px;height:5px;border-radius:999px;background:rgba(26,26,26,.22);margin:6px auto 14px;}

  .sheet-title{font-family:'Fraunces',serif;font-weight:800;font-size:24px;text-transform:lowercase;letter-spacing:-0.02em;color:var(--ink);}

  .sheet-sub{font-family:'Work Sans',sans-serif;font-size:12.5px;color:var(--ink-2);margin-top:4px;margin-bottom:16px;}

  .log-opt{background:#fff;border:1.5px solid var(--ink);border-radius:14px;padding:13px 14px;margin-bottom:10px;display:flex;gap:12px;align-items:center;box-shadow:3px 3px 0 var(--ink);cursor:pointer;}

  .log-opt .ic{width:44px;height:44px;border-radius:11px;border:1.25px solid var(--ink);display:flex;align-items:center;justify-content:center;font-size:22px;flex:0 0 auto;}

  .log-opt .ic.search{background:var(--yellow-pale);}

  .log-opt .ic.scan{background:var(--sage);}

  .log-opt .ic.quick{background:var(--cream-deep);}

  .log-opt .ttl{font-family:'Fraunces',serif;font-weight:700;font-size:15px;color:var(--ink);letter-spacing:-0.006em;}

  .log-opt .desc{font-family:'Work Sans',sans-serif;font-size:11.5px;color:var(--ink-2);margin-top:2px;}

  .log-opt .chev{margin-left:auto;font-family:'Fraunces',serif;font-weight:700;font-size:18px;color:var(--ink-2);}

  .food-search{display:none;margin-top:2px;}

  .food-search.show{display:block;}

  .food-row{background:#fff;border:1.5px solid var(--ink);border-radius:12px;padding:10px 12px;margin-bottom:8px;display:flex;gap:11px;align-items:center;box-shadow:2px 2px 0 var(--ink);}

  .food-row .fb{flex:1;min-width:0;}

  .food-row .fn{font-family:'Fraunces',serif;font-weight:700;font-size:13.5px;color:var(--ink);line-height:1.15;}

  .food-row .fm{font-family:'Work Sans',sans-serif;font-size:10.5px;color:var(--ink-2);margin-top:2px;}

  .food-row .fm strong{color:var(--ink);font-weight:600;}

  .food-row .fadd{width:32px;height:32px;border-radius:9px;background:var(--ink);color:var(--yellow);display:flex;align-items:center;justify-content:center;font-family:'Fraunces';font-weight:800;font-size:18px;flex:0 0 auto;cursor:pointer;line-height:0;}

  .food-src{font-family:'DM Mono',monospace;font-size:8.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);opacity:.7;margin:2px 0 10px;}

  /* Tab bar */

  /* Log pill on My Meals */

  .mini-log{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);background:var(--yellow);border:1.25px solid var(--ink);border-radius:999px;height:24px;display:flex;align-items:center;padding:0 10px;flex:0 0 auto;cursor:pointer;box-shadow:1.5px 1.5px 0 var(--ink);}

  .mini-log.done{background:var(--sage);}

  /* Recipe detail */

  .rd-hero{margin:14px 0 0;border-radius:18px;border:1.5px solid var(--ink);box-shadow:5px 5px 0 var(--ink);overflow:hidden;}

  .rd-photo{height:150px;background:linear-gradient(135deg,var(--yellow-pale),var(--yellow));display:flex;align-items:center;justify-content:center;font-size:60px;border-bottom:1.5px solid var(--ink);overflow:hidden;}

  .rd-photo img{width:100%;height:100%;object-fit:cover;display:block;}

  .recipe-thumb{overflow:hidden;}

  .recipe-thumb img{width:100%;height:100%;object-fit:cover;display:block;}

  /* ---- Supps (partner products) ---- */

  .supp-supports{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px;}

  .supp-chip{display:inline-flex;align-items:center;gap:5px;background:var(--sage);border:1.25px solid var(--ink);border-radius:999px;padding:4px 10px;font-family:'Work Sans',sans-serif;font-weight:600;font-size:11.5px;color:var(--ink);}

  .supp-chip .e{font-size:13px;line-height:1;}

  .supp-sec{font-family:'DM Mono',monospace;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);margin:18px 0 8px;}

  .supp-blurb{font-family:'Work Sans',sans-serif;font-size:14px;line-height:1.55;color:var(--ink);}

  .supp-actives{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:7px;}

  .supp-actives li{font-family:'Work Sans',sans-serif;font-size:13px;line-height:1.4;color:var(--ink);padding-left:16px;position:relative;}

  .supp-actives li::before{content:"+";position:absolute;left:0;top:0;color:var(--yellow-deep);font-family:'Fraunces',serif;font-weight:800;}

  .supp-how{font-family:'Work Sans',sans-serif;font-size:13px;line-height:1.5;color:var(--ink-2);}

  .supp-code{margin-top:6px;background:var(--yellow-pale);border:1.5px solid var(--ink);border-radius:14px;box-shadow:3px 3px 0 var(--ink);padding:14px;display:flex;align-items:center;gap:12px;}

  .supp-code .sc-l{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);}

  .supp-code .sc-code{font-family:'Fraunces',serif;font-weight:800;font-size:22px;letter-spacing:.02em;color:var(--ink);line-height:1;margin-top:3px;}

  .supp-code .sc-note{font-family:'Work Sans',sans-serif;font-size:11.5px;color:var(--ink-2);margin-top:4px;}

  .supp-code .sc-copy{margin-left:auto;flex:0 0 auto;background:var(--ink);color:var(--yellow);border-radius:999px;padding:9px 15px;font-family:'Work Sans',sans-serif;font-weight:600;font-size:12px;cursor:pointer;}

  .supp-code .sc-copy:active{transform:translateY(1px);}

  .supp-cta{display:flex;gap:10px;margin-top:18px;}

  .supp-cta .scta{flex:1;text-align:center;border:1.5px solid var(--ink);border-radius:999px;padding:13px;font-family:'Work Sans',sans-serif;font-weight:600;font-size:13.5px;cursor:pointer;box-shadow:3px 3px 0 var(--ink);}

  .supp-cta .scta.add{background:var(--ink);color:var(--yellow);}

  .supp-cta .scta.shop{background:#fff;color:var(--ink);}

  .supp-hero{display:flex;gap:14px;align-items:flex-start;margin-top:6px;}

  .supp-hero .sh-photo{width:96px;height:96px;border-radius:14px;border:1.5px solid var(--ink);overflow:hidden;flex:0 0 auto;box-shadow:3px 3px 0 var(--ink);background:#fff;}

  .supp-hero .sh-photo{padding:6px;box-sizing:border-box;}

  .supp-hero .sh-photo img{width:100%;height:100%;object-fit:contain;display:block;}

  .recipe-thumb.supp-thumb{background:#fff;}

  .recipe-thumb.supp-thumb img{object-fit:contain;padding:4px;box-sizing:border-box;}

  .supp-hero .sh-name{font-family:'Fraunces',serif;font-weight:700;font-size:22px;letter-spacing:-0.01em;line-height:1.1;color:var(--ink);}

  .supp-hero .sh-brand{font-family:'DM Mono',monospace;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);margin-top:6px;}

  .rd-photo-body{padding:14px 16px;background:#fff;}

  .rd-name{font-family:'Fraunces',serif;font-weight:800;font-size:25px;line-height:1.05;letter-spacing:-0.02em;color:var(--ink);text-transform:lowercase;}

  .rd-tagrow{margin-top:7px;display:flex;gap:6px;flex-wrap:wrap;}

  .rd-tag{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);background:var(--cream-deep);border:1.25px solid var(--ink);border-radius:5px;padding:3px 7px;}

  .rd-macros{margin-top:14px;display:grid;grid-template-columns:repeat(5,1fr);gap:5px;}

  .rd-mac{background:#fff;border:1.25px solid var(--ink);border-radius:10px;padding:9px 6px;text-align:center;box-shadow:2px 2px 0 var(--ink);}

  .rd-mac.p{background:var(--sage);}

  .rd-mac .v{font-family:'Fraunces',serif;font-weight:800;font-size:17px;color:var(--ink);line-height:1;font-variation-settings:"opsz" 144;}

  .rd-mac .l{font-family:'DM Mono',monospace;font-size:7.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);margin-top:4px;}

  .rd-sec-label{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-2);margin-top:20px;margin-bottom:9px;display:flex;align-items:center;gap:10px;}

  .rd-sec-label::after{content:"";flex:1;height:1.5px;background:var(--ink);opacity:.18;}

  .swap-box{background:var(--yellow-pale);border:1.5px solid var(--ink);border-radius:14px;padding:13px 14px;box-shadow:3px 3px 0 var(--ink);}

  .swap-q{font-family:'Fraunces',serif;font-weight:700;font-size:14px;color:var(--ink);margin-bottom:9px;letter-spacing:-0.005em;}

  .swap-chips{display:flex;gap:7px;flex-wrap:wrap;}

  .swap-chip{font-family:'Work Sans',sans-serif;font-size:12.5px;font-weight:500;color:var(--ink);background:#fff;border:1.5px solid var(--ink);border-radius:999px;height:34px;display:flex;align-items:center;padding:0 14px;cursor:pointer;}

  .swap-chip.active{background:var(--ink);color:var(--yellow);}

  .swap-toggle{margin-top:10px;display:flex;align-items:center;gap:10px;background:#fff;border:1.5px dashed var(--ink);border-radius:11px;padding:10px 12px;cursor:pointer;}

  .swap-toggle .box{width:22px;height:22px;border-radius:6px;border:1.5px solid var(--ink);background:var(--cream-deep);display:flex;align-items:center;justify-content:center;font-family:'Fraunces';font-weight:800;font-size:14px;color:transparent;flex:0 0 auto;}

  .swap-toggle.on .box{background:var(--ink);color:var(--yellow);}

  .swap-toggle .txt{font-family:'Work Sans',sans-serif;font-size:12.5px;color:var(--ink);flex:1;}

  .swap-toggle .txt b{font-weight:600;}

  .swap-foot{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);opacity:.7;margin-top:9px;}

  .rd-serve-line{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);margin-top:12px;display:flex;gap:14px;flex-wrap:wrap;}

  .rd-serves{display:flex;align-items:center;gap:10px;margin:14px 0 4px;font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);}

  .rd-serves .serv-step{display:flex;align-items:center;border:1.5px solid var(--ink);border-radius:9px;overflow:hidden;}

  .rd-serves .serv-step button{border:none;background:#fff;width:30px;height:28px;font-size:16px;cursor:pointer;color:var(--ink);font-family:'DM Sans',sans-serif;}

  .rd-serves .serv-step button:active{background:var(--yellow-pale);}

  .rd-serves #serv-n{width:30px;text-align:center;font-size:13px;border-left:1.5px solid var(--ink);border-right:1.5px solid var(--ink);line-height:28px;}

  .shop-link{background:var(--ink)!important;color:var(--yellow)!important;justify-content:center;margin-top:8px;}

  .shop-sec{font-family:'Fraunces',serif;font-weight:700;font-size:16px;margin:18px 0 8px;color:var(--ink);}

  .shop-item{display:flex;align-items:center;gap:11px;padding:11px 13px;background:#fff;border:1.5px solid var(--ink);border-radius:11px;margin-bottom:7px;cursor:pointer;box-shadow:2px 2px 0 var(--ink);}

  .shop-item .cb{width:20px;height:20px;border:1.5px solid var(--ink);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;color:transparent;flex:none;}

  .shop-item.on .cb{background:var(--yellow);color:var(--ink);}

  .shop-item.on .t{text-decoration:line-through;color:var(--ink-2);}

  .rd-note{background:var(--cream-deep);border:1.25px dashed var(--ink);border-radius:11px;padding:10px 12px;margin-top:12px;font-family:'Work Sans',sans-serif;font-size:12px;color:var(--ink-2);line-height:1.4;}

  .rd-note b{color:var(--ink);font-weight:600;}

  .swap-q + .swap-q, .swap-chips + .swap-q{margin-top:13px;}

  .swap-est{font-family:'Work Sans',sans-serif;font-size:10px;color:var(--ink-2);opacity:.8;margin-top:10px;line-height:1.45;}

  .est-tag{font-family:'DM Mono',monospace;font-size:7.5px;letter-spacing:.08em;text-transform:uppercase;background:var(--yellow);border:1px solid var(--ink);border-radius:3px;padding:0 3px;margin-left:4px;color:var(--ink);}

  .rd-list{list-style:none;}

  .rd-list li{font-family:'Work Sans',sans-serif;font-size:13.5px;color:var(--ink-2);padding:7px 0 7px 22px;position:relative;border-bottom:1px solid rgba(26,26,26,.08);}

  .rd-list li::before{content:"";position:absolute;left:2px;top:13px;width:7px;height:7px;border-radius:999px;background:var(--yellow-deep);border:1px solid var(--ink);}

  ol.rd-steps{list-style:none;counter-reset:s;}

  ol.rd-steps li{counter-increment:s;font-family:'Work Sans',sans-serif;font-size:13.5px;color:var(--ink-2);line-height:1.45;padding:9px 0 9px 38px;position:relative;}

  ol.rd-steps li::before{content:counter(s,decimal-leading-zero);position:absolute;left:0;top:8px;font-family:'DM Mono',monospace;font-size:11px;color:var(--ink);background:var(--yellow);border:1.25px solid var(--ink);border-radius:6px;width:26px;height:24px;display:flex;align-items:center;justify-content:center;}

  .rd-cta{position:sticky;bottom:0;margin:18px -22px 0;padding:14px 22px 16px;background:linear-gradient(180deg,transparent,var(--cream) 24%);display:flex;gap:8px;}

  .rd-cta .save{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;border:1.5px solid var(--ink);border-radius:999px;padding:13px;font-family:'Work Sans';font-weight:600;font-size:13.5px;color:var(--ink);box-shadow:3px 3px 0 var(--ink);cursor:pointer;}

  .rd-cta .logit{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--ink);color:var(--yellow);border:1.5px solid var(--ink);border-radius:999px;padding:13px;font-family:'Work Sans';font-weight:600;font-size:13.5px;box-shadow:3px 3px 0 var(--yellow-deep);cursor:pointer;}

  .rd-cta .pip{width:7px;height:7px;border-radius:999px;background:var(--yellow);}

  .rd-cta .save .pip{background:var(--yellow-deep);}

  .empty-note{font-family:'Work Sans',sans-serif;font-size:13px;color:var(--ink-2);opacity:.7;padding:10px 0;font-style:normal;}

  /* Add-your-own card + create form */

  .book.addown .cover{background:var(--ink);color:var(--yellow);border-style:dashed;}

  .create-card{margin-top:14px;background:transparent;border:1.5px dashed var(--ink);border-radius:14px;padding:14px;display:flex;align-items:center;gap:12px;cursor:pointer;}

  .create-card .plus{width:38px;height:38px;border-radius:10px;background:var(--ink);color:var(--yellow);display:flex;align-items:center;justify-content:center;font-family:'Fraunces',serif;font-weight:800;font-size:20px;flex:0 0 auto;}

  .create-card .ttl{font-family:'Fraunces',serif;font-weight:700;font-size:15px;color:var(--ink);}

  .create-card .desc{font-family:'Work Sans',sans-serif;font-size:12px;color:var(--ink-2);margin-top:2px;}

  .field{margin-bottom:13px;}

  .field > label{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-2);display:block;margin-bottom:6px;}

  .field input{width:100%;font-family:'Work Sans',sans-serif;font-size:15px;color:var(--ink);background:#fff;border:1.5px solid var(--ink);border-radius:12px;padding:12px 14px;box-shadow:2px 2px 0 var(--ink);-webkit-appearance:none;}

  .field input:focus{outline:none;box-shadow:2px 2px 0 var(--yellow-deep);}

  .field input::placeholder{color:var(--ink-2);opacity:.45;}

  .macro-fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;}

  .type-chips{display:flex;gap:7px;flex-wrap:wrap;}

  .type-chip{font-family:'Work Sans',sans-serif;font-size:12.5px;font-weight:500;color:var(--ink);background:#fff;border:1.5px solid var(--ink);border-radius:999px;height:34px;display:flex;align-items:center;padding:0 14px;cursor:pointer;}

  .type-chip.active{background:var(--ink);color:var(--yellow);}

  .form-note{font-family:'Work Sans',sans-serif;font-size:12px;color:var(--ink);background:var(--sage);border:1.25px dashed var(--ink);border-radius:11px;padding:10px 12px;margin:2px 0 16px;}

  .save-recipe{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--ink);color:var(--yellow);border:1.5px solid var(--ink);border-radius:999px;padding:14px;box-shadow:4px 4px 0 var(--yellow-deep);font-family:'Work Sans',sans-serif;font-weight:600;font-size:14px;cursor:pointer;}

  .save-recipe .pip{width:8px;height:8px;border-radius:999px;background:var(--yellow);}