:root{--bg:#0d0f0e;--panel:#171a18;--panel2:#202420;--text:#f5f2e8;--muted:#9ba39b;--green:#9ce814;--green2:#55d923;--danger:#ff6363;--line:#2b302c;--radius:20px;--max:1180px}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 80% -10%,#25321d 0,transparent 30%),var(--bg);color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{max-width:var(--max);margin:auto;padding:22px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:26px}.brand{display:flex;align-items:center;gap:12px}.brand img{width:46px;height:46px;border-radius:13px}.brand strong{font-size:19px;letter-spacing:.08em}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.card{background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.008)),var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:0 16px 40px rgba(0,0,0,.12)}.hero{grid-column:span 8;padding:30px}.side{grid-column:span 4}.metric{grid-column:span 3}.metric b{display:block;font-size:30px;margin-top:8px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:var(--green);font-weight:800}.hero h1{font-size:clamp(34px,5vw,64px);line-height:.95;margin:10px 0 16px;letter-spacing:-.045em}.hero p{max-width:650px;color:#bec5be;font-size:17px;line-height:1.6}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:14px;padding:13px 17px;background:var(--green);color:#0b0d0b;font-weight:850;cursor:pointer}.btn.secondary{background:var(--panel2);color:var(--text);border:1px solid var(--line)}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.bottomnav{position:sticky;bottom:12px;margin:26px auto 0;display:flex;justify-content:center}.bottomnav .navbox{display:flex;gap:6px;background:rgba(23,26,24,.92);border:1px solid var(--line);padding:7px;border-radius:18px;backdrop-filter:blur(18px)}.navbox a{padding:10px 13px;border-radius:12px;color:var(--muted);font-weight:700;font-size:14px}.navbox a.active,.navbox a:hover{background:var(--panel2);color:var(--text)}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(460px,100%);background:var(--panel);border:1px solid var(--line);border-radius:26px;padding:30px}.auth-logo{width:76px;height:76px;border-radius:20px;margin-bottom:18px}.field{display:grid;gap:7px;margin:15px 0}.field label{font-size:13px;color:#cbd0cb;font-weight:700}.field input,.field select,.field textarea{width:100%;background:#0f1210;color:var(--text);border:1px solid var(--line);border-radius:13px;padding:13px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#568a18;box-shadow:0 0 0 3px rgba(156,232,20,.08)}.notice{padding:12px 14px;border-radius:12px;background:#24271e;border:1px solid #3d4728;color:#dbe8c2;margin:14px 0}.error{background:#2a1818;border-color:#563030;color:#ffd0d0}.admin-layout{display:grid;grid-template-columns:240px 1fr;gap:18px;max-width:1320px;margin:auto;padding:18px}.sidebar{background:#111412;border:1px solid var(--line);border-radius:20px;padding:15px;position:sticky;top:18px;height:calc(100vh - 36px)}.sidebar .brand{padding:8px}.sidebar nav{display:grid;gap:5px;margin-top:18px}.sidebar nav a{padding:11px 12px;border-radius:12px;color:var(--muted);font-weight:700}.sidebar nav a:hover,.sidebar nav a.active{background:var(--panel2);color:var(--text)}.admin-main{min-width:0}.page-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:8px 0 18px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left;font-size:14px;white-space:nowrap}.pill{display:inline-flex;padding:5px 9px;border-radius:999px;background:#25321d;color:#c9f77d;font-weight:800;font-size:12px}.switch{display:flex;align-items:center;gap:10px}.switch input{width:18px;height:18px;accent-color:var(--green)}.footer{margin:34px 0 12px;text-align:center;color:#6e766f;font-size:12px}@media(max-width:850px){.hero,.side,.metric{grid-column:1/-1}.metric{grid-column:span 6}.admin-layout{grid-template-columns:1fr}.sidebar{position:static;height:auto}.sidebar nav{grid-template-columns:repeat(3,1fr)}.sidebar nav a{text-align:center}.page-title{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.shell{padding:16px}.metric{grid-column:1/-1}.topbar{align-items:flex-start}.hero{padding:22px}.sidebar nav{grid-template-columns:repeat(2,1fr)}}

/* v0.2.0 Core Tracking */
.small{font-size:12px}.userlinks{text-align:right}.full{grid-column:1/-1}.form-card{grid-column:span 8}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.section-head h2{margin:4px 0 0}.textlink{color:var(--green);font-weight:800}.progress-track{height:10px;background:#0d100e;border:1px solid var(--line);border-radius:999px;overflow:hidden;margin:18px 0 12px}.progress-track span{display:block;height:100%;background:linear-gradient(90deg,var(--green2),var(--green));border-radius:inherit}.progress-track.large{height:16px;max-width:600px}.empty-state{padding:22px 0;color:var(--muted)}.item-list{display:grid}.list-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 0;border-bottom:1px solid var(--line)}.list-row:last-child{border-bottom:0}.list-numbers{display:grid;text-align:right;gap:3px}.list-actions{display:flex;align-items:center;gap:14px}.list-note{margin-top:5px;color:#c3c9c3}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.field.span2{grid-column:1/-1}.future-box{margin-top:24px;padding:15px;border:1px dashed #46513d;border-radius:14px;background:#121612}.icon-btn{width:34px;height:34px;border-radius:10px;border:1px solid var(--line);background:#111412;color:var(--muted);cursor:pointer;font-size:21px;line-height:1}.icon-btn:hover{color:#fff;border-color:#5b312f;background:#231514}.stat-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.stat-pair>div{background:#101310;border:1px solid var(--line);padding:14px;border-radius:14px}.stat-pair span,.stat-pair strong{display:block}.stat-pair strong{font-size:20px;margin-top:5px}.weight-chart{height:250px;display:flex;align-items:flex-end;gap:7px;padding:28px 4px 0;overflow-x:auto}.weight-bar-wrap{height:100%;min-width:44px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px}.weight-bar{width:24px;min-height:12px;background:linear-gradient(180deg,var(--green),var(--green2));border-radius:8px 8px 4px 4px}.weight-value{font-size:11px;color:#cbd3cb}.weight-date{font-size:10px;color:var(--muted);height:18px}@media(max-width:850px){.form-card{grid-column:1/-1}}@media(max-width:560px){.form-grid{grid-template-columns:1fr}.field.span2{grid-column:auto}.list-row{align-items:flex-start}.list-actions{gap:8px}.navbox a{padding:9px 9px;font-size:12px}.userlinks .muted{display:none}}

/* v0.2.1 iOS / Mobile UI Polish */
@media(max-width:900px){
  body{overflow-x:hidden}
  .shell{width:100%;max-width:100%;padding:16px 16px 118px}
  .grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;width:100%}
  .grid>.card{min-width:0;width:100%}
  .hero,.side,.form-card,.full{grid-column:1/-1}
  .card{padding:20px;border-radius:22px}
  .hero{padding:24px}
  .hero h1{font-size:clamp(38px,12vw,58px);line-height:.93;margin:10px 0 14px}
  .hero p{font-size:16px;line-height:1.45;margin:0}
  .actions{margin-top:18px;gap:9px}
  .actions .btn{min-height:48px}
  .topbar{margin-bottom:20px;align-items:center;gap:12px}
  .brand{gap:10px;min-width:0}
  .brand img{width:42px;height:42px;border-radius:12px;flex:0 0 auto}
  .brand strong{font-size:18px}
  .userlinks{font-size:14px;white-space:nowrap}
  .userlinks .muted{display:none}
  .side h2{font-size:30px;margin:12px 0 10px}
  .metric{grid-column:span 4;padding:16px 12px;min-height:112px}
  .metric b{font-size:27px;margin-top:7px;line-height:1}
  .metric .muted{font-size:12px}
  .eaten-metric{display:none}
  .macro-metric{grid-column:span 4}
  .full{grid-column:1/-1!important}
  .section-head{gap:10px}
  .section-head h2{font-size:24px;line-height:1.05}
  .empty-state{padding:12px 0 2px}
  .empty-state p{margin-top:0}
  .form-card{grid-column:1/-1!important}
  .form-card h1{font-size:42px;line-height:1;margin:12px 0 18px}
  .form-card>p{font-size:16px;line-height:1.45}
  .form-grid{grid-template-columns:1fr 1fr;gap:0 12px}
  .field input,.field select,.field textarea{min-height:50px;padding:13px 14px}
  .field textarea{min-height:96px}
  .food-summary{display:flex;flex-wrap:wrap;align-items:center;gap:7px 14px}
  .food-summary .eyebrow{width:100%}
  .food-summary h2{margin:0;font-size:28px}
  .food-summary>p{margin:0;flex:1 1 220px}
  .food-summary .future-box{width:100%;margin-top:8px;padding:12px 14px}
  .future-box p{margin-bottom:0}
  .bottomnav{position:fixed;z-index:50;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));margin:0;display:block}
  .bottomnav .navbox{width:100%;max-width:650px;margin:0 auto;justify-content:space-between;gap:2px;padding:6px;border-radius:20px;box-shadow:0 16px 44px rgba(0,0,0,.38)}
  .navbox a{flex:1;text-align:center;padding:11px 6px;font-size:13px;white-space:nowrap}
  .footer{margin:28px 0 8px}
}

