:root{--ink:#17120f;--ink-2:#271b14;--ink-3:#3a261a;--lime:#ff8a3d;--lime-2:#ffb178;--cream:#f7f4ef;--paper:#fffdfa;--muted:#746d68;--line:#e7dfd8;--danger:#d8574e;--shadow:0 20px 60px rgba(42,24,12,.12);font-family:"DM Sans",sans-serif;color:var(--ink);background:var(--cream);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--cream)}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid rgba(255,138,61,.65);outline-offset:2px}.hidden{display:none!important}.eyebrow{margin:0 0 8px;font:700 .75rem/1 "Manrope",sans-serif;letter-spacing:.14em;color:#728078}.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none;font:800 1.05rem "Manrope",sans-serif}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:15px;background:var(--lime);color:var(--ink);font:800 1.25rem "Manrope",sans-serif;box-shadow:inset 0 0 0 1px rgba(42,24,12,.08)}.brand-mark.small{width:34px;height:34px;border-radius:11px;font-size:1rem}.auth-screen{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(390px,.85fr);background:var(--ink)}.auth-art{position:relative;overflow:hidden;padding:42px;color:#fff;display:flex;gap:12px;align-items:flex-start;background:radial-gradient(circle at 55% 55%,#54301d 0 14%,transparent 15%),radial-gradient(circle at 55% 55%,transparent 0 26%,rgba(255,138,61,.1) 26.3% 26.8%,transparent 27.1% 39%,rgba(255,138,61,.1) 39.3% 39.8%,transparent 40%),linear-gradient(135deg,#17100c,#422516)}.auth-art:after{content:"16:8";position:absolute;inset:auto auto 8% 8%;font:800 clamp(6rem,14vw,13rem)/.8 "Manrope",sans-serif;color:transparent;-webkit-text-stroke:1px rgba(216,255,157,.28);letter-spacing:-.08em}.auth-art:before{content:"";position:absolute;width:42%;aspect-ratio:1;right:8%;top:22%;border-radius:50%;border:2px solid var(--lime);box-shadow:0 0 0 26px rgba(255,138,61,.05),0 0 0 52px rgba(255,138,61,.035);background:radial-gradient(circle at 48% 35%,#ffb178,transparent 4%),conic-gradient(from 20deg,var(--lime) 0 74%,rgba(255,255,255,.06) 74%)}.auth-art strong{display:block;font:800 1.15rem "Manrope",sans-serif}.auth-art small{color:#9ab0a8}.auth-card{background:var(--paper);padding:clamp(44px,8vh,90px) clamp(30px,6vw,86px);display:flex;flex-direction:column;justify-content:center}.auth-card h1{font:800 clamp(2.5rem,5vw,4.8rem)/.96 "Manrope",sans-serif;letter-spacing:-.065em;margin:0 0 22px}.auth-card h1 em{font-style:normal;color:#4b6e5f}.auth-copy{color:var(--muted);font-size:1rem;line-height:1.6;margin:0 0 28px;max-width:460px}.auth-tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin-bottom:22px}.auth-tab{border:0;background:transparent;padding:12px 2px;color:var(--muted);font-weight:700;border-bottom:2px solid transparent}.auth-tab.active{color:var(--ink);border-color:var(--ink)}.field{display:grid;gap:7px;margin-bottom:16px}.field span,fieldset legend{font:700 .8rem "Manrope",sans-serif;color:#52625b}.field input{width:100%;border:1px solid var(--line);background:#fff;border-radius:13px;padding:14px 15px;color:var(--ink);font-size:1rem}.field input:focus{border-color:#56856f}.primary-btn{border:0;background:var(--lime);color:var(--ink);border-radius:14px;padding:15px 20px;font:800 .9rem "Manrope",sans-serif;box-shadow:0 8px 22px rgba(120,170,54,.2);display:inline-flex;align-items:center;justify-content:center;gap:10px}.primary-btn:hover{background:var(--lime-2);transform:translateY(-1px)}.primary-btn.full{width:100%;justify-content:space-between}.form-error{min-height:20px;margin:0 0 8px;color:var(--danger);font-size:.85rem}.fine-print,.medical-note{font-size:.75rem;line-height:1.55;color:#819089}.fine-print{margin:22px 0 0}.app-shell{min-height:100vh}.desktop-rail{position:fixed;left:0;top:0;bottom:0;width:230px;background:var(--ink);color:#fff;padding:30px 22px;display:flex;flex-direction:column;z-index:10}.rail-nav{display:grid;gap:7px;margin-top:58px}.nav-item{border:0;background:transparent;color:#91a59d;padding:12px 13px;border-radius:12px;display:flex;align-items:center;gap:13px;text-align:left;font-weight:600}.nav-item svg{width:20px;height:20px;stroke-width:1.8}.nav-item.active,.nav-item:hover{background:#17372d;color:#fff}.nav-item.active svg{color:var(--lime)}.rail-user{margin-top:auto;display:flex;align-items:center;gap:11px;padding:14px 8px;border-top:1px solid #224339}.rail-user strong,.rail-user small{display:block}.rail-user small{color:#799188;font-size:.72rem;margin-top:3px}.avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--lime);color:var(--ink);font-weight:800}.avatar.big{width:70px;height:70px;font-size:1.4rem}.avatar-btn{border:0}.main-stage{min-height:100vh;margin-left:230px;padding:34px clamp(24px,4vw,68px) 60px}.mobile-header,.bottom-nav{display:none}.view{display:none;max-width:1180px;margin:0 auto;animation:viewIn .28s ease}.view.active{display:block}@keyframes viewIn{from{opacity:.4;transform:translateY(8px)}}.view-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.view-head h2{margin:0;font:800 clamp(1.7rem,3vw,2.65rem)/1.05 "Manrope",sans-serif;letter-spacing:-.045em}.dashboard-grid{display:grid;grid-template-columns:minmax(450px,1.5fr) minmax(280px,.8fr);gap:20px}.timer-card{background:var(--ink);color:white;border-radius:28px;padding:28px;box-shadow:var(--shadow)}.timer-top,.section-title-row{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.status-pill{display:inline-block;background:var(--lime);color:var(--ink);border-radius:999px;padding:7px 10px;font:800 .65rem "Manrope",sans-serif;letter-spacing:.08em}.status-pill.light{background:rgba(255,255,255,.88)}.timer-top p{color:#9eb0aa;margin:9px 0 0}.info-btn{width:34px;height:34px;border:1px solid #3c5b51;border-radius:50%;background:transparent;color:#b9c7c2;font-weight:800}.timer-orbit{position:relative;width:min(55vw,310px);aspect-ratio:1;margin:8px auto}.timer-orbit svg{width:100%;transform:rotate(-90deg);filter:drop-shadow(0 0 18px rgba(255,138,61,.1))}.timer-orbit circle{fill:none;stroke-width:7}.orbit-track{stroke:#28473d}.orbit-progress{stroke:var(--lime);stroke-linecap:round;stroke-dasharray:603;stroke-dashoffset:603;transition:stroke-dashoffset .8s ease}.timer-copy{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.timer-copy small{font:700 .65rem "Manrope",sans-serif;letter-spacing:.15em;color:#829890}.timer-copy strong{font:700 clamp(2rem,4vw,3.1rem) "Manrope",sans-serif;letter-spacing:-.06em;margin:5px 0}.timer-copy span{color:#98aaa3;font-size:.8rem}.orbit-spark{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--lime);top:9%;left:50%;box-shadow:0 0 15px var(--lime)}.fast-stats{display:flex;justify-content:center;gap:30px;text-align:center;margin:0 0 22px}.fast-stats div{min-width:92px}.fast-stats small,.schedule-line small{display:block;color:#758e85;font:700 .62rem "Manrope",sans-serif;letter-spacing:.12em;margin-bottom:4px}.fast-stats strong{font-size:.88rem}.stat-divider{min-width:1px!important;width:1px;background:#2a463d}.text-btn{display:block;margin:12px auto 0;border:0;background:transparent;color:#9fb1aa;text-decoration:underline}.side-stack{display:grid;gap:20px}.stage-card,.next-meal-card,.progress-section,.setup-card,.schedule-card,.profile-card,.settings-card,.meal-card,.nutrition-note{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:22px}.section-title-row h3,.stage-card h3,.next-meal-card h3,.schedule-card h3{margin:0;font:800 1.18rem "Manrope",sans-serif}.stage-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#fff0e5;color:#a34712}.stage-card>p:not(.medical-note){color:var(--muted);font-size:.9rem;line-height:1.55}.stage-track{height:5px;background:#e1e8dd;border-radius:10px;overflow:hidden;margin:20px 0 14px}.stage-track span{display:block;height:100%;width:0;background:#f27325;border-radius:10px;transition:width .6s}.next-meal-card{min-height:140px;background:#ffb178;display:flex;align-items:flex-end;justify-content:space-between;border:0}.next-meal-card .eyebrow{color:#7c350d}.next-meal-card p:last-child{font-size:.8rem;color:#7b3c17}.round-arrow{border:0;width:42px;height:42px;border-radius:50%;background:var(--ink);color:white;font-size:1.15rem}.progress-section{margin-top:20px}.week-score{font:800 1.3rem "Manrope",sans-serif;color:#5c735f}.week-bars{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;margin-top:25px}.week-day{display:grid;gap:8px;text-align:center;color:#7c8a84;font-size:.7rem}.bar-wrap{height:75px;border-radius:10px;background:#eef2ea;display:flex;align-items:flex-end;padding:4px}.bar-fill{width:100%;border-radius:7px;background:#cfdacd;min-height:5px}.bar-fill.done{background:#f27325}.setup-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(290px,.7fr);gap:20px;align-items:start}.setup-card{padding:28px}fieldset{border:0;margin:0 0 25px;padding:0}fieldset legend{margin-bottom:12px}.type-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.type-option{border:1px solid var(--line);background:white;border-radius:15px;padding:15px;text-align:left;display:grid;grid-template-columns:auto 1fr;column-gap:10px}.type-option .type-symbol{grid-row:1/3;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#eef2eb}.type-option strong{font:.78rem "Manrope",sans-serif}.type-option small{color:#839089;margin-top:4px}.type-option.selected{border-color:#ed762c;background:#fff3e9;box-shadow:inset 0 0 0 1px #ed762c}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid var(--line);background:white;border-radius:999px;padding:10px 15px;font-weight:700;color:#52615b}.chip.selected{background:var(--ink);color:white;border-color:var(--ink)}.field.compact{max-width:180px}.reminder-box{display:flex;gap:12px;background:#f0f6e8;border-radius:14px;padding:14px;margin-bottom:18px}.reminder-box>span{font-size:1.2rem}.reminder-box strong{font-size:.85rem}.reminder-box p{margin:5px 0 0;font-size:.78rem;color:var(--muted);line-height:1.45}.schedule-card{position:sticky;top:34px;background:var(--ink);color:white;padding:28px}.schedule-card .eyebrow{color:#789087}.schedule-card h3{margin-bottom:28px}.schedule-line{display:flex;gap:13px;align-items:center}.schedule-line strong{font-size:.9rem}.schedule-dot{width:13px;height:13px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px #253e35}.schedule-dot.end{background:#fff}.schedule-path{height:65px;border-left:1px dashed #466157;margin:5px 0 5px 6px}.macro-pill{background:var(--lime);padding:10px 16px;border-radius:16px;text-align:center}.macro-pill strong,.macro-pill small{display:block}.macro-pill strong{font:800 1.25rem "Manrope"}.macro-pill small{font-size:.65rem}.featured-meal{position:relative;min-height:380px;border-radius:28px;overflow:hidden;background:#152920;color:#fff}.featured-meal:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,14,10,.86),rgba(4,14,10,.12) 75%)}.featured-meal img{position:absolute;width:100%;height:100%;object-fit:cover}.meal-overlay{position:relative;z-index:1;padding:clamp(24px,5vw,56px);width:min(560px,80%);min-height:380px;display:flex;flex-direction:column;justify-content:flex-end}.meal-overlay h3{font:800 clamp(2rem,5vw,4rem)/1 "Manrope";letter-spacing:-.055em;margin:14px 0 9px}.meal-overlay p{color:#c9d4cf}.macro-row{display:flex;gap:20px;margin-top:12px;font-size:.78rem}.macro-row strong{display:block;font-size:1.05rem;color:var(--lime)}.meal-window-strip{display:flex;align-items:center;gap:16px;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:16px 22px;margin:18px 0}.meal-window-strip div{display:flex;gap:8px;align-items:baseline}.meal-window-strip span{font:800 1rem "Manrope"}.meal-window-strip small{color:var(--muted)}.meal-window-strip i{height:1px;background:var(--line);flex:1}.meal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.meal-card{display:flex;gap:13px;align-items:center}.meal-emoji{font-size:1.8rem}.meal-card small{color:#779065;font-size:.6rem;font-weight:800;letter-spacing:.08em}.meal-card h3{font:800 .95rem "Manrope";margin:4px 0}.meal-card p{margin:0;color:var(--muted);font-size:.75rem}.nutrition-note{margin-top:14px}.nutrition-note p{margin:7px 0 0;color:var(--muted);font-size:.85rem}.history-list{display:grid;gap:10px}.history-item{background:var(--paper);border:1px solid var(--line);border-radius:17px;padding:16px 18px;display:grid;grid-template-columns:auto 1fr auto;gap:15px;align-items:center}.history-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#fff0e5}.history-item h3{font:800 .95rem "Manrope";margin:0}.history-item p{color:var(--muted);font-size:.76rem;margin:4px 0 0}.history-status{text-align:right}.history-status strong{display:block}.history-status small{font-size:.7rem;color:var(--muted)}.empty-state{text-align:center;padding:60px;background:var(--paper);border:1px dashed #cdd6c8;border-radius:20px;color:var(--muted)}.profile-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.profile-identity{display:flex;align-items:center;gap:16px;margin-bottom:25px}.profile-identity h3{font:800 1.2rem "Manrope";margin:0}.profile-identity p{margin:4px 0;color:var(--muted)}.counter-input{display:grid;grid-template-columns:45px 1fr 45px}.counter-input button{border:1px solid var(--line);background:#edf2e9;font-size:1.2rem}.counter-input button:first-child{border-radius:12px 0 0 12px}.counter-input button:last-child{border-radius:0 12px 12px 0}.counter-input input{border-radius:0!important;text-align:center}.settings-card h3{font:800 1.1rem "Manrope";margin:0 0 14px}.setting-row{width:100%;border:0;border-top:1px solid var(--line);background:transparent;padding:16px 0;display:flex;justify-content:space-between;text-align:left}.setting-row strong,.setting-row small{display:block}.setting-row small{color:var(--muted);font-size:.75rem;margin-top:3px}.setting-row b{font-size:.75rem}.setting-row.danger{color:var(--danger)}.info-dialog{width:min(540px,calc(100% - 30px));border:0;border-radius:24px;padding:30px;box-shadow:0 30px 90px rgba(0,0,0,.3)}.info-dialog::backdrop{background:rgba(3,15,11,.65);backdrop-filter:blur(5px)}.dialog-close{float:right;border:0;background:#eef1eb;border-radius:50%;width:32px;height:32px;font-size:1.2rem}.info-dialog h2{font:800 2rem "Manrope";margin:0 0 20px}.phase-list{display:grid;gap:12px}.phase-list>div{display:grid;grid-template-columns:55px 1fr;gap:12px}.phase-list span{font-weight:800;color:#d45d18}.phase-list p,.phase-list strong{display:block;margin:0}.phase-list p{font-size:.84rem;line-height:1.45;color:var(--muted)}.phase-list strong{color:var(--ink);margin-bottom:3px}.toast{position:fixed;z-index:100;left:50%;bottom:26px;transform:translate(-50%,120px);background:var(--ink);color:#fff;border:1px solid #2d493f;border-radius:999px;padding:12px 19px;box-shadow:var(--shadow);transition:.3s;opacity:0}.toast.show{transform:translate(-50%,0);opacity:1}
@media(max-width:900px){.auth-screen{grid-template-columns:1fr}.auth-art{display:none}.desktop-rail{display:none}.main-stage{margin:0;padding:18px 18px 100px}.mobile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.bottom-nav{position:fixed;z-index:20;left:12px;right:12px;bottom:10px;display:flex;justify-content:space-around;background:rgba(42,24,12,.96);backdrop-filter:blur(18px);border:1px solid #2a463d;border-radius:20px;padding:7px 6px max(7px,env(safe-area-inset-bottom));box-shadow:0 14px 40px rgba(0,0,0,.25)}.bottom-nav .nav-item{display:grid;justify-items:center;gap:2px;font-size:.62rem;padding:7px 10px}.bottom-nav .nav-item svg{width:19px}.dashboard-grid,.setup-layout,.profile-grid{grid-template-columns:1fr}.schedule-card{position:static}.meal-grid{grid-template-columns:1fr}.icon-btn{border:0;background:var(--ink);color:#fff;border-radius:12px;width:38px;height:38px}.view-head h2{font-size:1.85rem}}@media(max-width:560px){.auth-card{padding:35px 22px}.view-head{align-items:flex-start}.dashboard-grid{display:block}.side-stack{margin-top:14px}.timer-card{padding:21px;border-radius:24px}.timer-orbit{width:270px;max-width:88vw}.progress-section{padding:18px}.week-bars{gap:6px}.type-grid{grid-template-columns:1fr}.setup-card{padding:20px}.featured-meal{min-height:460px}.meal-overlay{width:100%;min-height:460px;padding:24px}.meal-overlay h3{font-size:2.35rem}.meal-window-strip{display:grid;grid-template-columns:1fr 1fr}.meal-window-strip i{display:none}.meal-window-strip div{display:grid}.history-item{grid-template-columns:auto 1fr}.history-status{grid-column:2;text-align:left}.macro-pill{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.timer-card{background:var(--paper);color:var(--ink);border:1px solid var(--line)}
.timer-card .timer-top p{color:var(--muted)}
.timer-card .info-btn{border-color:#d8ccc3;background:#fff6ef;color:#6b574a}
.timer-card .orbit-track{stroke:#eadfd6}
.timer-card .timer-copy small,.timer-card .timer-copy span,.timer-card .fast-stats small{color:#776c65}
.timer-card .stat-divider{background:#e2d7cf}
.timer-card .text-btn{color:#6b605a}

/* JomPuasa brand system — calm performance */
:root{
  --ink:#0f2929;
  --ink-2:#163b3a;
  --ink-3:#24514e;
  --lime:#25c18a;
  --lime-2:#52d6a6;
  --cream:#f3f8f6;
  --paper:#ffffff;
  --muted:#60736e;
  --line:#d9e8e3;
  --danger:#d95063;
  --shadow:0 18px 50px rgba(15,41,41,.09);
}
body{background:radial-gradient(circle at 82% 2%,rgba(37,193,138,.08),transparent 28%),var(--cream)}
button:focus-visible,input:focus-visible{outline-color:rgba(37,193,138,.5)}
.eyebrow{color:#51736a}
.brand-mark{background:linear-gradient(145deg,#35d59b,#18aa79);color:#092c27;box-shadow:inset 0 0 0 1px rgba(7,73,60,.1),0 7px 18px rgba(24,170,121,.18)}
.auth-screen{background:var(--ink)}
.auth-art{background:radial-gradient(circle at 55% 55%,#194943 0 14%,transparent 15%),radial-gradient(circle at 55% 55%,transparent 0 26%,rgba(37,193,138,.14) 26.3% 26.8%,transparent 27.1% 39%,rgba(95,164,255,.12) 39.3% 39.8%,transparent 40%),linear-gradient(135deg,#0a2425,#123d3c)}
.auth-art:after{-webkit-text-stroke-color:rgba(113,232,189,.3)}
.auth-art:before{box-shadow:0 0 0 26px rgba(37,193,138,.07),0 0 0 52px rgba(95,164,255,.04);background:radial-gradient(circle at 48% 35%,#b9f5dd,transparent 4%),conic-gradient(from 20deg,var(--lime) 0 74%,rgba(255,255,255,.07) 74%)}
.auth-art small{color:#a1c5bb}
.auth-card h1 em{color:#168b69}
.field span,fieldset legend{color:#3e6058}
.field input:focus{border-color:#27ad80;box-shadow:0 0 0 3px rgba(37,193,138,.1)}
.primary-btn{color:#092b28;box-shadow:0 10px 24px rgba(24,170,121,.2)}
.fine-print,.medical-note{color:#748984}
.nav-item{color:#9cb7b0}
.nav-item.active,.nav-item:hover{background:rgba(37,193,138,.13);color:#fff}
.rail-user{border-top-color:#28514d}
.rail-user small{color:#91aaa4}
.avatar{color:#092b28}
.timer-card{background:linear-gradient(180deg,#fff 0%,#fbfefd 100%);border-color:#d5e5e0;box-shadow:0 20px 55px rgba(15,41,41,.1)}
.timer-card .info-btn{border-color:#cde3dc;background:#edf9f5;color:#236b59}
.timer-orbit svg{filter:drop-shadow(0 10px 22px rgba(26,126,96,.09))}
.timer-card .orbit-track{stroke:#dceae5}
.timer-card .timer-copy small,.timer-card .timer-copy span,.timer-card .fast-stats small{color:#607872}
.timer-card .stat-divider{background:#d9e8e3}
.timer-card .text-btn{color:#327260}
.stage-card,.next-meal-card,.progress-section,.setup-card,.profile-card,.settings-card,.meal-card,.nutrition-note{box-shadow:0 10px 32px rgba(15,41,41,.045)}
.stage-icon{background:#eaf3ff;color:#2f6fae}
.stage-track{background:#e2eee9}
.stage-track span{background:linear-gradient(90deg,#25c18a,#58b8ef)}
.next-meal-card{background:linear-gradient(135deg,#dff8ef,#dfefff)}
.next-meal-card .eyebrow{color:#29705e}
.next-meal-card p:last-child{color:#466b64}
.week-score{color:#158261}
.week-day{color:#687d77}
.bar-wrap{background:#e7f0ed}
.bar-fill{background:#c8d9d4}
.bar-fill.done{background:linear-gradient(180deg,#5aaef2,#25c18a)}
.type-option .type-symbol{background:#e9f5f1;color:#197354}
.type-option.selected{border-color:#25ad7e;background:#edf9f5;box-shadow:inset 0 0 0 1px #25ad7e}
.chip{color:#46645d}
.reminder-box{background:#eef8f5}
.schedule-card{background:linear-gradient(155deg,#102f2f,#174843);border-color:#26534e;box-shadow:0 20px 50px rgba(15,41,41,.15)}
.schedule-card .eyebrow{color:#8eb7ac}
.schedule-dot{box-shadow:0 0 0 5px #28534c}
.schedule-path{border-left-color:#4b716b}
.featured-meal{background:#0f302e}
.featured-meal:after{background:linear-gradient(90deg,rgba(6,28,27,.9),rgba(6,28,27,.1) 78%)}
.meal-overlay p{color:#d4e3df}
.meal-card small{color:#2b8268}
.history-icon{background:#e8f6f1;color:#167354}
.counter-input button{background:#ebf5f2}
.dialog-close{background:#e9f3f0}
.phase-list span{color:#168b69}
.toast{border-color:#2c5752}
@media(max-width:900px){.bottom-nav{background:rgba(12,42,41,.96);border-color:#28544f;box-shadow:0 16px 42px rgba(8,34,33,.24)}}

/* Advanced health profile */
select{font:inherit}
.field input,.field select{width:100%;border:1px solid var(--line);background:#fff;border-radius:13px;padding:14px 15px;color:var(--ink);font-size:1rem;min-height:49px}
.field select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#60736e 50%),linear-gradient(135deg,#60736e 50%,transparent 50%);background-position:calc(100% - 19px) 21px,calc(100% - 14px) 21px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:38px}
.field input:focus,.field select:focus{border-color:#27ad80;box-shadow:0 0 0 3px rgba(37,193,138,.1);outline:0}
.profile-grid{grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr);align-items:start}
.profile-card{padding:28px}
.profile-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}
.profile-form-grid .field-wide{grid-column:1/-1}
.unit-input{position:relative;display:block}
.unit-input input{padding-right:50px}
.unit-input b{position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:.75rem;color:#78908a;pointer-events:none}
.profile-side-stack{display:grid;gap:20px}
.health-card{background:linear-gradient(155deg,#102f2f,#174843);color:#fff;border:1px solid #28534e;border-radius:22px;padding:24px;box-shadow:0 20px 50px rgba(15,41,41,.14)}
.health-card h3{margin:0;font:800 1.18rem "Manrope",sans-serif}
.health-card .eyebrow{color:#8eb7ac}
.health-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(37,193,138,.14);color:#61dfb2}
.bmi-summary{display:grid;grid-template-columns:116px 1fr;gap:18px;align-items:center;margin:24px 0}
.bmi-ring{--bmi-progress:0deg;width:116px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#25c18a var(--bmi-progress),rgba(255,255,255,.11) 0);position:relative}
.bmi-ring:before{content:"";position:absolute;inset:8px;border-radius:50%;background:#143b39}
.bmi-ring>div{position:relative;text-align:center;display:grid}
.bmi-ring small{font:.65rem "Manrope",sans-serif;letter-spacing:.12em;color:#9fc4ba}
.bmi-ring strong{font:800 2rem "Manrope",sans-serif;letter-spacing:-.05em}
.bmi-status{display:inline-flex;border-radius:999px;padding:6px 10px;background:rgba(37,193,138,.14);color:#78e2bd;font:700 .72rem "Manrope",sans-serif}
.bmi-summary p{margin:8px 0 0;color:#bdd1cc;font-size:.82rem;line-height:1.45}
.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid rgba(255,255,255,.1);padding:17px 0;margin-bottom:20px}
.metric-grid>div{padding:0 12px;border-right:1px solid rgba(255,255,255,.1)}
.metric-grid>div:first-child{padding-left:0}.metric-grid>div:last-child{border:0;padding-right:0}
.metric-grid small{display:block;color:#91b3aa;font:700 .58rem "Manrope",sans-serif;letter-spacing:.1em;margin-bottom:6px}
.metric-grid strong{font:800 .95rem "Manrope",sans-serif}
.goal-progress>div:first-child{display:flex;justify-content:space-between;gap:12px;font-size:.82rem}
.goal-track{height:7px;background:rgba(255,255,255,.11);border-radius:999px;overflow:hidden;margin:10px 0 8px}
.goal-track span{display:block;width:0;height:100%;background:linear-gradient(90deg,#25c18a,#65bdf3);border-radius:inherit;transition:width .5s ease}
.goal-progress>small{color:#9fbdb5;font-size:.72rem}
.health-card .medical-note{color:#8da9a2;margin:20px 0 0;padding-top:15px;border-top:1px solid rgba(255,255,255,.08)}
.timer-card .primary-btn.full{justify-content:center;text-align:center}
@media(max-width:900px){.profile-grid{grid-template-columns:1fr}.profile-side-stack{grid-row:1}.health-card{order:-1}}
@media(max-width:560px){.profile-card{padding:20px}.profile-form-grid{grid-template-columns:1fr}.profile-form-grid .field-wide{grid-column:auto}.bmi-summary{grid-template-columns:100px 1fr}.bmi-ring{width:100px}.metric-grid{gap:0}.metric-grid>div{padding-inline:8px}.metric-grid strong{font-size:.82rem}}