/* v3 phone shell (mockups/src/v3/v3.css). Loaded after tokens.css + app.css. Tap targets >= 44px. */
body.v3{width:auto;max-width:520px;margin:0 auto;height:auto;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding-bottom:132px;line-height:1.35}
body.v3:not(.dark){--bg:#F6F5F1;--card:#fff;--ink:#1F2421;--muted:#6B716C;--line:#E6E3DC;--accent:#286E61;--accent-soft:#E2F0EC;--warn:#8A5A0F;--warn-soft:#FBF1DE;--block:#B42318;--block-soft:#FDE8E6}
.v3 .wrap{padding:14px 18px 8px}
.v3 h1{font-size:26px;font-weight:700;margin-bottom:2px}.v3 h2{font-size:18px;font-weight:650}
.v3 .card{border-radius:18px;padding:16px;margin-top:12px;border:1px solid var(--line);background:var(--card);box-shadow:0 1px 2px rgba(0,0,0,.05),0 4px 14px rgba(0,0,0,.05)}
.v3 .row{display:flex;align-items:center;gap:10px}.v3 .between{justify-content:space-between}
.v3 .btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;min-width:44px;padding:0 18px;border-radius:14px;font-size:17px;font-weight:650;margin-top:12px}
.v3 .btn.block{display:flex;width:100%}
.v3 .btn.ghost{background:var(--accent-soft);color:var(--accent);border:0}
.v3 input,.v3 select{min-height:48px;border-radius:12px;font-size:16px}
.v3 label{font-size:15px}
.v3 .link,.v3 .chip,.v3 .icon-btn{min-height:44px;min-width:44px}
.v3 .link{display:inline-flex;align-items:center;justify-content:center;padding:0 8px}
.v3 .chip{display:inline-flex;align-items:center;padding:0 14px;border-radius:999px;font-weight:600;font-size:14px;background:var(--card);color:var(--ink);border:1px solid var(--line)}
.v3 .chip.on{background:var(--accent);color:#fff;border-color:var(--accent)}
.v3 .icon-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;border:1px solid var(--line);background:var(--bg);color:var(--accent);font-size:18px;font-weight:700;cursor:pointer}
.v3 .icon-btn[disabled]{opacity:.35;cursor:default}
.v3 .pill{display:inline-block;padding:4px 10px;border-radius:999px;font-size:13px;font-weight:600;background:var(--accent-soft);color:var(--accent)}
.v3 .big{font-size:34px;font-weight:700}
.v3 .bar{height:12px;border-radius:6px}
.v3 .list{list-style:none;margin:0}.v3 .list li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px;min-height:44px;padding:6px 0;border-top:1px solid var(--line);margin:0}.v3 .list li:first-child{border-top:none}
.v3 .card.nudge{background:var(--warn-soft);border-color:#F0DDB5}
.v3 .disclaimer{bottom:72px;font-size:11.5px}
.v3 nav.tabs{height:72px;z-index:20}
.v3 nav.tabs a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:44px;padding:0;font-size:12px}
.v3 nav.tabs a .ic{font-size:22px;font-weight:400;line-height:1}
.v3 nav.tabs a[aria-current=page]{font-weight:700}
.v3 .dark .btn:not(.ghost),.dark.v3 .btn:not(.ghost){color:#0E1A17}
/* bottom sheet */
.v3 .sheet-dim{position:fixed;inset:0;background:rgba(20,25,22,.45);z-index:30}
.v3 .sheet{position:fixed;left:0;right:0;bottom:0;max-width:520px;margin:0 auto;max-height:82vh;overflow-y:auto;background:var(--bg);border-radius:24px 24px 0 0;padding:10px 18px 24px;z-index:31}
.v3 .grab{width:44px;height:5px;border-radius:3px;background:#cfccc4;margin:0 auto 10px}
.v3 .card-move{float:right;display:flex;gap:6px;margin:-4px -4px 4px 8px}
.v3 .card-move .icon-btn{width:44px;height:44px}
.v3 .wrap-row{flex-wrap:wrap;gap:8px}
.v3 .pick-list{display:flex;flex-direction:column;gap:6px;margin:6px 0 12px}
.v3 .pick-row{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:52px;width:100%;text-align:left;padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink);font:inherit}
.v3 .grow{flex:1}.v3 details.typed summary{min-height:44px;display:flex;align-items:center;cursor:pointer;color:var(--accent);font-weight:600}
.v3 .ex-card{display:flex;align-items:center;gap:10px}.v3 .ex-main{flex:1;display:flex;align-items:center;gap:10px;min-height:56px;text-align:left;background:none;border:0;color:var(--ink);font:inherit;padding:0}
.v3 .ex-num{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--line);font-weight:700;flex:none}
.v3 .ex-num.done{background:var(--accent);color:#fff}
.v3 .stepper{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0}.v3 .stepper .val{font-size:34px;font-weight:800;min-width:90px;text-align:center}
.v3 .stepper button{min-width:56px;min-height:56px;font-size:26px}
.v3 .set-list li.next{font-weight:700}
.v3 ul.plain{list-style:none;padding:0;margin:0}.v3 .stepper[data-off] .val{font-size:20px;color:var(--muted,#777)}
/* M6 food */
.input-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 12px 0; }
.input-btn { min-height: 56px; }
ul.plan-meals li { display: flex; align-items: center; gap: 8px; padding: 6px 0; }
ul.plan-meals li.skipped .grow { opacity: .55; text-decoration: line-through; }
.stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; text-align: center; }
.stat b { display: block; font-size: 1.3rem; }
p.big { font-size: 1.8rem; font-weight: 700; margin: 4px 0 10px; }
ul.pick-list { list-style: none; padding: 0; margin: 8px 0; }