.nutrition-selected{display:grid;gap:18px;color:#062950}.nutrition-selected button{font:inherit;cursor:pointer}.ns-date{display:flex;align-items:center;gap:10px;justify-self:end;background:#e4f4ff;border-radius:16px;padding:10px 18px;color:#526b86;font-size:12px}.ns-date svg{width:24px;height:24px}.ns-date b{display:block;color:#062950;font-size:18px}.ns-hydration{padding:28px;border-radius:22px;background:linear-gradient(125deg,#00214d,#06386a);color:white;overflow:hidden}.nutrition-selected .ns-eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;margin:0 0 12px;color:#008be9}.ns-hydration .ns-eyebrow{color:#6cdeff}.nutrition-selected h2{font-size:24px;line-height:1.2;margin:0 0 18px;letter-spacing:-.5px}.ns-water-content{display:grid;grid-template-columns:140px 1fr auto;align-items:center;gap:24px;margin-top:26px}.ns-ring{width:140px;aspect-ratio:1;border-radius:50%;background:conic-gradient(#2dbaff var(--fill),#235783 0);display:grid;place-items:center;position:relative}.ns-ring:before{content:'';position:absolute;inset:12px;border-radius:50%;background:#052d59}.ns-ring strong{position:relative;font-size:34px}.ns-amount>strong{display:block;font-size:42px;line-height:1.1;letter-spacing:-1.5px}.ns-amount>strong span{font-size:26px}.ns-amount>span{display:block;margin-top:6px;font-size:17px}.ns-amount p{color:#b9cfe4;font-size:14px;line-height:1.5;max-width:240px;margin:12px 0 0}.ns-add-water{background:#35bcfa;color:#00294e;border:0;border-radius:14px;padding:16px 20px;display:flex;align-items:center;gap:10px;font-weight:700!important;white-space:nowrap}.ns-add-water svg{width:22px;height:22px}.ns-tabs{display:grid;grid-template-columns:1fr 1fr;background:#e7eef5;border-radius:14px;padding:4px}.ns-tabs button{display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:11px;padding:13px;color:#5c728a;background:none}.ns-tabs svg{width:21px;height:21px}.ns-tabs [aria-selected=true]{background:#032b59;color:white}.ns-meals{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ns-meal{border:1px solid #dae6f0;border-radius:19px;background:white;padding:20px;text-align:left;color:inherit;min-width:0}.ns-meal header{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.ns-meal header b{font-size:15px;display:block}.ns-meal time{font-size:13px;color:#7c90a6;display:block;margin-top:4px}.ns-meal-symbol{color:#f6a212;font-size:27px}.ns-meal header small{font-size:10px;border-radius:20px;padding:6px 9px;margin-left:auto;white-space:nowrap}.ns-done{color:#00876b;background:#e1f7ed}.ns-pending{color:#a96b00;background:#fff1d7}.ns-meal-body{display:flex;gap:12px;align-items:center;margin-top:20px}.ns-food-icon{display:grid;place-items:center;width:60px;height:65px;flex-shrink:0;background:#eef6fc;border-radius:13px;color:#4184b2}.ns-food-icon svg{width:28px;height:28px}.ns-meal-body p{font-size:14px;line-height:1.5;color:#647c95;margin:0;flex:1}.ns-meal-body>svg{width:16px;flex-shrink:0}.ns-register{width:100%;margin-top:16px;padding:17px 20px;border:0;border-radius:15px;background:#032b59;color:white;display:flex;align-items:center;justify-content:center;gap:12px;font-weight:700!important}.ns-register svg{width:20px;height:20px}.ns-register svg:last-child{margin-left:auto}.ns-register svg:first-child{margin-left:auto}.ns-guidance{padding:25px;border-radius:22px;background:linear-gradient(120deg,#e8f5ff,#f1f9ff)}.ns-guidance>p:not(.ns-eyebrow){font-size:15px;line-height:1.6;color:#6a829b}.ns-guidance>button{display:flex;align-items:center;gap:16px;width:100%;border:0;background:#fff;border-radius:16px;padding:19px;text-align:left;color:#062950;margin-top:22px}.ns-guidance button>svg{width:27px;flex-shrink:0}.ns-guidance button>svg:last-child{width:16px;margin-left:auto}.ns-guidance small{display:block;color:#6a829b;font-size:13px;margin-top:5px}.ns-preview{font-size:11px;color:#7a8da2;margin:0}.nutrition-selected [hidden]{display:none!important}#ns-water-log{background:white;border:1px solid #dae6f0;border-radius:18px;padding:24px}.ns-portions{display:flex;gap:12px;margin:20px 0}.ns-portions button{border:1px solid #b5d6ed;background:#eef8ff;color:#03517c;border-radius:12px;padding:12px}.nutrition-selected button:focus-visible{outline:3px solid #19b8ff;outline-offset:3px}
@media(min-width:1000px){.nutrition-selected{max-width:1000px}.ns-date{margin-top:-68px;margin-bottom:18px}}
@media(max-width:600px){.nutrition-selected{gap:14px}.ns-date{padding:7px 12px;font-size:10px}.ns-date b{font-size:15px}.ns-hydration{padding:21px 18px;border-radius:18px}.nutrition-selected h2{font-size:22px}.ns-water-content{grid-template-columns:92px 1fr;gap:17px;margin-top:20px}.ns-ring{width:92px}.ns-ring:before{inset:8px}.ns-ring strong{font-size:27px}.ns-amount>strong{font-size:31px}.ns-amount>strong span{font-size:19px}.ns-amount>span{font-size:13px}.ns-amount p{font-size:12px;margin-top:9px}.ns-add-water{grid-column:1/-1;justify-content:center;padding:12px}.ns-meals{gap:10px}.ns-meal{padding:13px 11px;border-radius:15px}.ns-meal header{gap:5px}.ns-meal-symbol{font-size:19px}.ns-meal header b{font-size:12px}.ns-meal time{font-size:11px}.ns-meal header small{margin:5px 0 0;font-size:9px;padding:4px 7px}.ns-meal-body{gap:7px;margin-top:13px;flex-wrap:wrap}.ns-food-icon{width:35px;height:35px;border-radius:9px}.ns-food-icon svg{width:20px;height:20px}.ns-meal-body p{flex-basis:100%;order:2;font-size:12px;line-height:1.5}.ns-meal-body>svg{margin-left:auto}.ns-guidance{padding:20px 17px}.ns-guidance h2{font-size:21px}.ns-guidance>p:not(.ns-eyebrow){font-size:13px}.ns-guidance>button{gap:10px;padding:14px}.ns-guidance button b{font-size:12px}.ns-guidance small{font-size:11px}}