:root{--bg:#0b100d;--surface:#131a16;--surface2:#18221c;--line:#26352b;--text:#f1f6f2;--muted:#92a398;--green:#39d98a;--green2:#1cab68;--red:#ff7474;--radius:20px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% -20%,#1b3526 0,transparent 45%),var(--bg);color:var(--text);font-family:'DM Sans',system-ui,sans-serif;min-height:100vh}button,input{font:inherit}button{cursor:pointer}.hidden{display:none!important}.brand{display:flex;align-items:center;gap:10px;font:600 13px 'Manrope',sans-serif;letter-spacing:.12em}.brand b{color:var(--green)}.brand-mark{width:34px;height:34px;display:grid;place-items:center;background:var(--green);color:#082014;border-radius:11px;font:800 19px 'Manrope';box-shadow:0 6px 25px #39d98a35}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:24px}.auth-wrap>.brand{margin-bottom:28px}.auth-card{width:min(100%,410px);background:linear-gradient(145deg,#17221b,#111713);border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:0 24px 80px #0008}.eyebrow{color:var(--green);font-size:10px;letter-spacing:.17em;font-weight:700;margin-bottom:9px}.auth-card h1,.page-title h1,.welcome h1{font:800 28px 'Manrope',sans-serif;margin:0 0 6px}.muted{color:var(--muted)}.auth-card>p{font-size:13px;margin:0 0 24px}.auth-card label{display:block;color:#bdc9c0;font-size:12px;margin:14px 0}.auth-card input,.inline-form input{width:100%;padding:13px 14px;margin-top:7px;border-radius:12px;border:1px solid var(--line);background:#0c120e;color:var(--text);outline:none}.auth-card input:focus,.inline-form input:focus{border-color:var(--green)}.button{border:0;border-radius:12px;padding:12px 16px;color:var(--text);font-weight:700;font-size:13px}.primary{background:linear-gradient(135deg,var(--green),#1ec276);color:#062113}.secondary{background:#1c3225;border:1px solid #31533d;color:#bdffd9}.ghost{background:transparent;border:1px solid var(--line);color:var(--muted)}.wide{width:100%;margin:8px 0}.text-button{border:0;background:none;color:var(--green);font-size:12px;font-weight:700;padding:8px}.auth-card .text-button{display:block;margin:10px auto}.tiny{font-size:10px;text-align:center;margin:20px 0 0!important}.error{color:var(--red);font-size:12px;background:#35191b;padding:10px;border-radius:10px}.app{min-height:100vh;padding-bottom:95px}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100% - 1080px)/2));border-bottom:1px solid #ffffff0d;background:#0b100de8;position:sticky;top:0;z-index:2;backdrop-filter:blur(16px)}.userbox{display:flex;align-items:center;gap:15px;color:#dce9df;font-size:12px}.userbox .text-button{color:#a8b5ab}main{width:min(100% - 40px,950px);margin:34px auto}.page{display:none}.page.active{display:block}.welcome{display:flex;justify-content:space-between;align-items:center;margin:10px 0 28px}.welcome h1{font-size:32px}.welcome h1 span{color:var(--green)}.welcome .muted,.page-title .muted{font-size:13px;margin:7px 0}.date-chip,.pill{background:#16251b;color:#b3edc9;padding:9px 13px;border-radius:99px;font-size:11px;border:1px solid #294531}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px}.stat-card,.panel{background:linear-gradient(145deg,#151d18,#111713);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.stat-card span,.stat-card small{display:block;color:var(--muted);font-size:11px}.stat-card strong{display:block;font:800 28px 'Manrope';margin:10px 0 3px}.stat-card strong i{font:500 11px 'DM Sans';color:var(--muted)}.panel{margin:14px 0}.panel h2{font:700 16px 'Manrope';margin:0 0 15px}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel-head h2{margin:0}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quick-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:8px;background:#111914;border:1px solid var(--line);border-radius:16px;padding:16px;color:var(--text)}.quick-card:hover{border-color:var(--green)}.quick-icon{font-size:22px;color:var(--green)}.quick-card b{font:700 13px 'Manrope'}.quick-card small{font-size:10px;color:var(--muted)}.privacy-note{padding:13px 15px;color:#a4b1a8;font-size:11px}.page-title{margin:18px 0 24px}.page-title h1{font-size:30px}.inline-form{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.inline-form input{margin:0;flex:1;min-width:150px}.inline-form .button{white-space:nowrap}.stack{display:flex;flex-direction:column;gap:10px}.record{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:15px 17px}.record b{font-size:13px}.record small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.record button{background:none;color:var(--muted);border:0;font-size:18px}.water-track{height:9px;border-radius:99px;background:#26332a;overflow:hidden;margin:16px 0}.water-track>div{height:100%;width:0;background:linear-gradient(90deg,#1eaa65,var(--green));border-radius:99px;transition:width .3s}.button-row{display:flex;gap:8px;flex-wrap:wrap}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:min(7vw,60px);padding:10px 16px max(10px,env(safe-area-inset-bottom));background:#101713f2;border-top:1px solid var(--line);backdrop-filter:blur(18px);z-index:5}.nav-item{background:none;border:0;color:#77877c;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:55px;font-size:9px}.nav-item span{font-size:18px}.nav-item.selected{color:var(--green)}.toast{position:fixed;bottom:95px;left:50%;transform:translateX(-50%);background:#d5ffe4;color:#072614;padding:11px 16px;border-radius:12px;font-size:12px;font-weight:700;opacity:0;pointer-events:none;transition:opacity .2s;z-index:9}.toast.show{opacity:1}@media(max-width:620px){main{width:calc(100% - 28px);margin:23px auto}.topbar{height:62px;padding:0 16px}.brand{font-size:11px}.brand-mark{width:30px;height:30px}.welcome{align-items:flex-start;gap:10px}.welcome h1{font-size:25px}.date-chip{font-size:9px;padding:7px 9px}.stats-grid{gap:8px}.stat-card{padding:13px 11px;border-radius:15px}.stat-card span,.stat-card small{font-size:9px}.stat-card strong{font-size:22px}.panel{padding:16px;border-radius:17px}.quick-grid{gap:8px}.quick-card{padding:12px 10px}.quick-card small{font-size:9px}.inline-form{align-items:stretch}.inline-form input{flex-basis:100%}.inline-form .button{width:100%}.bottom-nav{justify-content:space-around;gap:0}.auth-card{padding:24px}}
.plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.plan-grid .panel{margin:0}.plan-list{list-style:none;margin:0;padding:0}.plan-list li{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:9px 0;border-bottom:1px solid #ffffff0c;color:#dce8df;font-size:12px}.plan-list li:last-child{border:0}.plan-list span{color:var(--green);font-weight:700;white-space:nowrap}.plan-note{font-size:11px;line-height:1.6;color:var(--muted);margin:15px 0 0}.meal-plan{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.meal-plan>div{padding:12px;border-radius:13px;background:#111914;border:1px solid var(--line)}.meal-plan b,.meal-plan span{display:block}.meal-plan b{font-size:12px;margin-bottom:6px;color:#dce9df}.meal-plan span{font-size:11px;line-height:1.55;color:var(--muted)}@media(max-width:620px){.plan-grid,.meal-plan{grid-template-columns:1fr}}