:root{font-family:'Noto Sans SC',system-ui,sans-serif;color:#242424;background:#f5f5f5;font-size:16px;--ink:#242424;--muted:#737373;--line:#e4e4e4;--blue:#8a8a8a;--green:#287c61;--orange:#b76a15;--red:#ba4751}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;border:0;border-radius:10px;padding:11px 17px;background:#f0f0f0;color:var(--ink);font-weight:500}button:hover{filter:brightness(.96)}button:focus-visible,a:focus-visible{outline:3px solid #ff5100;outline-offset:3px}button.primary{background:var(--ink);color:white}button.light{background:white;border:1px solid var(--line)}button.danger{color:var(--red)}button.small{padding:7px 11px;font-size:.875rem}a{color:inherit;text-decoration:none}aside{position:fixed;inset:0 auto 0 0;width:236px;background:white;border-right:1px solid var(--line);padding:38px 23px;display:flex;flex-direction:column}.brand{padding:0 13px 44px;display:block}.brand b{display:block;font-size:2.5rem;letter-spacing:-3px}.brand b span{color:#7896a6;margin:0 3px}.brand small{font-size:.625rem;letter-spacing:1.5px}nav{display:grid;gap:9px}nav button{background:transparent;text-align:left;padding:15px 17px;display:flex;gap:13px;color:#747474}nav button.active{background:#fff0e6;color:#242424;font-weight:700}.aside-bottom{margin-top:auto;font-size:.875rem;line-height:2;color:var(--muted)}.aside-bottom small{font-size:.75rem}.shell{margin-left:236px}.demo{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#ededed;padding:10px 36px;color:#666666;font-size:.875rem}.demo button{background:transparent;font-size:.875rem;padding:4px;white-space:nowrap}main{max-width:1160px;margin:auto;padding:42px 44px 32px;min-height:80vh}.heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.eyebrow{font-size:.75rem;letter-spacing:2px;color:#777777;font-weight:600}h1{font-size:2rem;margin:9px 0;font-weight:600;letter-spacing:-1px}h2{font-size:1.125rem;margin:0 0 20px}h3{font-size:1rem;margin:0 0 12px}p{line-height:1.7}.sub{color:var(--muted);font-size:.875rem;margin:7px 0}.card{background:white;border:1px solid var(--line);border-radius:18px;padding:25px;margin-bottom:22px}.grid{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}.grid.equal{grid-template-columns:1fr 1fr}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:24px}.stat{padding:20px 23px;background:white;border:1px solid var(--line);border-radius:14px}.stat .value{display:block;font-size:1.8rem;font-weight:600;margin-top:9px;letter-spacing:-1px}.stat small{color:var(--muted);font-size:.875rem}.stat .value small{font-size:1rem;margin-left:5px}.weight-card{background:var(--ink);color:white;position:relative;overflow:hidden}.weight-card .sub{color:#cccccc}.weight-card:after{content:'';position:absolute;width:220px;height:220px;border:1px solid #ffffff13;border-radius:50%;right:-85px;bottom:-90px;pointer-events:none}.weight-entry{display:flex;align-items:center;gap:14px;margin:30px 0}.weight-entry input{font-size:3rem;width:190px;background:transparent;border:0;border-bottom:1px solid #ffffff4a;border-radius:0;color:white;padding:0 5px}.weight-entry select{background:#414141;color:white;border:0;width:90px}.weight-card .primary{background:#edaa77;color:var(--ink);width:100%;margin-top:18px}.field{display:grid;gap:8px;margin-bottom:16px}.field label{font-size:.875rem;color:#606060}input,select{width:100%;min-width:0;padding:11px 12px;border:1px solid #d9d9d9;border-radius:9px;background:white;color:#242424}input:focus,select:focus{outline:2px solid #ff5100;outline-offset:1px}input[type=date]{width:auto}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.line{border-bottom:1px solid var(--line);padding:14px 0}.line:last-child{border-bottom:0}.big{font-size:2.4rem;font-weight:600}.pill{border-radius:50px;padding:6px 11px;background:#f1f1f1;font-size:.75rem;color:#737373}.progress{height:8px;background:#eeeeee;border-radius:8px;overflow:hidden;margin:13px 0}.progress>i{display:block;height:100%;background:var(--blue);border-radius:8px}.nutrients{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:23px}.nutrient{background:white;border:1px solid var(--line);border-radius:14px;padding:20px}.nutrient strong{font-size:1.65rem}.nutrient small{font-size:.75rem;color:var(--muted)}.nutrient .state{font-size:.875rem;color:var(--muted)}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.chips button{border-radius:30px;font-size:.875rem}.chips button.selected{background:var(--ink);color:white}.food-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.food-tile{border:1px solid var(--line);background:white;text-align:left;padding:17px;display:flex;flex-direction:column;gap:7px;min-height:140px}.food-tile .icon{font-size:2rem}.food-tile small{color:var(--muted);font-size:.75rem}.empty{text-align:center;color:var(--muted);padding:22px 10px;font-size:.875rem;line-height:1.8}.meal-icon{font-size:1.7rem;width:40px}.log-row{display:flex;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.log-row:last-child{border-bottom:0}.log-row .details{flex:1}.details small{display:block;color:var(--muted);font-size:.75rem;margin-top:4px}.log-row button{padding:6px 8px;font-size:.75rem}.split{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}footer{max-width:1160px;margin:auto;padding:20px 44px 35px;color:#888888;font-size:.75rem;display:flex;justify-content:space-between}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.875rem;text-align:left}th{color:var(--muted);font-weight:500}td,th{padding:15px 10px;border-bottom:1px solid var(--line);white-space:nowrap}td:last-child{text-align:right}dialog{border:0;border-radius:20px;width:min(520px,calc(100% - 30px));padding:27px;color:#242424;max-height:90vh;box-shadow:0 20px 80px #00000030}dialog::backdrop{background:#00000066;backdrop-filter:blur(3px)}dialog h2{margin:0}dialog .body{margin:24px 0}.notice{background:#f2f2f2;border-radius:10px;padding:13px;font-size:.875rem;line-height:1.7;color:#686868}.chart{width:100%;height:auto;display:block}.chart text{fill:#777777;font-size:12px}.chart .axis{stroke:#e8e8e8;stroke-width:1}.chart .weight-line{fill:none;stroke:#ff5100;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart circle{fill:#fff;stroke:#ff5100;stroke-width:2}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#292929;color:white;border-radius:12px;padding:13px 22px;box-shadow:0 8px 30px #00000025;opacity:0;pointer-events:none;transition:.2s;z-index:10}#toast.show{opacity:1}.goal-label{display:flex;justify-content:space-between;font-size:.875rem}.bars{display:flex;align-items:end;gap:5px;height:180px;overflow-x:auto;padding-top:20px}.bar-col{min-width:18px;flex:1;height:100%;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:6px;font-size:.625rem;color:var(--muted)}.bar-col i{display:block;width:65%;min-height:2px;background:#8a8a8a;border-radius:4px 4px 0 0}.bar-col span{height:17px}.muted{color:var(--muted)}.full{grid-column:1/-1}
@media(min-width:1400px){main{padding-top:55px}}@media(max-width:1050px){aside{width:195px;padding:30px 13px}.shell{margin-left:195px}main{padding:30px 24px}.nutrients{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.food-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:700px){aside{position:fixed;inset:auto 0 0;width:auto;padding:5px 4px calc(6px + env(safe-area-inset-bottom));z-index:5;border-right:0;border-top:1px solid var(--line)}.brand,.aside-bottom{display:none}nav{display:flex;gap:0}nav button{flex:1;flex-direction:column;align-items:center;gap:3px;padding:8px 2px;font-size:1.1rem;border-radius:9px}nav button span{font-size:.75rem}.shell{margin:0 0 86px}.demo{padding:10px 16px;font-size:.75rem;align-items:start}main{padding:25px 17px}.heading{align-items:start;flex-wrap:wrap;gap:10px;margin-bottom:20px}h1{font-size:1.7rem}.eyebrow{font-size:.625rem}.stats{gap:8px}.stat{padding:15px 12px}.stat .value{font-size:1.4rem}.stat small{font-size:.75rem}.card{padding:20px;border-radius:15px}.grid.equal{grid-template-columns:1fr}.food-grid{grid-template-columns:repeat(2,1fr)}.nutrient{padding:15px}.nutrients{gap:10px}.nutrient strong{font-size:1.45rem}footer{padding:10px 20px;display:block}footer span{display:block;margin-top:6px}.split{gap:11px}#toast{bottom:95px;width:max-content;max-width:90%}.row{flex-wrap:wrap}.log-row .actions{gap:3px}.log-row .actions button{padding:6px}.heading input[type=date]{font-size:.875rem}}
.grid>*{min-width:0}.card{min-width:0}.bars{max-width:100%;min-width:0}.table-wrap{max-width:100%}.nutrient .sub{font-size:.8125rem;line-height:1.6}.nutrient small{white-space:nowrap}

.brand b{font-size:1.65rem;line-height:1.25;letter-spacing:-.6px;font-weight:600}.brand{padding:0 10px 35px}button.primary{background:#ff5100;color:#fff}nav button.active{color:#dd4000}.weight-card{background:white;color:#242424}.weight-card .sub{color:#737373}.weight-card:after{display:none}.weight-entry input{color:#242424;border-bottom-color:#ddd}.weight-entry select{background:#eee;color:#242424}.weight-card .primary{background:#ff5100;color:white}.chips button.selected{background:#303030}.meal-add{width:36px;height:36px;padding:0;font-size:1.4rem;color:#dd4000;background:#fff0e6;border-radius:50%}.prep-item{border-bottom:1px solid #e4e4e4;margin-bottom:16px;padding-bottom:4px}.prep-item .row{margin-bottom:12px} .eyebrow{display:none}

/* Strong & Better: monochrome surfaces, electric orange, hand-drawn accents. */
:root{--ink:#111;--muted:#6c6c6c;--line:#dedede;--accent:#ff5100;color:#111;background:#f6f6f6}.brand b{font-size:2rem;line-height:1.04;letter-spacing:-1.4px;font-weight:850;transform:rotate(-3deg);color:#050505}.brand b .amp{color:#ff5100;font-size:2.8rem;display:inline-block;transform:rotate(12deg);margin-left:3px}.brand{position:relative;padding-bottom:44px}.brand:after{content:'';position:absolute;bottom:28px;left:12px;width:88px;height:6px;background:#ff5100;transform:rotate(-5deg);border-radius:50% 20% 45% 10%}h1{font-weight:800;letter-spacing:-1.2px}h2{font-weight:750}.heading h1{position:relative;display:inline-block}.heading h1:after{content:'';display:block;width:46%;height:5px;background:#ff5100;transform:rotate(-3deg);margin-top:7px;border-radius:80% 20% 60% 10%}button.primary{background:#ff5100;color:#fff}.card{border-radius:12px}.food-tile,.prep-card{border:1px solid #dedede;border-radius:12px;background:#fff;text-align:left;padding:19px;min-width:0}.food-tile:hover,.prep-card:hover{border-color:#ff5100}.food-tile strong,.prep-card>strong{font-size:1.05rem;font-weight:750;display:block}.food-grid,.prep-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.mini-nutrition{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px;width:100%;margin:13px 0;font-size:.75rem;color:#717171}.mini-nutrition b{display:block;color:#171717;font-size:.9rem;margin-top:4px;font-weight:650}.mini-nutrition b small{font-size:.75rem;font-weight:400;color:#717171}.prep-card .actions{margin-top:17px}.library-search{margin-top:30px;padding-top:26px;border-top:1px dashed #ccc}.meal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0 30px}.meal-grid .card{margin:0}.meal-grid .row h3{margin:0}.meal-add{background:#ff5100;color:#fff}.meal-choice{display:flex;gap:9px;padding:0;border:0;margin:0 0 23px}.meal-choice legend{font-size:.875rem;margin-bottom:10px;color:#666}.meal-choice label{flex:1;position:relative;cursor:pointer}.meal-choice input{position:absolute;opacity:0;width:1px}.meal-choice span{display:block;padding:11px;text-align:center;background:#f0f0f0;border:1px solid transparent;border-radius:8px}.meal-choice input:checked+span{background:#ff5100;color:white}.meal-choice input:focus-visible+span{outline:3px solid #111;outline-offset:2px}.weight-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.weight-stats .stat{min-width:0;text-align:left}.weight-stats input{width:100%;font-size:.75rem;margin-top:9px;padding:6px 4px}.weight-stats .value{margin-bottom:9px}.target-stat{background:#fff}.target-stat:hover{border-color:#ff5100}.weight-card .weight-entry{max-width:400px}.weight-card .primary{max-width:400px}.db-food{flex:1;min-width:200px}.db-food .mini-nutrition{max-width:440px;grid-template-columns:repeat(4,1fr)}#demo-role{width:auto;margin-left:8px}.intake-section> .row h2{margin:0}.notice .mini-nutrition{margin-bottom:0}.prep-item .row strong{font-size:.95rem}
@media(max-width:1050px){.food-grid,.prep-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.weight-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.meal-grid{grid-template-columns:1fr}.food-grid,.prep-grid{gap:10px}.food-tile,.prep-card{padding:14px}.prep-card .actions{gap:5px}.prep-card .actions button{font-size:.75rem;padding:7px 8px}.mini-nutrition{gap:10px 5px}.mini-nutrition b{font-size:.85rem}.weight-stats .stat{padding:17px}.db-food .mini-nutrition{grid-template-columns:repeat(2,1fr)}.brand:after{display:none}.meal-grid .log-row{flex-wrap:wrap}.meal-grid .log-row .details{min-width:120px}}

.stat .value,.nutrient strong,.mini-nutrition b{font-variant-numeric:tabular-nums;letter-spacing:-.3px}.target-stat{border:1px solid #222;box-shadow:3px 3px 0 #ff5100}.primary{font-weight:650}.library-section{border-top:3px solid #111}.prep-card{border-radius:4px 14px 4px 14px} .prep-card>strong{letter-spacing:-.3px}

.brand b{position:relative;letter-spacing:-1.5px;font-size:1.9rem;line-height:1.1;transform:rotate(-3deg);padding:7px 0}.brand b .brand-word{color:#080808;margin:0;position:relative;z-index:1}.brand b .amp{position:absolute;left:61px;top:6px;z-index:2;font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic;font-size:5.4rem;line-height:1;transform:rotate(14deg);color:#ff5100;opacity:.92;pointer-events:none}.brand:after{height:11px;width:145px;left:4px;bottom:25px;transform:rotate(-5deg);clip-path:polygon(0 28%,95% 0,100% 50%,3% 100%)}.heading h1:after{width:95%;height:10px;margin-top:10px;transform:rotate(-3deg);clip-path:polygon(0 38%,94% 0,100% 60%,4% 100%)}.meal-choice span{display:flex;align-items:center;justify-content:center;gap:6px;font-size:.875rem;padding:11px 7px}.meal-choice span i{font-style:normal;font-size:1.1rem}textarea{font:inherit;width:100%;border:1px solid #ddd;border-radius:9px;padding:12px;resize:vertical;color:#222}.add-ingredient{align-self:center}.recipe-card{position:relative;min-width:0;border:1px solid #ddd;background:#fff;border-radius:15px;overflow:hidden}.recipe-open{padding:0;width:100%;display:block;background:transparent;text-align:left;border-radius:0;font-weight:400}.recipe-open:hover{filter:none;background:#fafafa}.recipe-card-body{padding:18px}.recipe-card-body>strong{font-size:1.2rem;display:block;font-weight:800}.recipe-photos img{width:100%;height:190px;object-fit:cover;display:block}.recipe-no-photo{height:150px;background:repeating-linear-gradient(-35deg,#f3f3f3,#f3f3f3 14px,#fafafa 14px,#fafafa 28px);color:#999;display:grid;place-items:center;font-size:.875rem}.recipe-heart{position:absolute;right:12px;top:12px;border-radius:25px;background:#fff;padding:5px 10px;box-shadow:0 2px 10px #0001;display:flex;align-items:center;gap:5px;color:#222;z-index:2}.recipe-heart span{font-size:1.6rem;line-height:1.1}.recipe-heart.liked{color:#ff5100}.recipe-heart:disabled{opacity:.6;cursor:default}.recipe-tags{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.recipe-tags>span{font-size:.75rem;background:#f1f1f1;padding:5px 8px;border-radius:20px}.recipe-excerpt{font-size:.875rem;line-height:1.7;color:#666;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line}.recipe-description{white-space:pre-wrap;overflow-wrap:anywhere}.recipe-detail{width:min(680px,calc(100% - 24px));padding:22px}.recipe-detail .body{margin-top:18px}.recipe-detail .detail-photos{margin:0 -22px 22px;display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.detail-photos img{width:100%;height:auto;max-height:470px;object-fit:contain;flex:0 0 100%;scroll-snap-align:start;background:#f4f4f4}.recipe-detail .recipe-heart{position:static}.recipe-detail-body h2{font-size:1.5rem}.recipe-detail-body h3{margin-top:25px}.recipe-editor{width:min(620px,calc(100% - 24px))}.upload-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px}.upload-photos>div{position:relative}.upload-photos img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px}.upload-photos button{position:absolute;right:4px;top:4px;background:#fff}.recipe-category legend{margin-top:7px}#recipe-total .mini-nutrition{margin:0}
@media(max-width:700px){.meal-choice{gap:5px}.meal-choice span{flex-direction:column;gap:4px;font-size:.8125rem;padding:9px 5px}.recipe-card-body{padding:13px}.recipe-photos img{height:140px}.recipe-detail .detail-photos img{height:auto;max-height:350px}.recipe-heart{right:7px;top:7px;padding:4px 7px}.recipe-card-body>strong{font-size:1rem}.recipe-no-photo{height:115px}.recipe-tags{gap:4px}.recipe-tags>span{font-size:.7rem;padding:4px 5px}.brand:after{display:none}}

/* Unified highlights, hand-lettered brand, explicit filled likes. */
.weight-stats .stat{border:1px solid #222;box-shadow:3px 3px 0 #ff5100}
.brand b{font-family:'Marker Felt','Noteworthy','Segoe Print',cursive;font-weight:900;font-size:2.3rem;letter-spacing:-1.7px;line-height:.97;transform:rotate(-7deg) skew(-8deg);-webkit-text-stroke:.6px #080808;padding:9px 0}
.brand b .brand-word{display:block;transform:scaleX(.94);transform-origin:left center}
.brand b .amp{font-family:'Brush Script MT','Snell Roundhand',cursive;-webkit-text-stroke:1px #ff5100;left:65px;top:8px;font-size:5.7rem;transform:rotate(18deg);opacity:1}
.brand:after{bottom:20px;height:12px;width:155px;transform:rotate(-8deg)}
.heart-shape{width:25px;height:25px;display:block;flex-shrink:0}.recipe-heart.liked{color:#ff5100;background:#fff1e9}.recipe-heart.liked .heart-shape path{fill:#ff5100;stroke:#ff5100}
button[data-category],button[data-db-category]{font-size:.75rem;padding:8px 12px;min-height:34px}button[data-category][aria-pressed=true],button[data-db-category][aria-pressed=true]{background:#242424;color:white}
.library-search>.row{margin-bottom:14px}.library-search>.row h2{margin:0}
@media(max-width:1050px) and (min-width:701px){.brand b{font-size:1.9rem}.brand b .amp{left:50px;top:5px;font-size:5rem}.brand:after{width:135px}}

#confirm-modal{width:min(420px,calc(100% - 32px));border:1px solid #222;box-shadow:5px 5px 0 #ff5100}#confirm-modal h2{line-height:1.5}#confirm-modal .actions{margin-top:22px}#delete-prep{margin-left:auto}#meal-foods{grid-template-columns:repeat(2,minmax(0,1fr))}

.brand b{font-size:2rem;line-height:.98;padding-bottom:0}.brand b .amp{font-family:inherit;font-weight:inherit;font-style:normal;font-size:4.5rem;left:75px;top:12px;-webkit-text-stroke:.6px #ff5100}.brand{padding-bottom:34px}.brand:after{bottom:27px;width:165px}.heading h1:after{margin-top:0;transform:translateY(-3px) rotate(-3deg)}@media(max-width:1050px) and (min-width:701px){.brand b{font-size:1.65rem}.brand b .amp{font-size:3.9rem;left:61px;top:8px}.brand:after{width:139px}}

/* Compact food cards share the same layout in the library and meal picker. */
.food-tile{display:grid;grid-template-columns:28px minmax(0,1fr);gap:4px 8px;min-height:0;padding:12px;align-content:start}.food-tile .icon{grid-column:1;grid-row:1 / 3;font-size:1.5rem;line-height:1.2;align-self:center}.food-tile>strong{grid-column:2;font-size:.9rem;line-height:1.35;overflow-wrap:anywhere}.food-tile>small{grid-column:2;font-size:.7rem}.food-tile .mini-nutrition{grid-column:1 / -1;margin:5px 0 0;gap:5px 8px;font-size:.7rem}.food-tile .mini-nutrition b{display:inline;margin:0 0 0 4px;font-size:.75rem}.food-tile .mini-nutrition b small{font-size:.65rem}#meal-categories{gap:6px;margin:12px 0}#meal-categories button{font-size:.75rem;padding:7px 10px}#meal-foods{gap:8px}@media(max-width:420px){#meal-foods{grid-template-columns:1fr}.food-tile{padding:10px}}

.prep-pick>strong,.prep-pick>small{grid-column:1 / -1}

/* Color is limited to category captions; cards and filters stay neutral. */
[data-food-category]{--category-color:#737373}
[data-food-category="碳水"]{--category-color:#a85a00}
[data-food-category="蛋白质"]{--category-color:#2869c9}
[data-food-category="蔬菜"]{--category-color:#197c47}
[data-food-category="水果"]{--category-color:#bf3267}
[data-food-category="补充剂"]{--category-color:#8041c7}
.category-label{color:var(--category-color);font-weight:600}
.chips button[data-food-category]{border:0;background:#f0f0f0;color:#555;box-shadow:none}
.chips button[data-food-category].selected{background:#ff5100;color:#fff;box-shadow:none;font-weight:650}
.category-row{margin-top:8px}
.food-tile:hover{border-color:#aaa}

.emoji-picker{margin:0 0 18px}.emoji-picker summary{cursor:pointer;font-size:.875rem;padding:8px 0}.emoji-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;margin:8px 0}.emoji-grid button{padding:7px 2px;font-size:1.4rem;border:1px solid transparent}.emoji-grid button[aria-pressed=true]{border-color:#ff5100;background:#fff0e6}@media(max-width:420px){.emoji-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}

.selected-food-icon{display:block;font-size:1.8rem;padding:5px 12px}.emoji-group>p{font-size:.75rem;color:#737373;margin:12px 0 5px}.emoji-picker[open]{max-height:320px;overflow:auto;padding-right:5px}.emoji-picker summary{position:sticky;top:0;background:#fff;z-index:1}

/* Unified controls, compact combined chart, and an unobstructed script wordmark. */
.chips button.selected{background:#ff5100;color:#fff}.nav-icon{width:22px;height:22px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nav-icon circle{fill:white}.nutrition-legend{display:flex;flex-wrap:wrap;gap:16px;font-size:.8rem;margin-bottom:12px}.nutrition-legend span{display:flex;align-items:center;gap:6px}.nutrition-legend i{width:9px;height:9px;border-radius:50%}.combined-chart{overflow-x:auto}.combined-chart svg{width:100%;height:250px}.change-cell{white-space:normal;min-width:180px;font-size:.8rem;line-height:1.6}
.brand b{font-family:'Brush Script MT','Snell Roundhand','Segoe Script',cursive;font-size:2.6rem;line-height:.95;letter-spacing:-1px;font-weight:900;transform:rotate(-5deg);-webkit-text-stroke:.5px #111;padding:0}.brand b .script-word,.brand b .script-second{display:block;color:#111;margin:0;white-space:nowrap}.brand b .script-second{padding-left:20px}.brand em{color:#ff5100;font-family:inherit;font-style:normal;font-size:.75em;-webkit-text-stroke:.3px #ff5100}.brand{padding:0 5px 32px}.brand:after{width:165px;bottom:23px;height:5px;background:#111;transform:rotate(-7deg)}@media(min-width:701px) and (max-width:1050px){.brand b{font-size:2.05rem}.brand:after{width:135px}}

.weight-trend .weight-line{stroke-width:1.8;stroke-linejoin:round}.weight-trend .weight-dot{fill:#ff5100;stroke:none}

.quick-foods{margin-bottom:18px}.quick-foods .chips{margin-top:0}.quick-foods .food-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:240px;overflow:auto;gap:8px}.chart-hit{cursor:pointer;outline:none}.weight-trend .hit-area{fill:transparent;stroke:none}.chart-hit:focus .weight-dot,.point-selected .weight-dot{r:4;fill:#111}.chart-selection{font-size:.8rem;color:#666;margin:10px 0}.change-markers{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.change-markers button{background:#fff0e6;color:#bd3b00}.copy-item{border-bottom:1px solid #eee;padding:10px 0}.copy-item .field{margin-top:8px}
/* Food catalog: compact variants, text-only category colour. */
.food-options{border:0;padding:0;margin:16px 0;display:flex;gap:7px;flex-wrap:wrap}.food-options legend{font-size:12px;color:#666;margin-bottom:8px}.food-options label{position:relative;cursor:pointer}.food-options input{position:absolute;opacity:0;width:1px;height:1px}.food-options span{display:block;border:1px solid #dedede;background:#fff;border-radius:8px;padding:8px 12px;font-size:13px}.food-options input:checked+span{color:#c13e00;background:#fff0e5;border-color:#ff5100}.food-options input:focus-visible+span{outline:2px solid #111;outline-offset:3px}.food-source{font-size:12px;color:#777;margin:16px 0}.food-source p{overflow-wrap:anywhere}.food-source a{color:#bd3f00}.food-spec{font-size:10px!important;color:#777!important;line-height:1.4}.food-tile .food-spec{grid-column:2!important;white-space:normal}.category-label[data-food-category="碳水"]{color:#976800}.category-label[data-food-category="蛋白质"]{color:#2670b3}.category-label[data-food-category="蔬菜"]{color:#21824b}.category-label[data-food-category="水果"]{color:#b34b7e}.category-label[data-food-category="补充剂"]{color:#7952a8}.food-category-checks{display:flex;gap:12px;flex-wrap:wrap}.food-category-checks label{display:flex;align-items:center;gap:5px}.food-category-checks input{width:auto}.food-tile strong{line-height:1.4}button:disabled{cursor:not-allowed;opacity:.5}
.food-category-checks input{position:static;opacity:1;width:auto;height:auto;accent-color:#ff5100}

/* Keep food-card nutrition values light and compact. */
.mini-nutrition b{font-weight:400}