@charset "UTF-8";
:root{--bg:#f7f8f2;--surface:#fff;--ink:#253c31;--muted:#828b80;--green:#244c3c;--green-deep:#193c2c;--lime:#dcf394;--lime-soft:#f0f6dd;--line:#e9ece2;--a:#e8f1da;--b:#f5e8dc;--radius:18px;--shadow:0 8px 28px #283e2810;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;color:var(--ink);background:var(--bg);font-synthesis:none;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button{color:inherit}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #98b550;outline-offset:3px}input,select,textarea{min-width:0;color:var(--ink)}input[type=date]{color-scheme:light}input[type=number]{font-variant-numeric:tabular-nums}textarea{resize:vertical}h1,h2,h3,p{margin:0}h2{font-size:19px;font-weight:650;letter-spacing:-.4px}h3{font-size:15px;font-weight:650}svg.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}svg.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.reverse{transform:rotate(180deg)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-60px;left:16px;padding:14px 20px;background:var(--green);color:white;border-radius:8px;z-index:100}.skip-link:focus{top:12px}
.app-shell{display:flex;min-height:100vh}.sidebar{width:236px;flex:none;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;background:#fffef9;border-right:1px solid var(--line);padding:37px 24px 21px;z-index:20}.brand{display:flex;align-items:center;gap:12px;margin-bottom:45px;text-decoration:none!important}.brand-mark{width:45px;height:45px;background:var(--green);color:var(--lime);border-radius:14px;display:inline-flex;align-items:center;justify-content:center;transform:rotate(-5deg);flex:none}.brand-mark svg.icon{width:29px;height:29px;stroke-width:2}.brand strong{font-size:27px;line-height:1.2;letter-spacing:1px;font-weight:750}.brand-dot{color:#9fc35b}.brand small{display:block;letter-spacing:2.1px;font-size:8px;margin-top:4px;font-weight:650}.sidebar-caption{font-size:10px;letter-spacing:1.5px;color:#929989;padding-left:13px;margin-bottom:15px}.desktop-nav{display:flex;flex-direction:column;gap:8px}.nav-item{display:flex;align-items:center;gap:13px;min-height:47px;padding:0 14px;border:0;background:transparent;color:#717b70;border-radius:11px;text-align:left;font-size:13px;transition:background .15s,color .15s}.nav-item:hover{background:#f1f3ea;color:var(--green)}.nav-item.active{background:var(--green);color:white;box-shadow:0 5px 11px #244c3c16}.nav-item.active svg{color:var(--lime)}.nav-dot{width:5px;height:5px;background:var(--lime);border-radius:50%;margin-left:auto}.sidebar-note{position:relative;margin-top:39px;background:#f0f3e5;border:1px solid #e8eddb;border-radius:15px;padding:22px 18px;overflow:hidden}.pair-avatars{display:flex;margin-bottom:14px}.pair-avatars span{width:30px;height:30px;display:grid;place-items:center;border:3px solid #f0f3e5;border-radius:50%;background:#d8e4bc;color:#3f5735;font-size:10px;font-weight:700}.pair-avatars span+span{margin-left:-6px;background:#ebdccc;color:#8a694e}.sidebar-note strong{font-size:13px}.sidebar-note p{font-size:11px;color:#869075;line-height:1.9;margin-top:8px}.note-line{position:absolute;right:-17px;bottom:-24px;width:95px;height:95px;border:1px solid #d9e3c7;border-radius:50%}.note-line:before{content:"";position:absolute;inset:11px;border:1px solid #d9e3c7;border-radius:50%}.sidebar-footer{margin-top:auto;padding-top:30px}.identity-button{width:100%;display:flex;align-items:center;gap:10px;border:0;border-top:1px solid var(--line);padding:19px 0 0;background:transparent;text-align:left}.profile-avatar{width:34px;height:34px;border-radius:50%;background:#e9eedf;display:grid;place-items:center;font-size:12px;font-weight:700;flex:none}.profile-copy{flex:1}.profile-copy strong{display:block;font-size:11px;font-weight:600}.profile-copy small{display:block;color:#969b8f;font-size:9px;margin-top:5px}.identity-button>.icon{width:14px;height:14px;color:#a0a69a}.sidebar-credit{color:#a8ad9e;letter-spacing:.7px;font-size:7px;margin-top:25px;white-space:nowrap}.workspace{width:calc(100% - 236px);margin-left:236px;padding:40px 42px 20px;max-width:1600px}.workspace-header{display:flex;align-items:center;justify-content:space-between;gap:24px}.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:600;color:#8b9581;line-height:1.4}.header-copy>.eyebrow>span:first-child{margin:0 8px;color:#bfc5b8}.header-copy>.eyebrow>span:last-child{font-size:10px;letter-spacing:1px}h1{font-size:29px;letter-spacing:-1px;font-weight:700;line-height:1.2;margin:14px 0 9px}#page-subtitle{font-size:12px;color:#8b9385;line-height:1.6}.header-tools{display:flex;align-items:flex-end;flex-direction:column;gap:14px}.sync-line{display:flex;align-items:center;gap:9px}#sync-status{display:flex;gap:7px;align-items:center;font-size:10px;color:#939b8b}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#81a46e}.sync-line .btn-icon{min-height:25px;width:25px;min-width:25px;background:transparent;padding:3px;color:#929b87}.sync-line .icon{width:15px;height:15px}.date-picker{display:flex;align-items:center;gap:3px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:2px}.date-picker input{width:132px;height:38px;background:transparent;border:0;padding:0 4px;font-size:11px;font-weight:600}.date-picker .btn-icon{border:0;width:30px;min-width:30px;min-height:38px;background:transparent}.date-picker .icon{width:14px;height:14px}.workspace-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:29px 0 23px;border-bottom:1px solid var(--line);padding-bottom:18px}.section-label{font-size:11px;color:#859079;letter-spacing:.2px}.person-switch{display:flex;align-items:center;gap:4px;background:#edeee5;padding:4px;border-radius:9px}.person-switch button{display:flex;align-items:center;gap:6px;border:0;background:transparent;padding:0 11px;min-height:30px;font-size:10px;color:#8b9280;border-radius:6px}.person-switch button.active{background:white;color:var(--ink);box-shadow:0 1px 4px #2935230a}.mini-avatar{width:17px;height:17px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:8px;font-weight:700}.badge-a{color:#466337;background:var(--a)}.badge-b{color:#967653;background:var(--b)}.connection-banner{display:flex;gap:13px;align-items:center;background:#f0f4e8;border:1px solid #e3e9d5;border-radius:12px;padding:13px 16px;margin-bottom:22px;color:#71835c}.banner-icon{width:23px;height:23px;border:1px solid #a3b989;border-radius:50%;display:grid;place-items:center;font-family:Georgia,serif;font-size:15px;flex:none}.connection-banner p{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:10px;line-height:1.7}.connection-banner p strong{font-size:11px;font-weight:600}.connection-banner a{margin-left:auto;font-size:10px;white-space:nowrap;color:#607749}.connection-banner.demo-banner{background:#fbf6e5;border-color:#eee7cb;color:#887948}.workspace-footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:20px;margin-top:28px;color:#a1a797;font-size:9px;letter-spacing:.5px}.mobile-nav{display:none}
.hero-banner,.hero-note{background:var(--green);color:#fff;border-radius:var(--radius);position:relative;overflow:hidden}.hero-banner{padding:27px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px;min-height:168px}.hero-banner .eyebrow,.hero-note .eyebrow{color:#b7cd98;font-size:9px}.hero-banner h2{font-size:26px;line-height:1.5;letter-spacing:-.8px;margin:9px 0 7px;font-weight:600}.hero-banner p{font-size:11px;color:#bccbbe;line-height:1.9}.hero-copy{z-index:1;max-width:75%}.hero-art{position:relative;width:140px;height:130px;flex:none;display:grid;place-items:center}.hero-art:before,.hero-art:after{content:"";position:absolute;width:138px;height:138px;border:1px solid #46634b;border-radius:50%;transform:rotate(-25deg) scaleY(.65)}.hero-art:after{width:168px;height:168px;transform:rotate(35deg) scaleY(.65)}.hero-art .icon{width:79px;height:79px;color:var(--lime);stroke-width:1.8;transform:rotate(-28deg);z-index:1}.hero-pill{font-size:9px;display:inline-flex;align-items:center;gap:6px;border:1px solid #607550;border-radius:20px;padding:5px 9px;color:#d5e0c5}.hero-pill:before{content:"";width:5px;height:5px;background:var(--lime);border-radius:50%}.hero-note{padding:25px;display:flex;flex-direction:column;gap:13px}.hero-note h3{font-size:20px;font-weight:600;line-height:1.6}.hero-note p{font-size:11px;line-height:1.8;color:#c3d0bf}.hero-note .btn{align-self:flex-start;background:var(--lime);color:var(--green);border:0}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:23px}.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:20px 20px 18px;position:relative;min-height:133px}.stat-label{font-size:11px;color:#89917f;font-weight:500;display:flex;align-items:center;gap:9px}.stat-value{font-size:29px;line-height:1.2;letter-spacing:-1.1px;font-weight:650;margin:15px 0 10px;font-variant-numeric:tabular-nums}.stat-value small,.stat-unit{font-size:10px;color:#89917d;letter-spacing:0;font-weight:500;margin-left:5px}.stat-trend{font-size:9px;color:#9aab82;line-height:1.5;display:flex;align-items:center;gap:5px}.stat-trend .icon{width:12px;height:12px}.stat-icon{width:29px;height:29px;display:grid;place-items:center;background:#f0f4e8;border-radius:9px;color:#78955e}.stat-icon .icon{width:16px;height:16px}.stat-card:nth-child(2) .stat-icon{background:#fbf1df;color:#bd9a5b}.stat-card:nth-child(3) .stat-icon{background:#eff0f8;color:#9898b8}.stat-card:nth-child(4) .stat-icon{background:#e9f0ee;color:#80a698}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);gap:20px;align-items:start}.dashboard-grid>.panel{min-width:0}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:23px;margin-bottom:20px;min-width:0}.dashboard-grid .panel{margin-bottom:0}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.panel-header h2{font-size:15px;font-weight:650}.panel-header>.muted{font-size:10px}.panel-header .eyebrow{margin-bottom:6px}.panel-header a,.panel-link{font-size:10px;color:#8c967e;white-space:nowrap}.panel-header a:hover,.panel-link:hover{color:var(--green)}.muted{color:var(--muted);font-size:12px;line-height:1.7}.chart-wrap{position:relative;width:100%;height:240px;min-width:0}.chart-wrap canvas{max-width:100%}.chart-wrap.compact{height:188px}.chart-legend{display:flex;gap:16px;align-items:center;font-size:10px;color:#839277;flex-wrap:wrap}.chart-key{display:inline-flex;align-items:center;gap:5px}.chart-key:before{content:"";height:6px;width:6px;border-radius:50%;background:#406349}.chart-key.b:before{background:#bccd9b}.chart-key:nth-child(2):before{background:#bdcd99}.chart-key:nth-child(3):before{background:#d7bc85}.chart-key:nth-child(4):before{background:#b8bfcd}.record-list{display:flex;flex-direction:column}.record-row{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #f0f1ea}.record-row:last-child{border-bottom:0;padding-bottom:0}.record-row:first-child{padding-top:0}.record-main{flex:1;min-width:0}.record-title{font-size:12px;font-weight:600;line-height:1.65;overflow-wrap:anywhere}.record-meta{color:#929b86;font-size:10px;line-height:1.8;margin-top:4px;overflow-wrap:anywhere}.record-note{font-size:10px;color:#88917f;line-height:1.7;margin-top:5px;white-space:pre-wrap;overflow-wrap:anywhere}.record-actions{display:flex;gap:3px;align-items:center}.record-actions .btn-icon{color:#9ca68d;min-width:33px;min-height:36px;width:33px;border:none;background:transparent}.record-actions .icon{width:15px;height:15px}.record-actions .btn-icon:hover{background:#f2f4ea;color:var(--green)}.record-actions .btn-icon[data-action=delete]:hover{color:#af5b44;background:#fcf0eb}.person-badge{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;border-radius:9px;font-size:10px;font-weight:650;flex:none}.record-title .person-badge{height:20px;min-width:20px;border-radius:5px;margin-right:5px;font-size:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;padding:0 16px;min-height:40px;border:1px solid transparent;font-size:11px;font-weight:550;text-decoration:none!important;transition:background .15s,border-color .15s,transform .15s}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn-primary{background:var(--green);color:#fff}.btn-primary:hover:not(:disabled){background:var(--green-deep)}.btn-secondary{background:white;border-color:#e1e6d7;color:#718562}.btn-secondary:hover:not(:disabled){background:#f3f6ec;border-color:#cddbb9}.btn-icon{min-width:40px;width:40px;padding:0;background:white;border-color:#e5e9de;color:#7a8a6d}.btn .icon{width:16px;height:16px}.btn-danger{background:#a6503f;color:#fff}.page-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:22px}.quick-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.page-actions>.muted{font-size:11px}.empty-state{padding:38px 18px;text-align:center;color:#909b81;font-size:12px;line-height:1.9}.empty-state .icon{display:block;margin:0 auto 14px;width:34px;height:34px;color:#b3c49d}.empty-state h3{color:#6e805c;font-weight:500;margin-bottom:5px}.empty-state .btn{margin-top:14px}.error-state{padding:26px;text-align:center;color:#a26957;background:#fcf4f0;border-radius:12px;font-size:12px;line-height:1.8}.error-state .btn{margin-top:12px}.loading-state{padding:70px 20px;text-align:center;color:#9aa88a;font-size:12px}.loading-state:before{content:"";display:block;width:23px;height:23px;border:2px solid #e4eadb;border-top-color:#638250;border-radius:50%;margin:0 auto 14px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.table-wrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:11px;white-space:nowrap}th{color:#99a38e;font-size:10px;font-weight:500;padding:12px 14px;background:#f9faf5;border-bottom:1px solid var(--line)}td{padding:16px 14px;color:#748166;border-bottom:1px solid #eef0e7;font-variant-numeric:tabular-nums}tr:last-child td{border-bottom:0}td:first-child{color:var(--ink)}td .btn-icon{border:0;width:32px;min-width:32px;min-height:32px;background:transparent}.nutrition-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:23px}.nutrient{background:#f8f9f2;border:1px solid #edf0e4;padding:17px;border-radius:12px}.nutrient>span,.nutrient>label{font-size:10px;color:#8b9680}.nutrient>strong{display:block;font-size:23px;font-weight:650;margin:9px 0;color:#46663b;letter-spacing:-.8px}.nutrient strong small{font-size:10px;font-weight:400;color:#a0aa94;margin-left:5px;letter-spacing:0}.nutrient>small{font-size:9px;color:#a0aa93}.nutrient:nth-child(2){background:#fcf8ee;border-color:#f2eddd}.nutrient:nth-child(2)>strong{color:#a78c50}.nutrient:nth-child(3){background:#f5f6fa;border-color:#eeeff4}.nutrient:nth-child(3)>strong{color:#9394b0}.nutrient:nth-child(4){background:#eef5f2;border-color:#e6efea}.nutrient:nth-child(4)>strong{color:#6a9983}.progress-track{width:100%;height:5px;background:#edf1e4;border-radius:20px;overflow:hidden;margin-top:10px}.progress-fill{height:100%;background:#a8c375;max-width:100%;border-radius:20px}.nutrient:nth-child(2) .progress-fill{background:#d7bd78}.nutrient:nth-child(3) .progress-fill{background:#b7b9d2}.nutrient:nth-child(4) .progress-fill{background:#99bda9}.meal-group{margin-top:24px}.meal-group:first-child{margin-top:0}.meal-group h3{display:flex;align-items:center;justify-content:space-between;color:#6d7e5d;font-size:11px;font-weight:550;padding:0 0 12px;border-bottom:1px solid #edf0e5}.meal-group .record-row:first-child{padding-top:15px}.food-thumb{width:38px;height:38px;background:#f4f3e8;border-radius:10px;display:grid;place-items:center;font-size:19px;object-fit:cover;flex:none}.summary-strip{display:flex;gap:20px;align-items:center;flex-wrap:wrap;padding:16px 20px;background:#f0f4e6;border:1px solid #e7edda;border-radius:12px;margin-bottom:23px;font-size:11px;color:#8b967b}.summary-strip strong{color:#526d3c;font-size:13px}.summary-strip>span{display:flex;gap:7px;align-items:center}.mini-stat{padding:12px 0;font-size:10px;color:#91a180;display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #eef1e5}.mini-stat strong{color:#64814a;font-weight:600}.tabs,.view-toggle{display:inline-flex;flex-wrap:wrap;gap:5px;background:#ebeee3;border-radius:9px;padding:4px}.tab-button,.view-toggle button{background:transparent;color:#8e9a7e;border:0;border-radius:6px;min-height:34px;padding:0 14px;font-size:11px}.tab-button.active,.view-toggle button.active{background:white;color:#4d663d;box-shadow:0 2px 5px #21301b08}.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.library-item{padding:19px;border:1px solid var(--line);border-radius:12px;background:white;position:relative}.library-item h3{font-size:13px;margin-bottom:6px}.library-item .muted{font-size:10px}.library-item .record-actions{margin-top:14px;justify-content:flex-end;border-top:1px solid #f1f3ea;padding-top:9px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.two-col>.panel{margin-bottom:0}.inline-note{font-size:11px;line-height:1.7;color:#8c997d}.date-inline{font-size:10px;color:#95a185}.badge{display:inline-flex;padding:4px 7px;border-radius:5px;background:#eff4e4;color:#8da474;font-size:9px}.tag{display:inline-block;padding:4px 7px;border-radius:5px;background:#f1f4e9;color:#8b9c77;font-size:9px;margin:6px 4px 0 0}
dialog{border:1px solid #e9ecdf;border-radius:20px;background:#fffefb;color:var(--ink);padding:26px;width:min(560px,calc(100vw - 30px));max-height:calc(100dvh - 40px);overflow:auto;box-shadow:0 20px 90px #13201433}dialog::backdrop{background:#14261966;backdrop-filter:blur(4px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:25px}.dialog-head h2{font-size:22px;margin-top:7px}.dialog-head .btn-icon{background:#f6f7f0;border:0}.dialog-footer{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:20px;margin-top:22px}.dialog-footer .btn{min-height:44px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.span-2{grid-column:1/-1}.field{display:flex;flex-direction:column;gap:8px;font-size:11px;color:#8c997d;min-width:0}.field input,.field select,.field textarea{width:100%;border:1px solid #e0e6d4;background:#fff;min-height:44px;border-radius:8px;padding:10px 12px;font-size:12px;color:#526843}.field textarea{min-height:86px;line-height:1.7}.field input::placeholder,.field textarea::placeholder{color:#b7c1a7}.field small{font-size:10px;color:#a7b197;line-height:1.6}.form-error{font-size:11px;line-height:1.7;color:#ab5e4c;margin-top:15px}.form-error:empty{display:none}.identity-dialog{width:min(480px,calc(100vw - 30px));padding:35px 29px}.identity-intro{text-align:center}.identity-intro .brand-mark{width:49px;height:49px;margin-bottom:24px}.identity-intro .eyebrow{font-size:8px}.identity-intro h2{font-size:25px;margin:11px 0 14px}.identity-intro>p:last-child{font-size:11px;line-height:1.9;color:#97a187}.identity-options{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:26px}.identity-options button{background:#f7f9f0;border:1px solid #e6edda;border-radius:14px;display:flex;flex-direction:column;align-items:center;padding:25px 15px;color:#607b49;transition:background .15s,border-color .15s}.identity-options button:nth-child(2){background:#fbf7f0;border-color:#f0e7d9;color:#9b7b57}.identity-options button:hover{border-color:#a7bd87;background:#eff5e0}.identity-options button:nth-child(2):hover{border-color:#d2b185;background:#f8efdf}.identity-avatar{display:grid;place-items:center;width:53px;height:53px;border-radius:50%;font-size:22px;font-weight:650;margin-bottom:16px}.identity-options strong{font-size:13px}.identity-options small{font-size:10px;color:#9eaa8e;margin-top:8px}.identity-options button:nth-child(2) small{color:#bca98c}.identity-footnote{font-size:9px;color:#a2ac96;text-align:center;margin-top:24px}.recognition-dialog{width:min(620px,calc(100vw - 30px))}.recognition-help{font-size:11px;margin-bottom:18px}.photo-upload{border:1px dashed #cddbb8;background:#f5f8ed;border-radius:12px;padding:22px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:9px;color:#87a26c;cursor:pointer}.photo-upload .icon{width:31px;height:31px}.photo-upload strong{font-weight:550;font-size:12px;color:#739254}.photo-upload span{font-size:10px;color:#a1af91}.photo-upload input{font-size:10px;color:#889c74;max-width:100%;margin-top:4px}.photo-upload input::file-selector-button{border:0;background:#e4edd4;color:#6e8851;padding:8px 10px;border-radius:6px;font:inherit;margin-right:10px;cursor:pointer}.photo-preview{width:100%;max-height:220px;object-fit:contain;border-radius:12px;background:#f5f6ef;margin-top:15px}.recognition-settings{margin-top:20px}.recognition-disclaimer{font-size:9px;color:#a5af99;line-height:1.6;margin-top:15px}.recognition-row{padding:15px;border:1px solid #e3ead5;border-radius:11px;background:#f9fbf3;margin-top:13px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.recognition-row .field{font-size:10px}.recognition-row .field input{min-height:38px;padding:8px;font-size:11px}.recognition-row .field:first-child{grid-column:1/-1}#recognition-status{margin:15px 0 0}.toast{position:fixed;bottom:30px;left:calc(50% + 118px);transform:translateX(-50%);max-width:calc(100vw - 40px);background:var(--green);color:#edf4e3;border:1px solid #3f604b;border-radius:11px;padding:14px 23px;z-index:100;box-shadow:0 6px 25px #12342025;font-size:12px;line-height:1.6}.toast.error{background:#975b47;border-color:#b2755e}.noscript-message{position:fixed;bottom:20px;left:20px;right:20px;padding:18px;background:#9a5846;color:white;border-radius:12px;z-index:150;font-size:13px}
/* Direct styles for the vanilla app's record, chart, and native form markup. */
.hero-banner .quick-actions{margin-top:18px}.hero-banner .btn-primary{background:var(--lime);border-color:var(--lime);color:var(--green)}.hero-banner .btn-primary:hover:not(:disabled){background:#e8faa9}.hero-banner .btn-secondary{background:transparent;border-color:#6b8259;color:#e0edcf}.hero-banner .btn-secondary:hover:not(:disabled){background:#ffffff0a}.hero-banner h2>span{color:var(--lime)}.hero-art{width:210px;height:154px;display:flex;align-items:center;justify-content:center;isolation:isolate;margin-right:14px}.hero-art:before{width:175px;height:175px;border-color:#ffffff20}.hero-art:after{width:205px;height:205px;border-color:#ffffff20}.hero-ring{position:absolute;width:120px;height:120px;border:1px solid #d4ec9936;border-radius:50%;z-index:-1;background:#e9faab04}.hero-art-label{text-align:center;position:relative;z-index:1}.hero-art-label strong{display:block;font-size:43px;color:var(--lime);font-weight:550;letter-spacing:-2px}.hero-art-label span{display:block;font-size:8px;color:#b7c8a7;letter-spacing:1.3px;margin-top:6px}.hero-art .hero-pill{position:absolute;bottom:-3px;white-space:nowrap;background:var(--green);font-size:8px}.stat-label>.stat-icon{margin-left:auto;font-size:16px}.stat-card.lime{background:#eff5dd;border-color:#e2ebcd}.stat-card.lime .stat-icon{background:#e2edc7;color:#6f8b49}.dashboard-grid{margin-bottom:20px}#page-content>.section-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}#page-content>.section-label small{font-size:9px;color:#a0aa91}.panel-header>.btn-icon[data-page]{width:auto;min-width:92px;border:0;background:#f6f8ef;font-size:10px;white-space:nowrap;padding:0 12px}.record-meta{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.record-meta .person-badge{height:18px;min-width:18px;border-radius:5px;font-size:8px}.record-actions{flex:none}.record-actions .btn-icon,td .record-actions .btn-icon{width:auto;min-width:44px;min-height:44px;font-size:10px;padding:0 8px;white-space:nowrap}.record-actions .danger:hover{color:#aa5a46;background:#fcf0eb}.training-numbers{display:flex;flex-direction:column;align-items:flex-end;gap:5px;min-width:78px;margin:0 15px 0 8px;color:#60784a;font-variant-numeric:tabular-nums}.training-numbers strong{font-size:16px;font-weight:600;white-space:nowrap}.training-numbers strong small{font-size:9px;color:#99a68b;font-weight:400}.training-numbers>span{font-size:10px;color:#96a288;white-space:nowrap}.food-calories{font-size:16px;color:#657f4b;white-space:nowrap;font-weight:600;font-variant-numeric:tabular-nums}.food-calories small{font-size:9px;color:#9cab89;font-weight:400}.nutrient .stat-value{font-size:25px;color:#46663b;margin:11px 0 13px}.nutrient:nth-child(2) .stat-value{color:#a78c50}.nutrient:nth-child(3) .stat-value{color:#9394b0}.nutrient:nth-child(4) .stat-value{color:#6a9983}.progress-fill{display:block}.nutrient>.muted{display:block;margin-top:10px;font-size:9px;line-height:1.6}.meal-group h3{border:0;padding:0;gap:9px;font-size:14px;color:var(--ink)}.meal-count{font-size:9px;font-weight:400}.meal-group .panel-header>div{display:flex;align-items:center;gap:6px}.meal-group .panel-header>div>strong{font-size:13px;font-weight:550;color:#7a9065}.meal-group .panel-header>div>.btn-icon{margin-left:9px;background:#f5f8ed;color:#93aa73;border-color:#e6edda}.meal-empty{font-size:10px;padding:8px 0 0;color:#a2ac94}.panel-header .quick-actions>select{min-height:38px;background:#f8faf3;border:1px solid #e2e9d6;border-radius:7px;font-size:10px;padding:0 9px;color:#809267}.chart-tall{height:300px}.body-stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.empty-symbol{width:40px;height:40px;display:flex;align-items:center;justify-content:center;margin:0 auto 13px;background:#eff4e3;color:#9eb57e;border-radius:50%;font-size:24px}.empty-state>strong{font-weight:500;display:block;color:#7c9267;font-size:12px;margin-bottom:5px}#page-content>.inline-note{margin:16px 0 20px}table small.record-note{display:block}th small{font-size:9px;color:#b0b9a5}.recognition-row{display:block;padding:16px;min-width:0;margin:16px 0 0}.recognition-row legend{font-size:10px;color:#8da171;padding:0 6px}.recognition-row .field:first-child{grid-column:auto}.recognition-row .form-grid{gap:12px}.recognition-row>.btn-icon{width:auto;padding:0 12px;min-height:44px;font-size:10px;margin-top:13px;border-color:#eaded3;background:#fcf6f0;color:#ae8970}.identity-button{flex-wrap:wrap}.identity-button>.person-badge{width:33px;height:33px;border-radius:50%;font-size:11px}.identity-button>span:not(.person-badge){font-size:11px;font-weight:600;white-space:nowrap}.identity-button>small{font-size:9px;color:#9ca68e;flex-basis:100%;margin-left:43px;margin-top:-7px}.toast{opacity:0;visibility:hidden;transition:opacity .15s}.toast.show{opacity:1;visibility:visible}
@media(min-width:1500px){.workspace{padding-left:55px;padding-right:55px}.stats-grid{gap:20px}.dashboard-grid{gap:24px}.stat-card{padding:24px}.chart-wrap{height:270px}}
@media(max-width:1180px){.sidebar{width:209px;padding:31px 18px 20px}.workspace{margin-left:209px;width:calc(100% - 209px);padding:32px 28px 20px}.brand{gap:10px}.brand strong{font-size:24px}.brand-mark{width:41px;height:41px}.brand small{font-size:7px}.sidebar-caption{font-size:9px}.nav-item{font-size:12px}.dashboard-grid{grid-template-columns:minmax(0,1.4fr) minmax(270px,1fr);gap:16px}.panel{padding:19px}.stat-card{padding:16px}.stat-value{font-size:26px}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toast{left:calc(50% + 104px)}}
@media(max-width:980px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.stat-card{min-height:125px}.dashboard-grid{grid-template-columns:1fr}.dashboard-grid .panel{margin-bottom:0}.hero-banner h2{font-size:23px}.header-copy>.eyebrow{font-size:8px}.header-copy>.eyebrow>span:last-child{display:none}.two-col{grid-template-columns:1fr}.nutrition-grid{gap:9px}.nutrient{padding:12px}.nutrient>strong{font-size:20px}.workspace-header{gap:15px}.connection-banner p{gap:3px;display:block}.connection-banner p strong,.connection-banner p span{display:block}.connection-banner a{font-size:9px}.chart-wrap{height:250px}}
@media(max-width:740px){.app-shell{display:block}.sidebar{position:static;width:100%;height:71px;flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid var(--line);padding:0 20px;background:var(--bg);gap:15px}.brand{margin:0;gap:9px}.brand-mark{width:33px;height:33px;border-radius:10px}.brand-mark .icon{width:24px;height:24px}.brand strong{font-size:22px}.brand small{font-size:6px;letter-spacing:1.9px;margin-top:2px}.sidebar-caption,.desktop-nav,.sidebar-note,.sidebar-credit{display:none}.sidebar-footer{padding:0;margin:0 0 0 auto}.identity-button{padding:0;border:0;width:auto;gap:7px}.identity-button>.icon{display:none}.profile-avatar{width:30px;height:30px;font-size:10px;background:#e7edde}.profile-copy strong{font-size:10px}.profile-copy small{font-size:8px;margin-top:3px}.workspace{width:100%;margin:0;padding:25px 20px 105px;max-width:100%}.workspace-header{align-items:flex-start}.header-copy>.eyebrow{font-size:7px;letter-spacing:1.2px}.header-copy>.eyebrow>span{display:none}h1{font-size:25px;margin:12px 0 8px}#page-subtitle{font-size:10px;max-width:185px}.header-tools{gap:12px}.sync-line{gap:5px}#sync-status{font-size:8px;gap:5px}.status-dot{width:5px;height:5px}.date-picker{gap:0;padding:0}.date-picker input{width:107px;font-size:9px;height:35px;padding:0 3px}.date-picker .btn-icon{width:21px;min-width:21px;min-height:35px}.date-picker .icon{width:11px;height:11px}.workspace-toolbar{margin:23px 0 19px;padding-bottom:15px;gap:10px}.section-label{font-size:9px}.person-switch{gap:1px;padding:3px}.person-switch button{font-size:8px;padding:0 8px;gap:4px;min-height:31px}.mini-avatar{width:15px;height:15px;font-size:7px}.connection-banner{padding:12px;gap:10px;margin-bottom:17px}.banner-icon{width:20px;height:20px;font-size:12px}.connection-banner p{font-size:9px;line-height:1.7}.connection-banner p strong{font-size:10px}.connection-banner a{max-width:65px;white-space:normal;line-height:1.7;font-size:8px;flex:none}.hero-banner{padding:22px;min-height:151px;margin-bottom:17px}.hero-banner h2{font-size:21px;letter-spacing:-.6px;margin:7px 0}.hero-banner p{font-size:9px;line-height:1.9}.hero-copy{max-width:78%}.hero-art{width:77px;height:92px}.hero-art:before{width:100px;height:100px}.hero-art:after{width:122px;height:122px}.hero-art .icon{width:53px;height:53px}.hero-banner .eyebrow{font-size:7px}.hero-pill{font-size:8px;padding:4px 7px}.stats-grid{gap:11px;margin-bottom:17px}.stat-card{padding:15px;min-height:119px;border-radius:13px}.stat-label{font-size:10px}.stat-value{font-size:25px;margin:13px 0 8px}.stat-icon{width:25px;height:25px;border-radius:7px}.stat-icon .icon{width:14px;height:14px}.stat-trend{font-size:8px}.stat-value small,.stat-unit{font-size:9px}.panel{padding:19px;border-radius:15px;margin-bottom:17px}.panel-header{margin-bottom:20px;gap:10px}.panel-header h2{font-size:14px}.panel-header .eyebrow{font-size:7px}.panel-header>.muted,.panel-header a{font-size:9px}.chart-wrap{height:218px}.dashboard-grid{gap:17px}.chart-legend{font-size:8px;gap:11px}.record-title{font-size:11px}.record-meta{font-size:9px}.record-row{gap:9px;padding:13px 0}.record-actions{gap:0}.record-actions .btn-icon{min-height:44px;min-width:32px;width:32px}.record-actions .icon{width:14px;height:14px}.person-badge{min-width:25px;height:25px;font-size:9px;border-radius:8px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-around;background:#fffefaf5;backdrop-filter:blur(15px);border-top:1px solid #e7ebdc;padding:7px 7px calc(7px + env(safe-area-inset-bottom));z-index:30}.mobile-nav button{border:0;background:transparent;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;color:#a0aa90;min-height:50px;flex:1;border-radius:10px;font-size:9px;max-width:80px}.mobile-nav button .icon{width:19px;height:19px}.mobile-nav button.active{color:var(--green);background:#eef3e3}.mobile-nav button.active .icon{stroke-width:2}.workspace-footer{font-size:8px;margin-top:23px;padding-top:17px;letter-spacing:0}.btn{min-height:44px;font-size:10px;padding:0 13px;gap:6px}.btn-icon{min-width:44px;width:44px}.btn .icon{width:15px;height:15px}.quick-actions{gap:7px}.page-actions{margin-bottom:17px;gap:12px}.page-actions>.muted{font-size:10px}.nutrition-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:17px}.nutrient{padding:15px}.nutrient>strong{font-size:24px}.summary-strip{gap:10px 16px;padding:13px 15px;font-size:10px;margin-bottom:17px}.summary-strip strong{font-size:11px}.library-grid{gap:11px}.library-item{padding:15px}.library-item h3{font-size:12px}.library-item .muted{font-size:9px}.tabs,.view-toggle{width:100%}.tab-button,.view-toggle button{flex:1;min-height:38px;font-size:10px;padding:0 10px}.two-col{gap:17px}.hero-note{padding:21px}.hero-note h3{font-size:18px}table{font-size:10px}td{padding:13px 10px}th{padding:11px 10px;font-size:9px}.toast{bottom:91px;left:50%;width:max-content;font-size:11px;padding:12px 18px}.empty-state{font-size:11px}.muted{font-size:11px}.recognition-row{grid-template-columns:1fr 1fr}dialog{padding:23px;border-radius:17px;max-height:calc(100dvh - 30px)}.dialog-head{margin-bottom:22px}.dialog-head h2{font-size:20px}.dialog-head .btn-icon{min-height:44px;min-width:44px;width:44px}.dialog-footer .btn{flex:1;font-size:11px}.form-grid{gap:15px}.recognition-help{font-size:10px}.recognition-settings .field{font-size:10px}.identity-dialog{padding:30px 24px}.identity-intro h2{font-size:23px}.identity-options{gap:12px}.identity-options button{padding:23px 12px}.noscript-message{bottom:85px;font-size:11px}}
@media(max-width:370px){.workspace{padding-right:15px;padding-left:15px}.sidebar{padding-right:15px;padding-left:15px}.header-tools .date-picker input{width:97px}.date-picker .btn-icon{width:18px;min-width:18px}.header-copy h1{font-size:23px}.section-label{display:none}.workspace-toolbar{justify-content:flex-end}.hero-banner{padding:20px}.hero-banner h2{font-size:19px}.hero-art{width:62px}.hero-copy{max-width:77%}.stat-card{padding:13px}.stat-value{font-size:23px}.stat-label{font-size:9px}.panel{padding:16px}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.recognition-row{grid-template-columns:1fr 1fr}.recognition-settings{grid-template-columns:1fr 1fr}.recognition-settings .span-2{grid-column:1/-1}.library-grid{grid-template-columns:1fr}.connection-banner a{display:none}}
@media(max-width:740px){.hero-copy{max-width:none;flex:1}.hero-banner{gap:12px}.hero-art{width:105px;height:123px;min-width:105px;margin-right:0}.hero-art:before{width:110px;height:110px}.hero-art:after{width:134px;height:134px}.hero-ring{width:94px;height:94px}.hero-art-label strong{font-size:30px;letter-spacing:-1px}.hero-art-label span{font-size:6px;letter-spacing:.3px}.hero-art .hero-pill{font-size:6px;padding:4px 6px;bottom:-2px}.hero-banner .quick-actions{margin-top:14px;gap:8px}.hero-banner .quick-actions .btn{font-size:9px;min-height:38px;padding:0 10px}.hero-banner h2{font-size:20px;line-height:1.5}.dashboard-grid{margin-bottom:17px}.record-row{flex-wrap:wrap}.record-main{min-width:120px;flex-basis:40%}.record-actions{margin-left:auto}.training-numbers{min-width:60px;margin:0 3px 0 auto}.training-numbers strong{font-size:15px}.training-numbers>span{font-size:9px}.record-actions .btn-icon,td .record-actions .btn-icon{width:auto;min-width:44px;min-height:44px;font-size:9px;padding:0 8px}.food-calories{font-size:14px;margin-left:auto}.food-calories small{font-size:8px}.record-meta{gap:5px;font-size:8px;line-height:1.8}.record-meta .person-badge{height:16px;min-width:16px;font-size:7px}.panel-header .quick-actions>select{min-height:44px;font-size:9px;max-width:90px;padding:0 6px}.chart-tall{height:250px}.body-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.meal-group .panel-header{margin-bottom:11px}.meal-group h3{font-size:13px}.meal-group .panel-header>div>.btn-icon{margin-left:4px;min-width:44px;min-height:44px;width:44px}.nutrient .stat-value{font-size:24px}.nutrient>.muted{font-size:8px}.identity-button{min-height:44px;max-width:140px;display:grid;grid-template-columns:30px 1fr;gap:2px 8px}.identity-button>.person-badge{height:30px;width:30px;grid-row:1/3;font-size:10px}.identity-button>span:not(.person-badge){font-size:9px}.identity-button>small{margin:0;font-size:7px;grid-column:2}.recognition-row{padding:13px}.recognition-row .field input{min-height:44px}.recognition-row .field:first-child{grid-column:1/-1}.recognition-row .form-grid{grid-template-columns:1fr 1fr}}
@media(max-width:370px){.hero-art{width:86px;min-width:86px}.hero-art-label strong{font-size:25px}.hero-banner h2{font-size:18px}.hero-art .hero-pill{font-size:5px}.hero-art-label span{font-size:5px}.hero-banner{padding:18px}.hero-banner .quick-actions .btn{font-size:8px;padding:0 8px}.hero-art:before{width:98px;height:98px}.hero-art:after{width:111px;height:111px}.hero-ring{width:76px;height:76px}.recognition-row .field:first-child{grid-column:1/-1}#page-content>.section-label{display:flex}}
@media(pointer:coarse){button,.person-switch button,.date-picker .btn-icon,.record-actions .btn-icon,td .btn-icon,.sync-line .btn-icon,.hero-banner .quick-actions .btn{min-width:44px;min-height:44px}.date-picker input{min-height:44px}.person-switch button{padding:0 9px}.record-actions .btn-icon,td .btn-icon{width:auto}.field input,.field select{min-height:44px}}
@media(max-width:740px) and (pointer:coarse){.workspace-header{flex-wrap:wrap}.header-tools{flex-direction:row;align-items:center;justify-content:space-between;width:100%;gap:12px}.header-copy{width:100%}#page-subtitle{max-width:none}.workspace-toolbar{flex-wrap:wrap}.person-switch{margin-left:auto}.date-picker input{width:115px}.date-picker .btn-icon{width:44px}}
/* Keep secondary copy readable on the light palette, including small metadata. */
:root{--muted:#606e5d;--secondary:#606e5d}
.eyebrow,.sidebar-caption,.nav-item,.sidebar-note p,.sidebar-credit,.profile-copy small,.identity-button>.icon,.identity-button>small,#page-subtitle,#sync-status,.sync-line .btn-icon,.date-picker input,.section-label,.person-switch button,.connection-banner,.connection-banner p,.connection-banner a,.connection-banner.demo-banner,.workspace-footer,.stat-label,.stat-unit,.stat-value small,.stat-trend,.record-meta,.record-note,.record-actions .btn-icon,.training-numbers strong small,.training-numbers>span,.food-calories small,.nutrient>span,.nutrient>label,.nutrient>small,.nutrient>.muted,.panel-header>.muted,.panel-header a,.panel-link,.chart-legend,.empty-state,.empty-state h3,.empty-state>strong,.loading-state,th,th small,td,.summary-strip,.mini-stat,.tab-button,.view-toggle button,.library-item .muted,.inline-note,.date-inline,.meal-empty,.panel-header .quick-actions>select,.field,.field small,.recognition-row legend,.recognition-settings .field,.recognition-help,.recognition-disclaimer,.identity-intro>p:last-child,.identity-footnote,.identity-options small,.identity-options button:nth-child(2) small,.mobile-nav button,.photo-upload,.photo-upload span,.photo-upload input,#page-content>.section-label small{color:var(--secondary)}
.btn-secondary,.btn-icon,.photo-upload strong,.summary-strip strong,.mini-stat strong,.meal-group .panel-header>div>strong,.meal-group .panel-header>div>.btn-icon,.identity-options button,.identity-options button:nth-child(2),.recognition-row>.btn-icon,.training-numbers,.food-calories{color:#4f6048}.badge-b{color:#755238}.error-state,.form-error{color:#8d4d3c}.nutrient:nth-child(2)>strong,.nutrient:nth-child(2) .stat-value{color:#86672d}.nutrient:nth-child(3)>strong,.nutrient:nth-child(3) .stat-value{color:#676887}.nutrient:nth-child(4)>strong,.nutrient:nth-child(4) .stat-value{color:#4e785f}.field input::placeholder,.field textarea::placeholder{color:#606e5d;opacity:1}.photo-upload input::file-selector-button{color:#4f6048}
.stat-label,.record-title,.record-title>.muted,.field,.recognition-settings .field,.nav-item,.btn,.table-wrap table,td,.library-item h3,.identity-options strong,.recognition-row .field,.profile-copy strong,.identity-button>span:not(.person-badge),.connection-banner p strong,.person-switch button,.tab-button,.view-toggle button,.recognition-row>.btn-icon,.record-actions .btn-icon,td .record-actions .btn-icon{font-size:12px}
.eyebrow,.header-copy>.eyebrow,.header-copy>.eyebrow>span:last-child,.sidebar-caption,.sidebar-note p,.sidebar-credit,.brand small,.profile-copy small,.identity-button>small,#page-subtitle,#sync-status,.section-label,.connection-banner p,.connection-banner a,.workspace-footer,.stat-unit,.stat-value small,.stat-trend,.record-meta,.record-note,.training-numbers strong small,.training-numbers>span,.food-calories small,.nutrient>span,.nutrient>label,.nutrient>small,.nutrient>.muted,.panel-header>.muted,.panel-header a,.panel-link,.chart-legend,.empty-state,.empty-state h3,.loading-state,th,th small,.summary-strip,.summary-strip>.muted,.mini-stat,.library-item .muted,.inline-note,.date-inline,.meal-count,.meal-empty,.field small,.recognition-row legend,.recognition-help,.recognition-disclaimer,.identity-intro>p:last-child,.identity-footnote,.identity-options small,.identity-options button:nth-child(2) small,.mobile-nav button,.photo-upload span,.photo-upload input,.page-actions>.muted,#page-content>.section-label small,.panel-header>.btn-icon[data-page],.recognition-row .field input{font-size:11px}
.muted{font-size:11px}.brand small{letter-spacing:.8px}.sidebar-credit{white-space:normal;line-height:1.7;letter-spacing:.3px}.sidebar-note strong{font-size:13px}.person-badge,.record-meta .person-badge,.record-title .person-badge,.mini-avatar{font-size:11px;min-width:22px;height:22px}.mini-avatar{width:22px}.record-meta{line-height:1.9;gap:7px}.record-note{line-height:1.8}.stat-trend{line-height:1.7}.identity-button>small{line-height:1.6}.hero-banner p,.hero-note p,.hero-banner .eyebrow,.hero-note .eyebrow{font-size:11px}.hero-banner .quick-actions .btn,.dialog-footer .btn{font-size:12px}.panel-header .quick-actions>select{font-size:12px;min-height:44px;max-width:none}.person-switch button,.date-picker .btn-icon,.sync-line .btn-icon,.tab-button,.view-toggle button{min-width:44px;min-height:44px}.date-picker input{min-height:44px;font-size:12px}.sync-line .btn-icon{width:44px}.food-thumb{font-size:19px}.field input,.field select,.field textarea{font-size:14px}.toast{font-size:12px}
@media(max-width:740px){.workspace-header{flex-wrap:wrap}.header-copy{width:100%}#page-subtitle{max-width:none}.header-tools{width:100%;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.sync-line{order:2;margin-left:auto}.date-picker{order:1;max-width:100%}.date-picker .btn-icon{width:44px}.date-picker input,.header-tools .date-picker input{width:150px;font-size:16px}.field input,.field select,.field textarea,.recognition-row .field input,.panel-header .quick-actions>select{font-size:16px;min-height:44px}.panel-header .quick-actions>select{max-width:115px}.workspace-toolbar{flex-wrap:wrap}.person-switch{margin-left:auto;max-width:100%}.person-switch button{font-size:12px;padding:0 10px}.workspace-toolbar>.section-label{font-size:11px;display:block}.hero-copy{min-width:0}.hero-banner .quick-actions .btn{min-height:44px}.hero-banner .eyebrow{letter-spacing:1px}.hero-art{width:87px;min-width:87px}.hero-art:before{width:106px;height:106px}.hero-art:after{width:124px;height:124px}.identity-button{max-width:151px;gap:1px 7px}.identity-button>.person-badge{font-size:12px;height:30px;width:30px}.identity-button>span:not(.person-badge){font-size:12px}.identity-button>small{font-size:11px}.sidebar{gap:10px}.brand{gap:8px}.brand small{font-size:11px;letter-spacing:0}.record-main{flex-basis:50%;min-width:140px}.training-numbers{margin-left:auto}.record-actions{flex-basis:100%;justify-content:flex-end;margin-top:3px;gap:3px}.record-actions .btn-icon,td .record-actions .btn-icon{font-size:12px}.record-meta .person-badge{min-width:22px;height:22px}.record-title{line-height:1.7}.body-stats .stat-label{font-size:12px}.summary-strip{font-size:11px}.summary-strip strong{font-size:12px}.nutrition-grid{gap:11px}.nutrient>.muted{line-height:1.7}.meal-empty{font-size:11px}.workspace-footer{font-size:11px;line-height:1.7;flex-wrap:wrap}.connection-banner a{max-width:80px}.recognition-disclaimer{font-size:11px}.mobile-nav button{font-size:11px}.table-wrap .record-actions{flex-basis:auto}.recognition-row .field{font-size:12px}}
@media(max-width:740px){.panel-header{flex-wrap:wrap}.panel-header>.quick-actions{margin-left:auto;max-width:100%}}
@media(max-width:370px){.person-switch{width:100%}.person-switch button{flex:1;padding:0 8px}.hero-banner{padding:18px}.hero-art{width:69px;min-width:69px}.hero-art:before{width:84px;height:84px}.hero-art:after{width:97px;height:97px}.hero-art-label strong{font-size:25px}.identity-button{max-width:139px;grid-template-columns:27px 1fr;gap:1px 5px}.identity-button>.person-badge{width:27px;height:27px}.identity-button>span:not(.person-badge){font-size:12px}.brand strong{font-size:20px}.brand-mark{width:30px;height:30px}.brand{gap:7px}.stat-label{font-size:12px}.stat-card{padding:13px}.stat-icon{width:22px;height:22px;flex:none}.stat-trend{font-size:11px}.panel-header{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.btn:hover:not(:disabled){transform:none}}