@media(max-width:560px){
  .shell{padding:14px 14px 116px}
  .topbar{align-items:center}
  .card{padding:18px}
  .hero{padding:20px}
  .hero h1{font-size:46px}
  .brand img{width:40px;height:40px}
  .brand .small{font-size:11px}
  .userlinks{font-size:13px}
  .metric{grid-column:span 4!important;padding:14px 9px;min-height:100px;border-radius:18px}
  .metric b{font-size:24px}
  .metric .muted:first-child{font-size:11px}
  .metric .muted:last-child{font-size:11px}
  .form-grid{grid-template-columns:1fr}
  .field.span2{grid-column:auto}
  .form-card h1{font-size:40px}
  .section-head{align-items:flex-start}
  .textlink{font-size:14px;white-space:nowrap}
  .list-row{align-items:flex-start;gap:10px}
  .list-actions{gap:8px}
  .list-numbers{min-width:88px}
  .navbox a{padding:10px 4px;font-size:12px}
}

@media(max-width:390px){
  .shell{padding-left:12px;padding-right:12px}
  .hero h1{font-size:42px}
  .actions{display:grid;grid-template-columns:1fr 1fr}
  .actions .btn{padding:12px 10px}
  .navbox a{font-size:11px;padding-left:2px;padding-right:2px}
}

