tag (line ~182). Breakpoints mirror Tailwind: sm: 640px · md: 768px ============================================================ */ /* --- 1. Global overflow guard: zero horizontal scrolling --- */ html, body { overflow-x: hidden; width: 100%; } img, video, canvas, svg, table { max-width: 100%; } input, select, button { max-width: 100%; } /* --- 2. Sticky header: low-profile + backdrop blur (z-50 equivalent) --- */ header { position: sticky; top: 0; z-index: 50; background: linear-gradient(180deg, rgba(10,10,12,.85), rgba(0,0,0,.92)); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border-bottom: 1px solid #111111; padding: 10px 16px; flex-wrap: nowrap; } header .brand { min-width: 0; } #greeting { font-size: 17px; margin: 0; } #date-line { font-size: 11px; } header .tag { display: none; } /* declutter on phones */ #save-status { display: none; } /* remove sync label on mobile (per spec) */ header .reset { font-size: 12px; } /* --- 3. Fluid cards: full-viewport fit, no cramping --- */ .wrap { padding: 14px 14px calc(96px + env(safe-area-inset-bottom)); } .grid { grid-template-columns: 1fr; gap: 14px; } /* always single col on mobile */ .grid > * { min-width: 0; } .card { padding: 16px; border-radius: 14px; } .card h2 { font-size: 12px; } .quick { gap: 6px; } .quick .btn { flex: 1 1 auto; } /* thumb-friendly stretch */ /* --- 4. 44px touch targets (Apple/Android minimum) --- */ @media (max-width: 768px) { .btn { min-height: 44px; padding: 12px 14px; font-size: 14px; } .dose-item { padding: 14px; } .act-task { padding: 13px 12px; } .thread-item { padding: 12px; } input, select { min-height: 44px; font-size: 15px; } /* prevent iOS zoom */ } /* --- 5. AI chat: full-height, stacked below logs, big input --- */ .ai-layout { flex-direction: column; gap: 12px; } .ai-side { width: 100%; border-right: none; border-bottom: 1px solid #111111; padding-right: 0; padding-bottom: 12px; max-height: 40vh; } .ai-main { width: 100%; min-width: 0; } .ai-chat { min-height: 46vh; max-height: 56vh; padding-bottom: 8px; } .ai-bubble { font-size: 15px; line-height: 1.7; margin: 0 6px; } .ai-msg.user .ai-bubble { max-width: 85%; padding: 12px 16px; } .ai-inputrow { position: sticky; bottom: calc(64px + env(safe-area-inset-bottom)); z-index: 45; gap: 8px; background: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.95) 40%); padding: 10px 0 6px; } .ai-inputrow input { min-height: 48px; font-size: 16px; border-radius: 12px; } /* --- 6. Remove bottom clutter: backup status card + footer on mobile --- */ footer { display: none; } /* log footer removed */ .wrap > .card:last-of-type { /* backup card: compact strip on mobile */ padding: 10px 12px; margin-top: 10px; } .wrap > .card:last-of-type h2 { margin-bottom: 6px; } .wrap > .card:last-of-type .muted { display: none; } /* sync explanation hidden */ .wrap > .card:last-of-type .quick { justify-content: flex-start; } .wrap > .card:last-of-type .btn { flex: 0 0 auto; min-height: 38px; padding: 8px 12px; font-size: 12px; } /* --- 7. md (768px+) — wider layouts re-enable two-column where useful --- */ @media (min-width: 768px) { .grid { grid-template-columns: 1fr 1fr; gap: 20px; } header { padding: 14px 24px; } header .tag { display: inline-block; } .wrap { padding: 20px 24px 110px; } .ai-chat { min-height: 55vh; max-height: 70vh; } footer { display: block; } /* footer returns on desktop */ .wrap > .card:last-of-type .muted { display: block; } }

23y · 86kg · ~6'4" Fat loss → Recomp → Skin ✓ All data synchronized reset

🌙 Tonight —

BD Micro-Fine+ Demi · U-100 · max 30 units. Red fill = draw to here. Red line = stop.

💊 Vitamins — Nightly · after a small bit of calories

Tap each vitamin to log it taken tonight. Your 7-day history is below.

📍 Injection Sites & Best Pick Tonight

Tap a zone to log where you pinned. Recommended zone = least-recently used, rotated automatically.

🏋️ Physical Activity —

🧪 Mix & Draw

U-100: 100 units = 1 ml → 1 unit = 0.01 ml. Max 30U per syringe. Use 1 ml BAC per peptide vial — NOT the whole 3 ml BAC bottle.
Retatrutide 5mg/vial · aggressive ramp
  1. Reconstitute with 1 ml BAC → 5 mg/ml (100U in vial).
  2. Back-fill the whole vial into the 1 ml syringe, then pin with 30U syringes.
  3. Dose ramps +0.5 mg (10U) every week. Current week's split shown below.
→ 30U
→ 20U
→ 30U
→ 30U
→ 30U
→ 30U
Tesamorelin 10mg/vial · from Mon 27 Jul
  1. Reconstitute with 1 ml BAC → 10 mg/ml.
  2. Draw 10U (0.1 ml) = 1 mg → 1 syringe.
→ 10U
GHK-Cu 100mg/vial
  1. Reconstitute with 1 ml BAC → 100 mg/ml.
  2. Draw 20U (0.2 ml) = 20 mg → 1 syringe.
→ 20U
BAC water 3 ml/vial · draw 1 ml per peptide vial, fresh sterile each time.

📓 Dose Log

DateCompoundmgUSite

📉 Weight & Photo Progress

Photos (private, on this device):

🗓️ Rhythm

SUNDAY: Retatrutide (ramps weekly, see Mix & Draw) + GHK-Cu 20mg (20U) + cream
MON–SAT: GHK-Cu 20mg (20U) + cream
From Mon 27 Jul: + Tesamorelin 1mg (10U) nightly, fasted
NIGHTLY (after small snack): Vitamins — Mg 200mg · Zinc 50mg · Omega-3 blend · D3 5000IU + MK-7 180mcg · Electrolytes · Creatine 20g
Wipe vial septum + injection area with alcohol. Rotate sites. Refrigerate reconstituted 2–8°C dark. Never reuse syringes.

🤖 AI Coach beta · multi-chat · history saved

Not medical advice — personal reference only.

💾 Backup

All data lives in this browser. Export regularly — clearing browser data or storage limits can wipe everything.