:root{--ink:#24312c;--muted:#738078;--paper:#f4f1ea;--card:#fffdf9;--line:#e4e0d7;--sage:#6e897c;--sage-deep:#3f6253;--sage-pale:#e6eee9;--blue:#6f8993;--blue-pale:#e8eff1;--sand:#ba9763;--sand-pale:#f4ead9;--rose:#aa7e74;--rose-pale:#f3e7e3;--shadow:0 14px 38px #2d36300e}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink)}body{background:var(--paper);-webkit-font-smoothing:antialiased;margin:0;font-family:Microsoft YaHei UI,PingFang SC,Noto Sans CJK SC,system-ui,sans-serif}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #4d6f5e38}.app-shell{min-height:100vh}.sidebar{z-index:20;border-right:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f8f6f0eb;flex-direction:column;width:220px;padding:30px 20px 24px;display:flex;position:fixed;inset:0 auto 0 0}.brand{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;width:100%;padding:0 7px 32px;display:flex}.brand>span{color:#fff;background:var(--sage-deep);border-radius:13px;place-items:center;width:40px;height:40px;font-family:SimSun,serif;font-size:21px;display:grid;box-shadow:0 6px 16px #36554633}.brand div{flex-direction:column;gap:2px;display:flex}.brand strong{letter-spacing:.14em;font-family:SimSun,serif;font-size:19px}.brand small{color:var(--muted);letter-spacing:.08em;font-size:10px}.sidebar nav{flex-direction:column;gap:6px;display:flex}.sidebar nav button{color:#66716b;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:13px;padding:12px 14px;transition:all .18s;display:flex}.sidebar nav button:hover{color:var(--ink);background:#e6eee98c}.sidebar nav button.active{background:var(--sage-pale);color:var(--sage-deep);font-weight:700}.sidebar nav i{text-align:center;width:22px;font-family:Georgia,serif;font-size:20px;font-style:normal}.sidebar nav span{font-size:14px}.sidebar-foot{color:var(--sage-deep);margin-top:auto;padding:15px 13px 8px;font-size:12px}.sidebar-foot div{color:#9aa39e;margin-top:4px;font-size:10px}.offline-dot{background:#6f9b78;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block;box-shadow:0 0 0 4px #6f9b781f}.main-area{min-height:100vh;margin-left:220px}.content-wrap{width:min(1180px,100% - 64px);margin:0 auto;padding:42px 0 70px}.demo-banner{color:#745f3e;background:#efe6d4;justify-content:center;align-items:center;gap:24px;min-height:44px;padding:9px 5vw 9px calc(5vw + 220px);font-size:12px;display:flex}.demo-banner button{color:#5d4a2e;cursor:pointer;background:0 0;border:0;border-bottom:1px solid;padding:3px 0;font-weight:700}.page-header{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:28px;display:flex}.page-header.compact{align-items:center;margin-bottom:22px}.page-header p{color:var(--sage);letter-spacing:.12em;margin:0 0 10px;font-size:12px;font-weight:700}.page-header h1{letter-spacing:.02em;margin:0 0 10px;font-family:SimSun,Songti SC,serif;font-size:clamp(26px,3vw,38px);font-weight:600}.page-header span{color:var(--muted);font-size:13px}.primary-btn,.secondary-btn{border:1px solid var(--sage-deep);cursor:pointer;border-radius:11px;min-height:42px;padding:0 18px;font-size:13px;font-weight:700;transition:all .18s}.primary-btn{background:var(--sage-deep);color:#fff;box-shadow:0 8px 18px #3f625326}.primary-btn:hover{background:#345445;transform:translateY(-1px)}.secondary-btn{color:var(--sage-deep);background:0 0;place-items:center;display:inline-grid}.secondary-btn:hover{background:var(--sage-pale)}.text-btn{color:var(--sage-deep);cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:12px;font-weight:700}.full{width:100%}.muted{color:var(--muted);font-size:12px}.status-card{min-height:210px;box-shadow:var(--shadow);background:linear-gradient(120deg,#edf3ef,#f8f7f1 62%,#f2eadb);border:1px solid #dfe5df;border-radius:22px;grid-template-columns:160px 1fr 180px;align-items:center;gap:34px;padding:30px 34px;display:grid;position:relative;overflow:hidden}.status-card:after{content:"";border:1px solid #7e94872e;border-radius:50%;width:210px;height:210px;position:absolute;top:-100px;right:-85px;box-shadow:0 0 0 22px #ffffff21,0 0 0 47px #ffffff1a}.status-orbit{border:1px solid #4d6f5e33;border-radius:50%;place-items:center;width:136px;height:136px;display:grid;position:relative;box-shadow:inset 0 0 0 11px #ffffff80,0 12px 32px #3f625314}.status-orbit:before{content:"";border:7px solid var(--sage);border-left-color:#d6e1da;border-radius:50%;position:absolute;inset:10px;transform:rotate(32deg)}.status-orbit div{text-align:center;z-index:1;background:#ffffffe0;border-radius:50%;place-content:center;width:88px;height:88px;display:grid}.status-orbit strong{font-family:SimSun,serif;font-size:23px;font-weight:600}.status-orbit span{color:var(--muted);letter-spacing:.1em;margin-top:4px;font-size:9px}.eyebrow,.section-title span{color:var(--sage);letter-spacing:.13em;text-transform:uppercase;font-size:10px;font-weight:800}.status-copy h2{margin:8px 0 11px;font-family:SimSun,serif;font-size:25px;font-weight:600}.status-copy p{color:#65716a;max-width:620px;margin:0;font-size:13px;line-height:1.8}.source-line{color:#89948e;margin-top:17px;font-size:10px}.source-line i{background:var(--sage);border-radius:50%;width:5px;height:5px;margin-right:7px;display:inline-block}.status-note{z-index:1;border-left:1px solid #5e706529;padding-left:25px;position:relative}.status-note span{color:#92784f;letter-spacing:.08em;font-size:10px;font-weight:700;display:block}.status-note strong{margin:8px 0 5px;font-family:SimSun,serif;font-size:18px;display:block}.status-note p{color:var(--muted);margin:0;font-size:11px}.metric-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0;display:grid}.metric-card{border:1px solid var(--line);background:var(--card);min-height:150px;box-shadow:var(--shadow);border-radius:16px;padding:19px 20px 16px}.metric-top{color:var(--muted);justify-content:space-between;align-items:center;font-size:11px;display:flex}.metric-top i{background:var(--sage);width:8px;height:8px;box-shadow:0 0 0 5px var(--sage-pale);border-radius:50%}.metric-card.blue .metric-top i{background:var(--blue);box-shadow:0 0 0 5px var(--blue-pale)}.metric-card.sand .metric-top i{background:var(--sand);box-shadow:0 0 0 5px var(--sand-pale)}.metric-card.rose .metric-top i{background:var(--rose);box-shadow:0 0 0 5px var(--rose-pale)}.metric-value{align-items:baseline;gap:6px;margin:16px 0 12px;display:flex}.metric-value strong{letter-spacing:-.04em;font-family:Georgia,serif;font-size:28px;font-weight:500}.metric-value em{color:var(--muted);font-size:10px;font-style:normal}.progress{background:#ecebe6;border-radius:3px;height:4px;overflow:hidden}.progress b{border-radius:inherit;background:var(--sage);height:100%;display:block}.blue .progress b{background:var(--blue)}.sand .progress b{background:var(--sand)}.rose .progress b{background:var(--rose)}.metric-card p{color:#929a95;margin:10px 0 0;font-size:10px}.dashboard-grid{grid-template-columns:1.1fr .9fr;gap:18px;margin-bottom:18px;display:grid}.panel{border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow);border-radius:18px;padding:24px 26px}.section-title{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.section-title h2{margin:6px 0 0;font-family:SimSun,serif;font-size:20px;font-weight:600}.trend-panel{min-height:320px}.tiny-chart{background:repeating-linear-gradient(#0000 0 49px,#eeece6 50px);border-bottom:1px solid #ebe9e3;align-items:end;gap:10px;height:168px;padding-top:22px;display:grid;overflow:auto hidden}.bar-slot{grid-template-rows:1fr 24px;place-items:end center;height:100%;display:grid}.bar{background:#d9e2dc;border-radius:6px 6px 2px 2px;width:min(26px,65%);min-height:10px;transition:all .3s;position:relative}.bar.active{background:var(--sage);box-shadow:0 6px 16px #4c6c5b2e}.bar span{color:#0000;white-space:nowrap;font-size:9px;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.bar.active span{color:var(--sage-deep)}.bar-slot small{color:#9aa29e;align-self:center;font-size:9px}.trend-summary{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px;display:grid}.trend-summary div{flex-direction:column;gap:3px;display:flex}.trend-summary strong{font-family:Georgia,serif;font-size:15px;font-weight:500}.trend-summary span{color:var(--muted);font-size:9px}.meal-advice{background:linear-gradient(145deg,#fffdf9,#f5efe2);min-height:320px}.meal-advice>p{color:#69746e;margin:0 0 18px;font-size:12px;line-height:1.75}.food-chips{flex-wrap:wrap;gap:8px;display:flex}.food-chips span{color:#625e54;background:#fff9;border:1px solid #e3dccf;border-radius:9px;padding:8px 10px;font-size:10px}.advice-foot{border-top:1px solid #e7e1d5;justify-content:space-between;align-items:center;margin-top:23px;padding-top:14px;display:flex}.advice-foot>span{color:#989187;font-size:9px}.timeline-panel{padding-bottom:18px}.timeline{grid-template-columns:repeat(4,1fr);display:grid}.timeline>div{grid-template-columns:43px 12px 1fr;gap:9px;display:grid;position:relative}.timeline>div:not(:last-child):after{content:"";background:#e4e3dd;height:1px;position:absolute;top:5px;left:49px;right:-5px}.timeline time{color:#949c97;font-size:9px}.timeline i{border:2px solid var(--card);z-index:1;border-radius:50%;width:8px;height:8px}.sage-dot{background:var(--sage);box-shadow:0 0 0 3px var(--sage-pale)}.gold-dot{background:var(--sand);box-shadow:0 0 0 3px var(--sand-pale)}.blue-dot{background:var(--blue);box-shadow:0 0 0 3px var(--blue-pale)}.timeline section{flex-direction:column;gap:5px;padding-right:12px;display:flex}.timeline section span{color:#929a95;font-size:9px}.timeline section strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:600;line-height:1.45;overflow:hidden}.range-tabs{border:1px solid var(--line);background:#ffffff8c;border-radius:12px;gap:3px;width:fit-content;margin-bottom:18px;padding:4px;display:flex}.range-tabs button{width:58px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px;font-size:11px}.range-tabs button.active{background:var(--card);color:var(--sage-deep);font-weight:700;box-shadow:0 3px 10px #32373212}.trend-hero{margin-bottom:18px}.trend-head{justify-content:space-between;align-items:start;display:flex}.trend-head>div:first-child{flex-direction:column;display:flex}.trend-head span{color:var(--muted);font-size:11px}.trend-head strong{margin:7px 0 4px;font-family:Georgia,serif;font-size:28px;font-weight:500}.trend-head small{color:var(--sage);font-size:10px}.standard-tag{background:var(--sage-pale);color:var(--sage-deep);border:1px solid #dfe5df;border-radius:9px;padding:7px 10px;font-size:9px}.trend-hero .tiny-chart{height:210px;margin-top:10px}.trend-hero .bar{background:linear-gradient(#dce7e0,#91aa9d);width:min(45px,68%)}.trend-hero .bar.active{background:var(--sage-deep)}.chart-caption{color:var(--muted);margin:15px 0 0;font-size:10px;line-height:1.6}.empty-chart{height:180px;color:var(--muted);place-items:center;font-size:11px;display:grid}.insight-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:18px;display:grid}.insight-grid h3{margin:8px 0 14px;font-family:SimSun,serif;font-size:18px}.insight-grid p{color:var(--muted);margin:12px 0 0;font-size:10px;line-height:1.7}.micro-list{flex-direction:column;gap:10px;display:flex}.micro-list span{color:var(--muted);font-size:9px}.micro-list i{background:var(--sage);border-radius:3px;height:5px;margin-right:8px;display:inline-block}.ring-row{align-items:center;gap:15px;display:flex}.mini-ring{border:7px solid var(--sage-pale);border-top-color:var(--sage);border-right-color:var(--sage);border-radius:50%;flex:none;place-items:center;width:64px;height:64px;display:grid}.mini-ring strong{font-family:Georgia,serif;font-size:12px}.ring-row p{margin:0}.confidence{background:var(--sand-pale);color:#8e7248;border-radius:7px;margin-top:14px;padding:6px 8px;font-size:9px;display:inline-block}.records-table table{border-collapse:collapse;width:100%;font-size:11px}.records-table th,.records-table td{text-align:left;border-bottom:1px solid #eeece6;padding:12px 10px}.records-table th{color:var(--muted);font-size:9px;font-weight:600}.records-table td:first-child{color:var(--sage-deep);font-weight:700}.food-layout,.record-layout,.profile-layout{grid-template-columns:.9fr 1.1fr;gap:18px;margin-bottom:18px;display:grid}.drop-zone{width:100%;min-height:260px;color:var(--sage-deep);cursor:pointer;background:#f7faf7;border:1px dashed #b9c8bf;border-radius:15px;place-content:center;justify-items:center;gap:8px;display:grid}.drop-zone:hover{background:#f0f6f2}.drop-zone i{background:var(--sage-pale);border-radius:50%;place-items:center;width:45px;height:45px;font-size:23px;font-style:normal;display:grid}.drop-zone strong{margin-top:5px;font-size:13px}.drop-zone span{color:var(--muted);font-size:9px}.photo-preview{background:#e8ebe7;border-radius:15px;min-height:260px;position:relative;overflow:hidden}.photo-preview img{object-fit:cover;width:100%;height:260px;display:block}.photo-preview .photo-thumbs{grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:2px;height:260px;display:grid}.photo-preview>div:last-child{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#19231ec7;border-radius:10px;flex-direction:column;gap:3px;padding:10px 12px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.photo-preview strong{font-size:10px}.photo-preview span{color:#ffffffb3;font-size:8px}.engine-note{background:var(--sand-pale);border-radius:12px;gap:11px;margin:14px 0;padding:13px;display:flex}.engine-note>i{color:#fff;background:#d6b987;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-family:Georgia,serif;font-style:normal;font-weight:700;display:grid}.engine-note strong{color:#745f3e;font-size:10px}.engine-note p{color:#8d795a;margin:4px 0 0;font-size:9px;line-height:1.55}.engine-note.ready{background:var(--sage-pale)}.engine-note.ready>i{background:var(--sage)}.engine-note.ready strong{color:var(--sage-deep)}.engine-note.ready p{color:#687970}.recognize-btn{margin:14px 0}.recognition-loading,.recognition-error,.recognition-results{background:#fbfaf6;border:1px solid #e4e5df;border-radius:13px;margin:14px 0;padding:14px}.recognition-loading>div:first-child,.results-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.recognition-loading strong,.recognition-error strong,.results-head strong{color:var(--sage-deep);font-size:10px}.recognition-loading span,.results-head span{color:var(--muted);font-size:9px}.recognition-loading p,.recognition-error p,.recognition-results>p{color:var(--muted);margin:8px 0 0;font-size:9px;line-height:1.55}.recognition-progress{background:#e5eae6;border-radius:99px;height:7px;margin-top:10px;overflow:hidden}.recognition-progress i{border-radius:inherit;background:linear-gradient(90deg, var(--sage), var(--sage-deep));height:100%;transition:width .2s;display:block}.recognition-progress i.indeterminate{animation:1.25s ease-in-out infinite alternate recognition-loading}@keyframes recognition-loading{0%{transform:translate(-92%)}to{transform:translate(260%)}}.recognition-results{gap:7px;display:grid}.results-head{margin-bottom:3px}.recognition-results button{text-align:left;background:#fff;border:1px solid #e2e4de;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:9px 10px;display:flex}.recognition-results button:hover,.recognition-results button.selected{border-color:var(--sage);background:var(--sage-pale)}.recognition-results button span{flex-direction:column;gap:3px;display:flex}.recognition-results button b{color:#3f4e46;font-size:10px}.recognition-results button small{color:var(--muted);font-size:8px}.recognition-results button em{color:var(--sage-deep);flex:none;font-size:11px;font-style:normal;font-weight:700}.confirm-panel>label{color:var(--muted);margin-bottom:15px;font-size:10px;display:block}select,input,textarea{width:100%;color:var(--ink);background:#fffefa;border:1px solid #dcdad3;border-radius:10px;transition:border .15s}select:focus,input:focus,textarea:focus{border-color:#91aa9d}.confirm-panel select{height:43px;margin-top:7px;padding:0 11px}.unit-input{grid-template-columns:1fr 42px;margin-top:7px;display:grid}.unit-input input{border-radius:10px 0 0 10px;height:43px;padding:0 11px}.unit-input span{color:var(--muted);background:#f4f2ec;border:1px solid #dcdad3;border-left:0;border-radius:0 10px 10px 0;place-items:center;display:grid}.portion-buttons{grid-template-columns:repeat(3,1fr);gap:7px;margin:-5px 0 16px;display:grid}.portion-buttons button{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #e1ded7;border-radius:8px;padding:7px;font-size:9px}.portion-buttons button:hover{border-color:var(--sage);color:var(--sage-deep)}.nutrition-preview{background:#faf8f2;border:1px solid #e9e6de;border-radius:12px;grid-template-columns:repeat(4,1fr);padding:12px 5px;display:grid}.nutrition-preview div{border-right:1px solid #e9e6de;flex-direction:column;align-items:center;gap:3px;display:flex}.nutrition-preview div:last-child{border:0}.nutrition-preview strong{font-family:Georgia,serif;font-size:15px;font-weight:500}.nutrition-preview span{color:var(--muted);font-size:8px}.nutrition-preview .nutrition-pending{border:0;grid-column:1/-1;padding:7px}.nutrition-preview .nutrition-pending strong{color:#8b7047;font-family:inherit;font-size:12px}.fine-print{color:#969d99;margin:10px 0 15px;font-size:8px;line-height:1.6}.meal-rows{flex-direction:column;display:flex}.meal-rows>div{border-bottom:1px solid #edebe5;grid-template-columns:54px 1fr 30px;align-items:center;gap:12px;min-height:58px;display:grid}.meal-rows>div:last-child{border-bottom:0}.meal-type{background:var(--sage-pale);width:fit-content;color:var(--sage-deep);border-radius:7px;padding:5px 7px;font-size:9px}.meal-rows div div{flex-direction:column;gap:4px;display:flex}.meal-rows strong{font-size:11px}.meal-rows div div span{color:var(--muted);font-size:9px}.meal-rows button{color:#a0a6a2;cursor:pointer;background:0 0;border:0;font-size:20px}.tomorrow-plan{margin-top:18px}.tomorrow-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.tomorrow-grid>div{background:#faf8f3;border:1px solid #e8e4db;border-radius:12px;padding:14px}.tomorrow-grid span{color:var(--sage);font-size:9px;font-weight:800}.tomorrow-grid strong{margin:7px 0;font-family:SimSun,serif;font-size:14px;display:block}.tomorrow-grid p{color:var(--muted);margin:0;font-size:9px;line-height:1.65}.record-layout,.profile-layout{grid-template-columns:1fr 310px}.date-input{width:auto;height:36px;color:var(--sage-deep);padding:0 9px;font-size:10px}.form-grid{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.form-grid label,.wide-label{color:var(--muted);font-size:10px}.form-grid label>span{grid-template-columns:1fr 48px;margin-top:7px;display:grid}.form-grid input{border-radius:10px 0 0 10px;height:43px;padding:0 11px}.form-grid em{color:#929995;background:#f5f3ed;border:1px solid #dcdad3;border-left:0;border-radius:0 10px 10px 0;place-items:center;font-size:9px;font-style:normal;display:grid}.form-grid label>select{height:43px;margin-top:7px;padding:0 11px}.wide-label{margin:18px 0;display:block}.wide-label textarea,.wide-label>input{resize:vertical;margin-top:7px;padding:11px}.side-stack{flex-direction:column;gap:18px;display:flex}.side-stack h3{margin:8px 0 9px;font-family:SimSun,serif;font-size:17px}.side-stack p{color:var(--muted);margin:0 0 16px;font-size:10px;line-height:1.7}.gentle-card{background:linear-gradient(145deg,#edf3ef,#faf9f5)}.import-card label{cursor:pointer}.check-row{align-items:flex-start;gap:10px;margin:18px 0;display:flex}.check-row input{width:16px;height:16px;accent-color:var(--sage-deep);margin-top:2px}.check-row span{flex-direction:column;gap:4px;display:flex}.check-row strong{font-size:10px}.check-row small{color:var(--muted);font-size:9px}.privacy-card{text-align:center;background:linear-gradient(145deg,#eaf2ed,#faf9f5)}.privacy-card .lock{width:52px;height:52px;color:var(--sage-deep);background:#fffc;border-radius:50%;place-items:center;margin:0 auto 12px;font-size:21px;display:grid}.privacy-card div{gap:7px;display:grid}.standards-card ul{color:#5e6963;margin:12px 0;padding-left:18px;font-size:9px;line-height:1.9}.standards-card li::marker{color:var(--sage)}.mobile-nav{display:none}.toast{z-index:100;color:var(--sage-deep);background:#fbfffc;border:1px solid #d6e1da;border-radius:12px;padding:13px 18px;font-size:11px;animation:.25s toast-in;position:fixed;bottom:28px;right:28px;box-shadow:0 14px 34px #283c3229}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@media (width<=980px){.sidebar{align-items:center;width:86px;padding-inline:12px}.brand{justify-content:center;padding-inline:0}.brand div,.sidebar nav span,.sidebar-foot div{display:none}.sidebar nav button{padding:12px 18px}.main-area{margin-left:86px}.demo-banner{padding-left:calc(5vw + 86px)}.content-wrap{width:min(100% - 40px,980px)}.status-card{grid-template-columns:135px 1fr}.status-note{display:none}.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.food-layout{grid-template-columns:1fr}.insight-grid{grid-template-columns:1fr 1fr}}@media (width<=680px){.sidebar{display:none}.main-area{margin-left:0;padding-bottom:70px}.content-wrap{width:calc(100% - 28px);padding-top:25px}.demo-banner{text-align:center;flex-direction:column;gap:4px;padding:9px 14px}.page-header{flex-direction:column;align-items:flex-start}.page-header h1{font-size:27px}.status-card{text-align:center;grid-template-columns:1fr;padding:25px}.status-orbit{margin:0 auto}.status-copy p{text-align:left}.metric-grid{grid-template-columns:repeat(2,1fr);gap:10px}.metric-card{min-height:140px;padding:16px}.metric-value strong{font-size:23px}.dashboard-grid,.insight-grid,.record-layout,.profile-layout{grid-template-columns:1fr}.panel{padding:20px}.timeline{grid-template-columns:1fr;gap:18px}.timeline>div:after{display:none}.trend-summary{grid-template-columns:1fr 1fr 1fr}.trend-head{gap:15px}.table-scroll{overflow-x:auto}.records-table table{min-width:650px}.form-grid{grid-template-columns:1fr}.nutrition-preview{grid-template-columns:repeat(2,1fr);gap:12px 0}.tomorrow-grid{grid-template-columns:1fr}.nutrition-preview div:nth-child(2){border-right:0}.mobile-nav{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffdf9f0;border:1px solid #dbdbd3e6;border-radius:17px;grid-template-columns:repeat(5,1fr);height:60px;padding:6px;display:grid;position:fixed;bottom:8px;left:8px;right:8px;box-shadow:0 8px 30px #232d2821}.mobile-nav button{color:var(--muted);background:0 0;border:0;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:8px;display:flex}.mobile-nav button.active{background:var(--sage-pale);color:var(--sage-deep)}.mobile-nav i{font-family:Georgia,serif;font-size:18px;font-style:normal}.toast{text-align:center;bottom:82px;left:18px;right:18px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}