/* v0.2.2 Mobile Layout Fix — explicit flex layout to avoid iOS/grid leakage */
@media (max-width:900px){
  .shell{width:100%!important;max-width:none!important;margin:0!important;padding:14px 14px 124px!important;overflow:visible!important}
  .grid{display:flex!important;flex-wrap:wrap!important;grid-template-columns:none!important;gap:14px!important;width:100%!important;max-width:100%!important;min-width:0!important}
  .grid>.card{display:block!important;min-width:0!important;max-width:100%!important;margin:0!important}
  .grid>.hero,.grid>.side,.grid>.full,.grid>.form-card{flex:0 0 100%!important;width:100%!important;max-width:100%!important;grid-column:auto!important}
  .grid>.metric{flex:1 1 calc(33.333% - 10px)!important;width:calc(33.333% - 10px)!important;max-width:calc(33.333% - 10px)!important;grid-column:auto!important}
  .grid>.eaten-metric{display:none!important}
  .grid>.macro-metric{display:block!important}
  .food-summary{width:100%!important;max-width:100%!important}
  .form-card{width:100%!important;max-width:100%!important}
  .form-card form,.form-grid,.field{min-width:0!important;max-width:100%!important}
  .form-grid{width:100%!important}
  .field input,.field select,.field textarea{max-width:100%!important}
  .bottomnav{left:10px!important;right:10px!important;bottom:calc(8px + env(safe-area-inset-bottom))!important}
  .bottomnav .navbox{width:100%!important;max-width:640px!important}
  .footer{padding-bottom:8px!important}
}
@media (max-width:560px){
  .grid>.metric{flex:1 1 calc(33.333% - 10px)!important;width:calc(33.333% - 10px)!important;max-width:calc(33.333% - 10px)!important;min-height:96px!important;padding:14px 8px!important}
  .metric b{font-size:23px!important}
  .metric .muted{font-size:11px!important}
  .form-grid{display:block!important}
  .field,.field.span2{width:100%!important;grid-column:auto!important}
  .topbar{width:100%!important}
}
@media (max-width:390px){
  .shell{padding-left:12px!important;padding-right:12px!important}
  .grid{gap:12px!important}
  .grid>.metric{flex-basis:calc(33.333% - 8px)!important;width:calc(33.333% - 8px)!important;max-width:calc(33.333% - 8px)!important;padding:12px 6px!important}
  .metric b{font-size:21px!important}
}

