:root{--bg:#06101e;--bg2:#081a31;--card:#0b203d;--card2:#102b51;--line:#244b7f;--text:#f5f9ff;--muted:#91a9c8;--blue:#2388ff;--cyan:#31d7ff;--green:#38d978;--orange:#ff9b4b;--red:#ff5d72;--yellow:#ffd55a;--shadow:0 18px 45px rgba(0,0,0,.24)}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;background:radial-gradient(circle at 85% -10%,rgba(35,136,255,.25),transparent 30rem),linear-gradient(180deg,var(--bg),#06162d 60%,#07101e);min-height:100vh;padding-bottom:88px}button,input,select,textarea{font:inherit}button{cursor:pointer}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:12px max(16px,calc((100vw - 1180px)/2));position:sticky;top:0;z-index:50;background:rgba(5,14,29,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.topbar h1{display:inline;margin:0 7px;font-size:24px}.topbar p{margin:4px 0 0;color:var(--muted);font-size:12px}.ver{padding:4px 8px;border-radius:8px;background:linear-gradient(135deg,var(--blue),var(--cyan));font-weight:900}.icon-btn{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:#0d2649;color:white;font-size:19px}main{width:min(1180px,calc(100% - 28px));margin:16px auto}.page{display:none}.page.active{display:block}.card{background:linear-gradient(145deg,rgba(15,43,81,.97),rgba(7,25,50,.97));border:1px solid var(--line);border-radius:20px;padding:19px;margin-bottom:15px;box-shadow:var(--shadow)}.accent-card{background:radial-gradient(circle at 90% 10%,rgba(49,215,255,.17),transparent 17rem),linear-gradient(145deg,#103566,#071b38)}.hero{display:grid;grid-template-columns:1.5fr .5fr;gap:20px;align-items:center;min-height:235px}.hero h2{font-size:42px;margin:7px 0}.hero p{color:#c6d8ef;max-width:650px}.eyebrow{color:#67c8ff;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.title{margin:18px 3px 14px}.title h2,.head h2{margin:4px 0}.head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.head p{margin:5px 0;color:var(--muted)}.actions{display:flex;gap:9px;margin-top:14px}.actions.wrap{flex-wrap:wrap}.primary,.secondary,.ghost,.danger{padding:10px 15px;border-radius:11px;font-weight:750}.primary{border:0;color:white;background:linear-gradient(135deg,#1674ee,#249cff);box-shadow:0 8px 22px rgba(35,136,255,.28)}.secondary{border:1px solid #3368aa;color:#dfecff;background:#103261}.ghost{border:1px solid #355d91;color:#d8e8ff;background:transparent}.danger{border:1px solid #983248;color:#ffd1d8;background:#451522}.wide{width:100%;margin-top:12px}.link{border:0;background:transparent;color:#65c5ff;padding:7px}.ring{width:155px;height:155px;margin:auto;border-radius:50%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:conic-gradient(var(--cyan) 0deg,#15365f 0deg)}.ring:after{content:"";position:absolute;inset:13px;border-radius:50%;background:#0b1e3a}.ring>*{z-index:1}.ring b{font-size:30px}.ring span{font-size:11px;color:var(--muted)}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:15px}.metric{min-height:118px;margin:0}.metric span,.metric small{color:var(--muted)}.metric b{display:inline-block;font-size:29px;margin:15px 5px 0 0}.advice-list{display:grid;gap:9px}.advice-item{display:flex;gap:11px;padding:12px;border:1px solid #234f88;border-radius:13px;background:#081d3b}.advice-item i{font-style:normal;font-size:21px}.advice-item b{display:block;margin-bottom:3px}.advice-item p{margin:0;color:#b8cbe5;line-height:1.55}.note{font-size:12px;color:#829dbc}.meal-strip,.meal-plan{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.meal-mini,.meal-card{border:1px solid #28538e;border-radius:15px;background:#081b37;padding:13px}.meal-mini h3,.meal-card h3{margin:5px 0}.meal-mini p,.meal-card p{color:#a9bedb;font-size:13px}.target-bar{margin-top:13px;padding:10px;border-radius:12px;background:#07192f;color:#b9d7fb}.target-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:12px 0}.target{padding:11px;border:1px solid #285083;border-radius:13px;background:#07182f}.target b{display:block;font-size:21px;margin-top:5px}.progress-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.progress-card{border:1px solid #28538a;border-radius:13px;background:#071b38;padding:12px}.progress-card h3{margin:0 0 6px}.up{color:#54e58c}.hold{color:#ffd55a}.down{color:#ff7a8d}.form{display:grid;gap:10px;margin:10px 0}.form.two{grid-template-columns:repeat(2,1fr)}.form.three{grid-template-columns:repeat(3,1fr)}.form.four{grid-template-columns:repeat(4,1fr)}.form.six{grid-template-columns:1.3fr .7fr .6fr .8fr 1fr .8fr}label{display:block;color:#b9cbe3;font-size:12px}input,select,textarea{width:100%;margin-top:5px;border:1px solid #2c527f;background:#06172e;color:white;border-radius:10px;padding:10px 11px;outline:none}textarea{min-height:86px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#29a4ff;box-shadow:0 0 0 3px rgba(41,164,255,.12)}.calendar{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.cal-day{padding:10px;border:1px solid #264c7c;border-radius:12px;text-align:center;background:#07182f}.cal-day.today{border-color:var(--cyan);box-shadow:0 0 0 2px rgba(49,215,255,.12)}.cal-day b,.cal-day span{display:block}.cal-day span{color:#8eacd1;font-size:11px;margin-top:4px}.progress-line{height:7px;border-radius:999px;background:#173459;overflow:hidden}.progress-line span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--blue),var(--cyan))}.warmup-list{display:grid;gap:9px;margin-top:11px}.warmup-step{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;border:1px solid #285080;background:#071a35;border-radius:13px;padding:10px}.warmup-step.done{opacity:.65}.warmup-step h3{margin:0 0 3px}.warmup-step p{margin:0;color:#a8bdd9;font-size:13px}.warmup-step input[type=checkbox]{width:20px;height:20px;margin:0}.danger-check{margin-top:12px;color:#ffd1d7}.danger-check input{width:auto}.exercise{border:1px solid #2a568f;border-radius:15px;padding:12px;margin:11px 0;background:#071a36}.exercise-head{display:grid;grid-template-columns:1fr 110px 105px auto;gap:8px;align-items:end}.sets{width:100%;border-collapse:collapse;margin-top:10px}.sets th,.sets td{border-bottom:1px solid rgba(255,255,255,.08);padding:6px;text-align:left;font-size:12px}.sets input{margin:0;min-width:65px}.tiny-btn{border:0;background:transparent;color:#ff8ca0}.done-set{background:rgba(56,217,120,.06)}.timeline{display:grid;gap:9px}.timeline-item{border-left:3px solid var(--blue);background:#071a35;padding:11px 13px;border-radius:0 12px 12px 0}.timeline-item h3{margin:0 0 4px}.chips{display:flex;flex-wrap:wrap;gap:5px}.chip{border:1px solid #2e5c95;border-radius:999px;padding:4px 8px;font-size:11px;color:#b9cce6}.toolbar{display:grid;grid-template-columns:1fr 180px;gap:9px;margin:10px 0}.pantry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px}.pantry{border:1px solid #285486;background:#07192f;border-radius:13px;padding:11px}.pantry.warn{border-color:#9b6b22}.pantry.danger-exp{border-color:#a43b4b}.pantry h3{margin:0 0 4px}.pantry p{margin:3px 0;color:#a9bedb;font-size:12px}.pantry-controls{display:grid;grid-template-columns:1fr auto;gap:6px;margin-top:7px}.pantry-controls input{margin:0}.recipe-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.recipe{overflow:hidden;border:1px solid #285084;border-radius:17px;background:#081b36}.recipe img{width:100%;display:block;aspect-ratio:1.61;object-fit:cover}.recipe-body{padding:13px}.recipe-body h3{margin:4px 0}.recipe-meta{display:flex;flex-wrap:wrap;gap:9px;color:#9db6d5;font-size:12px}.coverage{margin-top:8px;font-size:12px;color:#84dfff}.week-plan{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin:12px 0}.week-day{border:1px solid #285184;background:#07182e;border-radius:11px;padding:8px;font-size:11px}.week-day b{display:block;color:#67c7ff;margin-bottom:4px}.week-day span{display:block;margin:4px 0;color:#bdcde3}.shopping-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.shop-cat{border:1px solid #285083;background:#07192f;border-radius:12px;padding:10px}.shop-cat h3{margin:0 0 7px;color:#68c7ff}.check{display:flex;gap:7px;align-items:center;margin:7px 0}.check input{width:auto;margin:0}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:650px}.data-table th,.data-table td{padding:9px;border-bottom:1px solid rgba(255,255,255,.09);text-align:left}.data-table th{color:#8fb6e4;font-size:11px}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:13px}.photo{border:1px solid #285084;border-radius:15px;overflow:hidden;background:#071a35}.photo img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}.photo div{padding:10px}.photo p{margin:4px 0;color:#a9bdd9;font-size:12px}.photo-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}.photo-compare img{width:100%;max-height:480px;object-fit:cover;border-radius:14px;border:1px solid #2b568c}.segment{display:inline-flex;padding:4px;background:#07172c;border:1px solid #294e7b;border-radius:11px;margin-bottom:12px}.segment button{border:0;background:transparent;color:#92aac7;padding:8px 15px;border-radius:8px}.segment button.active{background:#176bcf;color:white}.charts{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:12px}.charts canvas{width:100%;background:#06172d;border-radius:12px}.achievement-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.achievement{border:1px solid #294f7e;border-radius:12px;padding:12px;background:#07192f}.achievement.locked{opacity:.48}.achievement strong{font-size:23px;display:block;margin-bottom:5px}.coach-card{min-height:65vh}.chat{display:flex;flex-direction:column;gap:9px;max-height:56vh;overflow:auto;padding:5px}.bubble{max-width:86%;padding:11px 13px;border-radius:15px;line-height:1.65;white-space:pre-wrap}.bubble.user{align-self:flex-end;background:#176acb}.bubble.coach{align-self:flex-start;background:#0b2b53;border:1px solid #28558e}.quick-questions{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.quick-questions button{border:1px solid #2d5b94;background:#071a34;color:#c8dcf6;border-radius:999px;padding:7px 10px}.coach-input{display:grid;grid-template-columns:1fr auto;gap:8px}.coach-input input{margin:0}.modal{position:fixed;inset:0;z-index:1000}.backdrop{position:absolute;inset:0;background:rgba(0,0,0,.73);backdrop-filter:blur(5px)}.modal-panel{position:relative;width:min(920px,calc(100% - 20px));max-height:94vh;overflow:auto;margin:3vh auto;background:#081c38;border:1px solid #33639d;border-radius:20px;box-shadow:0 30px 80px rgba(0,0,0,.55)}.close{position:sticky;top:8px;float:right;z-index:3;width:40px;height:40px;border:0;border-radius:50%;background:#17365e;color:white;font-size:24px;margin:8px}.recipe-hero img{width:100%;display:block}.detail{padding:18px}.detail h1{margin:0 0 5px}.ingredient-edit{display:grid;grid-template-columns:1.2fr 90px 120px auto;gap:6px;align-items:end;padding:7px 0;border-bottom:1px dashed #31537e}.ingredient-edit select,.ingredient-edit input{margin:0}.macro-box{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:11px 0}.macro{padding:9px;border:1px solid #2b568e;border-radius:11px;background:#07172e;text-align:center}.step-list{display:grid;gap:9px;padding:0}.step{list-style:none;display:grid;grid-template-columns:50px 1fr auto;gap:10px;align-items:start;background:#07182f;border:1px solid #285084;border-radius:13px;padding:10px}.step img{width:48px;height:48px;border-radius:9px}.step p{margin:0;line-height:1.65}.cook-panel{width:min(650px,calc(100% - 20px))}.cook-view{padding:22px;text-align:center}.cook-view img{width:100%;max-height:330px;object-fit:cover;border-radius:16px}.cook-view h2{font-size:28px}.cook-view p{font-size:17px;line-height:1.8;text-align:left}.cook-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.timer-float{position:fixed;right:16px;bottom:90px;z-index:900;background:#0b294e;border:1px solid #2b68a8;border-radius:16px;padding:11px;box-shadow:var(--shadow);min-width:210px}.timer-float strong{font-size:29px;display:block;margin:4px 0}.timer-float button{border:1px solid #3a679d;background:#071a35;color:#d8e8fb;border-radius:8px;padding:6px 8px}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:90;display:grid;grid-template-columns:repeat(6,1fr);background:rgba(4,12,25,.95);border-top:1px solid #1e3f6b;backdrop-filter:blur(18px);padding:6px max(4px,calc((100vw - 850px)/2)) calc(6px + env(safe-area-inset-bottom))}.bottom-nav button{border:0;background:transparent;color:#819bbc;border-radius:10px;font-size:10px;padding:5px}.bottom-nav button span{display:block;font-size:18px}.bottom-nav button.active{color:white;background:#113669}.toast{position:fixed;left:50%;bottom:100px;z-index:2000;transform:translate(-50%,20px);opacity:0;background:white;color:#091426;padding:9px 15px;border-radius:999px;transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.metric-grid{grid-template-columns:repeat(2,1fr)}.form.six{grid-template-columns:repeat(3,1fr)}.calendar{grid-template-columns:repeat(4,1fr)}.pantry-grid,.shopping-grid,.photo-grid{grid-template-columns:repeat(2,1fr)}.week-plan{grid-template-columns:repeat(2,1fr)}.achievement-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){body{padding-bottom:82px}.topbar{height:66px;padding:10px 12px}.topbar h1{font-size:19px}.topbar p{display:none}main{width:calc(100% - 16px);margin:8px auto}.card{padding:13px;border-radius:15px}.hero{grid-template-columns:1fr}.hero h2{font-size:32px}.ring{width:125px;height:125px}.metric-grid,.target-grid,.meal-strip,.meal-plan,.progress-grid,.form.two,.form.three,.form.four,.form.six,.recipe-grid,.pantry-grid,.shopping-grid,.photo-grid,.charts,.achievement-grid,.photo-compare{grid-template-columns:1fr}.toolbar{grid-template-columns:1fr}.calendar{grid-template-columns:repeat(4,1fr)}.exercise-head{grid-template-columns:1fr}.sets{font-size:11px}.sets input{min-width:58px}.week-plan{grid-template-columns:1fr}.ingredient-edit{grid-template-columns:1fr 80px}.ingredient-edit button{grid-column:2}.macro-box{grid-template-columns:repeat(2,1fr)}.bottom-nav button{font-size:9px;padding:4px 1px}.bottom-nav button span{font-size:17px}.timer-float{left:9px;right:9px;bottom:83px}.coach-input{grid-template-columns:1fr}.actions{flex-wrap:wrap}}

.form.seven{grid-template-columns:1.2fr .65fr .55fr .8fr .8fr 1fr .8fr}.budget-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:14px 0}.budget-kpi{padding:11px;border:1px solid #285083;border-radius:13px;background:#07182f}.budget-kpi b{display:block;font-size:20px;margin-top:4px}.price-source{font-size:10px;color:#7ebcf4}.cost-badge{display:inline-flex;align-items:center;gap:4px;margin-top:7px;padding:4px 8px;border:1px solid #2f659e;border-radius:999px;color:#9fcef8;font-size:11px}.prep-output{margin-top:13px}.prep-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:12px}.prep-box{padding:12px;border:1px solid #285083;border-radius:13px;background:#07182f}.prep-box b{display:block;font-size:18px;margin-top:5px}.prep-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.prep-section{border:1px solid #285083;border-radius:13px;background:#07192f;padding:12px}.prep-section h3{margin:0 0 8px;color:#68c7ff}.prep-row{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px dashed #26466e;font-size:12px}.mode-pill{display:inline-flex;padding:4px 8px;border-radius:999px;background:#133c70;color:#8ed7ff;font-size:11px}.price-positive{color:#54e58c}.price-warn{color:#ffd55a}.price-over{color:#ff7a8d}
@media(max-width:900px){.form.seven{grid-template-columns:repeat(3,1fr)}.budget-summary,.prep-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.form.seven,.budget-summary,.prep-summary,.prep-grid{grid-template-columns:1fr}}