:root {
  --ink: #f6f9ff;
  --muted: #b8c9dc;
  --paper: #03080f;
  --card: #0b1628;
  --line: #294a76;
  --mint: #132f52;
  --lime: #2a8cff;
  --coral: #4da3ff;
  --shadow: 0 20px 60px rgba(0,0,0,.38), 0 0 36px rgba(42,140,255,.08);
  color-scheme: dark;
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
html { background: #03080f; }
body {
  color: var(--ink);
  background: radial-gradient(circle at 88% 2%, rgba(42,140,255,.2), transparent 25rem), linear-gradient(rgba(77,163,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(77,163,255,.025) 1px, transparent 1px), #03080f;
  background-size: auto, 42px 42px, 42px 42px, auto;
  font-size: 16px;
  line-height: 1.5;
}
.shell { max-width: 620px; padding-left: 20px; padding-right: 20px; }
.topbar { padding-top: 25px; }
.brand { color: #f7fbff; letter-spacing: .2em; }
.brand::before { content: "A"; display: inline-grid; place-items: center; width: 27px; height: 27px; margin-right: 9px; border: 1px solid #4da3ff; border-radius: 7px; color: #8bc4ff; background: linear-gradient(145deg, #132440, #07111e); box-shadow: 0 0 20px rgba(42,140,255,.25); font-size: 13px; letter-spacing: 0; }
.avatar { background: linear-gradient(145deg,#1b6fd4,#0b3c78); box-shadow: 0 0 24px rgba(42,140,255,.25); }
.eyebrow, .section-kicker, .catalog-count, .food-kicker { color: #8ec5ff !important; }
.hero { position: relative; min-height: 170px; padding-right: 126px; }
.hero::after { content: ""; position: absolute; width: 118px; height: 145px; right: 0; top: 8px; border: 1px solid #294a76; border-radius: 20px; background: url("assets/atlas-vial.jpg") 50% 50% / cover no-repeat; box-shadow: 0 16px 38px rgba(0,0,0,.45), 0 0 28px rgba(42,140,255,.16); }
.hero h1, .section-title, .modal h2 { color: #fff; }
.hero p, .legal, .empty, small, .source { color: var(--muted); }
.card, .stat, .guide, .catalog-card, .coach-card, .food-card, .meal-card, .training-card, .run-card, .wellness-card, .protein-card, .grocery-card, .search-card, .schedule-card, .notification-card { color: #f6f9ff; background: linear-gradient(145deg, rgba(15,30,53,.98), rgba(7,17,31,.99)) !important; border-color: #294a76 !important; box-shadow: var(--shadow); }
.card h2, .card h3, .guide h3, .catalog-card h3, .food-card h3, .meal-card h3 { color: #fff; }
.card p, .guide p, .activity small, .protocol-card p { color: #c0d0e1; }
.dose-card { border: 1px solid #396494 !important; background: linear-gradient(140deg,#07111f,#102846) !important; }
.dose-card::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 100% 0, rgba(42,140,255,.24), transparent 45%); pointer-events: none; }
.dose-card:after { background: #2a8cff; opacity: .22; box-shadow: 0 0 70px #2a8cff; }
.dose-card .eyebrow { color: #9bcaff !important; }
.dose-card p { color: #d1deed; }
.dose-meta span, .pill { background: #132d4e; color: #dbe9f7; border: 1px solid #315783; }
.primary { color: #fff; background: linear-gradient(110deg,#1b6fd4,#2a8cff); box-shadow: 0 10px 28px rgba(27,111,212,.28); }
.secondary, .site, .field input, .field select, .field textarea { color: #f7fbff; background: #0b1b30; border-color: #355d8b; }
.secondary:hover, .site:hover { border-color: #5aa9ff; background: #132d4e; }
.link-btn { color: #93c9ff; }
.progress, .protein-progress, .wellness-meter { background: #132440 !important; }
.progress i, .protein-progress i, .wellness-meter i { background: linear-gradient(90deg,#1b6fd4,#4da3ff) !important; }
.dot { background: #132f52; color: #9bcaff; }
.activity { border-color: #294a76; }
.bottom-nav { color: #b5c9df; background: rgba(3,8,15,.96); border-color: #203d65; box-shadow: 0 -15px 40px rgba(0,0,0,.34); }
.nav-btn { color: #91a9c1; }
.nav-btn.active { color: #75b8ff; }
.fab { background: linear-gradient(145deg,#1b6fd4,#2a8cff); box-shadow: 0 0 30px rgba(42,140,255,.35); }
.protocol-card { border-left-color: #2a8cff; }
.day.today, .cal-day.today { color: #fff; background: #1b6fd4; outline-color: #8bc5ff; }
.day.done b:after, .cal-day .mark { background: #4da3ff; }
.cal-day.has { color: #fff; background: #16385f; }
.month-head h2 { color: #fff; }
.alert, .warning, .safety-note, .catalog-disclaimer { color: #f1d8c8 !important; background: #251b20 !important; border-color: #72523e !important; }
.modal-wrap { background: rgba(0,3,8,.82); backdrop-filter: blur(10px); }
.modal { color: #f6f9ff; background: #07111f; border: 1px solid #294a76; box-shadow: 0 -24px 80px rgba(0,0,0,.55); }
.field span, label { color: #d9e5f2; }
.field input:focus, .field select:focus, .field textarea:focus { border-color: #4da3ff; outline: 3px solid rgba(42,140,255,.15); }
.site.selected { color: #fff; background: #1b6fd4; border-color: #8bc5ff; }
.search-input, .catalog-search, input[type="search"] { color: #fff !important; background: #0b1b30 !important; border-color: #355d8b !important; }
input::placeholder, textarea::placeholder { color: #829bb6; opacity: 1; }
select option, select optgroup { color: #f6f9ff; background: #0b1628; }
.brand-vial-stage, .calculator-visual-strip { background: radial-gradient(circle at 50% 35%, rgba(42,140,255,.2), transparent 52%), #03080f !important; border-color: #294a76 !important; }
.vial-mini-photo { filter: saturate(1.12) contrast(1.08) drop-shadow(0 0 12px rgba(42,140,255,.28)); }
.calculator-visual-item, .calculator-diluent { color: #f6f9ff !important; background-color: #0b1b30 !important; border-color: #355d8b !important; }
.metric, .macro, .coach-option, .food-chip, .training-chip, .run-stat, .wellness-stat { color: #eef6ff !important; background: #102846 !important; border-color: #315783 !important; }
.selected, .active-chip, .coach-option.active { border-color: #5aa9ff !important; }
.run-card, .run-quick-card { border-top-color: #2a8cff !important; }
.run-quick-card { display: grid; grid-template-columns: 1fr auto; gap: 14px; align-items: center; }
.run-quick-card h2 { margin: 5px 0 3px; font-size: 23px; }
.run-quick-card p { margin: 0; font-size: 12px; color: #bfd0e2; }
.run-quick-card .primary { grid-column: 1 / -1; width: 100%; }
.run-quick-stats { display: flex; gap: 7px; }
.run-quick-stats span { min-width: 58px; padding: 9px; border: 1px solid #315783; border-radius: 12px; color: #b8c9dc; background: #102846; font-size: 9px; text-align: center; }
.run-quick-stats b { display: block; color: #fff; font-size: 15px; }
.run-gps-badge { color: #9bcaff !important; background: #132f52 !important; }
.run-summary div, .run-empty, .run-native-note, .run-permission-list > div, .run-finish-stats span { color: #eef6ff !important; background: #102846 !important; border-color: #315783 !important; }
.run-native-note b { color: #9bcaff !important; }
.run-route { color: #4da3ff !important; background: radial-gradient(circle at 50% 50%,#16385f,#07111f) !important; border-color: #355d8b !important; }
.run-live-stats div { background: linear-gradient(145deg,#0b3c78,#102846) !important; }
.run-foreground-warning { color: #f2d9b6 !important; background: #2a2117 !important; border: 1px solid #72583d; }
@media (min-width: 700px) { .shell { padding-top: 20px; } .modal { border-radius: 28px; } }
@media (max-width: 420px) { .shell { padding-left: 15px; padding-right: 15px; } .hero { min-height: 150px; padding-right: 100px; } .hero h1 { font-size: 37px; } .hero::after { width: 92px; height: 126px; } .run-quick-card { grid-template-columns: 1fr; } .run-quick-stats { grid-row: 2; } }

/* Atlas clarity system — keep every workflow readable on dark surfaces */
.search-box,.search-menu,.filter,.coach-bubble,.coach-answer,.glance-item,.profile-stat,.kit-item,.training-stats div,.training-day,.training-next,.training-move,.reminder-row,.supply-row,.day-event,.color-picker,.schedule-explainer,.plan-liquid,.liquid-step,.liquid-step-head>span,.formula-note,.syringe-lesson,.u100-key>*,.nutrition-stat,.pairing-card,.fresh-food-note,.notification-preview,.food-select,.food-chip,.quick-meal,.protein-entry,.protein-quick,.protein-custom,.grocery-item {
  color:#f6f9ff!important;
  background:#10233d!important;
  border-color:#355d8b!important;
}
.search-box:focus-within{outline:3px solid rgba(77,163,255,.2);border-color:#4da3ff}
.search-picker .search{color:#fff!important;background:transparent!important}
.search-caret{color:#fff;background:#1b6fd4!important}
.search-menu{box-shadow:0 22px 55px rgba(0,0,0,.52)}
.search-choice{color:#eef6ff;border-color:#294a76}
.search-choice:hover,.search-choice:focus,.search-custom{background:#16385f!important}
.search-choice .pick,.search-help{color:#9bcaff!important}
.filter{color:#d7e5f3!important}
.filter.active{color:#fff!important;background:#1b6fd4!important;border-color:#5aa9ff!important}
.status.approved{color:#bfe2ff;background:#16385f}.status.caution{color:#ffd9ca;background:#3a2327}.category,.count{color:#b8c9dc}

.ritual-coach-card{background:linear-gradient(145deg,#102541,#0a192d)!important;border-color:#355d8b!important}
.coach-bubble h2,.coach-bubble p,.coach-answer,.glance-item b,.glance-item span{color:#f6f9ff!important}
.coach-answer{box-shadow:none}.coach-answer:hover{background:#16385f!important}.primary-answer{background:#1b6fd4!important}
.coach-mode{color:#eef6ff!important;background:#16385f!important;border:1px solid #416c9e!important}
.coach-orb{color:#fff!important;background:linear-gradient(145deg,#1b6fd4,#4da3ff)!important}
.coach-card-foot,.coach-boundary{color:#bed0e3!important;border-color:#294a76!important}
.coach-week-day{color:#b8c9dc!important}.coach-week-day.done{color:#fff!important;background:#16385f!important}

.liquid-step,.formula-note,.syringe-lesson,.plan-liquid,.vial-setup-visual{color:#eef6ff!important;background:#10233d!important;border:1px solid #355d8b!important}
.liquid-step-head b,.liquid-step-head small,.diluent-translation,.formula-note,.syringe-lesson p,.vial-setup-copy span,.plan-liquid small{color:#c6d7e8!important}
.syringe-callout span{color:#9bcaff!important}.syringe-callout b{color:#fff}.syringe-callout em,.vial-amount-badge{color:#72b7ff!important}
.barrel{fill:#142c49;stroke:#8fb0d1}.needle,.plunger,.plunger-end,.tick-major,.tick-minor{stroke:#aac3da}.needle-tip{fill:#aac3da}.scale-number,.syringe-caption{fill:#eef6ff}.dose-line{stroke:#4da3ff}.dose-arrow{fill:#4da3ff}.u100-key b{color:#9bcaff}
.calculator-visual-item small{color:#bfd0e2!important}.calculator-visual-arrow{color:#4da3ff!important}

.training-day span,.training-day small,.training-next span,.training-next small,.training-move em,.run-summary span,.run-native-note span,.reminder-copy span,.supply-row span,.day-event span,.color-picker small,.schedule-explainer div,.nutrition-stat span,.pairing-card span{color:#b8c9dc!important}
.training-safety{color:#f5dfbd;background:#2a2117!important;border-color:#72583d!important}.training-safety span{color:#eed7b1!important}
.share-card,.supply-card,.product-top{color:#f6f9ff!important;background:linear-gradient(145deg,#102846,#0b1b30)!important;border-color:#355d8b!important}.share-card p,.product-top p{color:#c7d7e7!important}
.reminder-when,.next-due,.source-badge,.notification-status{color:#d9e7f4!important;background:#16385f!important}
.cal-day.overdue,.supply-event{color:#ffd9ca!important;background:#3a2327!important}
.notification-copy,.notification-privacy{color:#bfd0e2!important;border-color:#294a76!important}

/* Consistent Atlas vial language */
.vial-mini{width:29px;height:38px;border-color:#6c89a8;background:linear-gradient(90deg,#07111f,#17385e 46%,#07111f)!important;box-shadow:0 0 13px rgba(42,140,255,.25)}
.vial-mini:before{background:linear-gradient(#a8b8c8,#53677c);border-color:#93a6b9}
.vial-mini:after{content:"A";position:absolute;left:4px;right:4px;top:14px;height:13px;display:grid;place-items:center;color:#9bcaff;background:#03080f;border-top:1px solid #2a8cff;border-bottom:1px solid #2a8cff;font-size:8px;font-weight:900}
.vial-large{border-color:#6c89a8;background:linear-gradient(90deg,#07111f,#17385e 46%,#07111f)!important;box-shadow:0 0 20px rgba(42,140,255,.25)}
.vial-large:before{background:linear-gradient(#a8b8c8,#53677c);border-color:#93a6b9}.vial-large:after{content:"ATLAS";left:7px;right:7px;top:27px;height:17px;display:grid;place-items:center;color:#9bcaff;background:#03080f;border-top:1px solid #2a8cff;border-bottom:1px solid #2a8cff;font-size:7px;font-weight:900}
.vial-mini-photo{width:38px!important;height:48px!important;border:1px solid #355d8b;border-radius:8px;object-fit:cover!important;object-position:50% 48%!important;background:#03080f;box-shadow:0 0 16px rgba(42,140,255,.25)}
.photo-vial-label{display:none!important}
.company-mark,.company-name{display:none!important}

button{min-height:40px}.nav-btn{min-height:48px}.card p,.legal,.microcopy,.search-help{line-height:1.55}

/* PepPilot is an accountability app, not a white-label sales studio. */
.brand-card,.share-card{display:none!important}
.shell{padding-bottom:calc(156px + env(safe-area-inset-bottom))}
.bottom-nav{padding-bottom:calc(14px + env(safe-area-inset-bottom));min-height:82px}

/* Final contrast pass — replace pale/white controls with readable Atlas surfaces. */
body .secondary,
body .dose-card .secondary,
body .edit-peptide-button{
  color:#fff!important;
  background:#102846!important;
  border-color:#4f7daf!important;
}
body .secondary:hover,
body .secondary:focus,
body .edit-peptide-button:hover,
body .edit-peptide-button:focus{
  color:#fff!important;
  background:#16385f!important;
  border-color:#78b9ff!important;
}
body .coach-week-day i,
body.has-company-brand .coach-week-day i{
  color:#e5f1fc!important;
  background:#102846!important;
  border:1px solid #416c9e!important;
}
body .coach-week-day.checked i,
body.has-company-brand .coach-week-day.checked i{
  color:#fff!important;
  background:#1b6fd4!important;
  border-color:#78b9ff!important;
}
body .coach-boundary{
  color:#d8e7f5!important;
  background:#10233d!important;
  border-color:#416c9e!important;
}
body .coach-boundary b{color:#fff!important}
body .goal-chip{
  color:#fff!important;
  background:#16385f!important;
  border:1px solid #4f7daf!important;
}
body .food-plate,
body .plan-liquid>span,
body .liquid-step-head>span{
  color:#fff!important;
  background:#102846!important;
  border-color:#416c9e!important;
}