/* v0.3.0 AI Food Scan */
.scan-shell{max-width:760px;margin:0 auto}.scan-card{padding:30px}.scan-card h1{font-size:clamp(40px,8vw,64px);line-height:.95;margin:12px 0 18px;letter-spacing:-.045em}.scan-card>p{font-size:17px;line-height:1.5}.camera-drop{display:grid;place-items:center;text-align:center;gap:8px;padding:34px 20px;border:1.5px dashed #526244;border-radius:20px;background:#111512;cursor:pointer;margin:22px 0}.camera-drop input{position:absolute;opacity:0;pointer-events:none}.camera-drop:hover{border-color:var(--green);background:#141a12}.camera-drop .camera-icon{font-size:42px}.camera-drop strong{font-size:18px}.camera-drop small{color:var(--muted)}.scan-btn{width:100%;min-height:54px;font-size:17px}.scan-btn:disabled{opacity:.45;cursor:not-allowed}.scan-privacy{margin-top:12px;line-height:1.45}.confidence{margin:18px 0}.confidence>span,.confidence>strong{display:block}.confidence strong{font-size:32px;margin-top:4px}.confidence .progress-track{margin:10px 0 0}.inline-form{display:inline}.scan-hero{display:flex!important;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(115deg,rgba(156,232,20,.10),rgba(255,255,255,.015)),var(--panel)}.scan-hero h2{margin:6px 0}.scan-hero p{margin:0}.scan-launch{white-space:nowrap}.future-box.live{border-style:solid;border-color:#40592e}.date-control{min-width:0!important;max-width:100%!important;width:100%!important;-webkit-appearance:none;appearance:none}
@media(max-width:700px){.scan-card{padding:20px}.scan-card h1{font-size:46px}.scan-hero{flex-direction:column;align-items:stretch}.scan-launch{width:100%}.camera-drop{padding:28px 16px}.date-control{display:block!important;box-sizing:border-box!important;min-width:0!important;max-width:100%!important}}

/* v0.3.3 Request Access */
.nav-badge{display:inline-flex;min-width:20px;height:20px;padding:0 6px;align-items:center;justify-content:center;border-radius:999px;background:#b9ff27;color:#101210;font-size:11px;font-weight:900;margin-left:6px}
.admin-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.activation-link input{width:100%;margin:10px 0}.access-request-card h2{margin:.25em 0}
@media(max-width:600px){.admin-actions>.btn{width:100%}}

/* v0.3.6 language choice */
.language-pills{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}
.language-pill{position:relative;cursor:pointer}
.language-pill input{position:absolute;opacity:0;pointer-events:none}
.language-pill span{display:flex;align-items:center;justify-content:center;min-height:52px;padding:10px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.16);background:#111512;color:#f6f4ec;font-weight:800;transition:.15s ease}
.language-pill input:checked + span{background:#b9ff27;color:#101210;border-color:#b9ff27;box-shadow:0 0 0 2px rgba(185,255,39,.12)}
@media(max-width:420px){.language-pills{grid-template-columns:1fr}}

/* v0.3.7 admin reset account */
.btn.danger{background:#3a1717;color:#ffd8d8;border:1px solid #703030}
.btn.danger:hover{background:#4a1d1d}
.btn.compact{padding:9px 12px;min-height:auto;font-size:13px;white-space:nowrap}
.table td form{margin:0}
@media(max-width:760px){.table-wrap{overflow-x:auto}.table{min-width:860px}}

/* v0.4.0 Onboarding 2.0 */
.onboarding-v2{background:#0b0f0c;color:#f5f3ea}
.onboarding-shell{width:min(760px,calc(100% - 28px));margin:0 auto;padding:calc(28px + env(safe-area-inset-top)) 0 calc(42px + env(safe-area-inset-bottom))}
.onboarding-head{display:flex;align-items:center;gap:18px;margin-bottom:24px}
.onboarding-logo{width:72px;height:72px;border-radius:18px;flex:0 0 auto}
.onboarding-head h1{font-size:clamp(34px,7vw,58px);line-height:.98;letter-spacing:-2px;margin:7px 0 12px}
.onboarding-head p{margin:0;max-width:580px}
.onboarding-card{margin:0 0 16px;padding:24px}
.onboarding-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.onboarding-grid .full{grid-column:1/-1}
.onboarding-card .field{margin:0}
.onboarding-card .field label{display:block;font-weight:800;margin-bottom:8px}
.onboarding-card .field label span{font-weight:500;color:#8e9690}
.onboarding-card input[type=text],.onboarding-card input[type=number],.onboarding-card input[type=date],.onboarding-card input:not([type]){width:100%;box-sizing:border-box}
.activity-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
.activity-card{position:relative;cursor:pointer}
.activity-card input{position:absolute;opacity:0}
.activity-card span{display:flex;min-height:86px;box-sizing:border-box;flex-direction:column;justify-content:center;padding:14px;border:1px solid #303832;border-radius:16px;background:#101512}
.activity-card strong{font-size:17px}
.activity-card small{color:#929a94;margin-top:5px;line-height:1.3}
.activity-card input:checked+span{border-color:#8ff000;box-shadow:inset 0 0 0 1px #8ff000;background:#172014}
.activity-card input:checked+span strong{color:#9cff14}
.onboarding-results{display:grid;grid-template-columns:1fr 1.5fr;gap:12px;margin:0 0 16px}
.metric-card{background:#171c18;border:1px solid #303832;border-radius:22px;padding:20px}
.metric-card span,.metric-card small{display:block;color:#959d97}
.metric-card strong{display:block;font-size:34px;line-height:1.1;margin:7px 0 2px}
.target-card h2{font-size:42px;line-height:1;margin:8px 0;color:#9cff14}
.target-card>p{color:#aab0ab}
.target-input{margin-top:22px!important}
.input-unit{position:relative}
.input-unit input{padding-right:72px!important;font-size:26px!important;font-weight:850}
.input-unit span{position:absolute;right:18px;top:50%;transform:translateY(-50%);color:#8e9690}
.onboarding-submit{width:100%;font-size:20px;padding:18px}
.onboarding-note{text-align:center;color:#747c76;font-size:12px;margin:14px 8px 0}
@media(max-width:600px){
 .onboarding-head{align-items:flex-start}.onboarding-logo{width:58px;height:58px;border-radius:15px}
 .onboarding-card{padding:19px}.onboarding-grid{grid-template-columns:1fr}
 .onboarding-grid .full{grid-column:auto}.activity-cards{grid-template-columns:1fr}
 .activity-card span{min-height:68px}.onboarding-results{grid-template-columns:1fr 1fr}
 .metric-card{padding:17px}.metric-card strong{font-size:28px}.target-card h2{font-size:36px}
}

/* v0.4.1 Smart Calorie Target */
.onboarding-card select{width:100%;box-sizing:border-box;min-height:52px;border-radius:14px;padding:0 14px;background:#101512;color:#f5f3ea;border:1px solid #303832;font:inherit}
.smart-results{grid-template-columns:repeat(2,1fr)}
.smart-results .full-metric{grid-column:1/-1}
.legacy-results{display:none!important}
@media(min-width:680px){.smart-results{grid-template-columns:repeat(4,1fr)}.smart-results .full-metric{grid-column:1/-1}}