:root{--bg:#f6f8f7;--paper:#fff;--ink:#18352d;--muted:#718079;--green:#087b62;--dark:#075d4b;--lime:#d8f691;--mint:#e8f4ee;--line:#e8eee9;--radius:28px;--font:'Manrope','Noto Sans',sans-serif;font-family:var(--font);font-size:16px;color:var(--ink);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;color:inherit}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #79bda8;outline-offset:4px}a{color:inherit}svg{width:22px;height:22px;flex-shrink:0;stroke-width:1.7}button svg{pointer-events:none}button{transition:background .18s,transform .18s,box-shadow .18s}button:active{transform:scale(.98)}h1,h2,h3,p{margin:0}h1{font-size:clamp(1.7rem,3vw,2.2rem);line-height:1.3;font-weight:800;letter-spacing:-.045em}h2{font-size:1.22rem;line-height:1.45;letter-spacing:-.025em}h3{font-size:1rem;line-height:1.5}p{line-height:1.65}.subtle{color:var(--muted)}.small{font-size:.875rem;line-height:1.6}.eyebrow{font-size:.75rem;letter-spacing:.09em;text-transform:uppercase;font-weight:800}.icon-button{width:44px;min-height:44px;display:grid;place-items:center;background:transparent;border-radius:50%;flex-shrink:0}.icon-button:hover{background:var(--mint)}.button{padding:13px 23px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;background:var(--green);color:white;font-weight:700;font-size:.875rem;line-height:1.5;text-decoration:none}.button:hover{background:var(--dark);box-shadow:0 4px 14px #087b6217}.button.secondary{background:var(--mint);color:var(--green)}.button.outline{background:white;color:var(--ink);border:1px solid var(--line)}.button.ghost{background:transparent;color:var(--green);padding:10px 14px}.button.danger{background:#fff0ee;color:#a7443a}.button.wide{width:100%}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:var(--mint);color:var(--green);padding:6px 12px;font-size:.75rem;font-weight:700;line-height:1.5}.pill svg{width:14px;height:14px}.app-shell{max-width:1600px;margin:auto;min-height:100vh}.sidebar{width:240px;position:fixed;top:0;bottom:0;background:white;border-right:1px solid var(--line);padding:38px 24px;display:flex;flex-direction:column;z-index:10}.brand{display:inline-flex;align-items:center;gap:9px;color:var(--green);font-size:2rem;line-height:1.2;font-weight:800;letter-spacing:-.075em;background:transparent}.sidebar .brand{margin:0 17px 58px 10px}.nav-links{display:flex;flex-direction:column;gap:8px}.nav-item{display:flex;align-items:center;gap:14px;padding:15px 18px;border-radius:17px;background:transparent;text-align:left;font-size:.875rem;font-weight:600;color:var(--muted);min-height:52px}.nav-item.active{background:var(--mint);color:var(--green)}.nav-item:hover{color:var(--green);background:#f4f9f6}.nav-item.active:before{content:'';width:4px;height:18px;border-radius:4px;background:var(--green);position:absolute;left:24px}.sidebar-bottom{margin-top:auto}.sidebar-note{background:#f4f8f5;border-radius:22px;padding:20px 18px;margin-bottom:24px}.sidebar-note svg{color:var(--green);margin-bottom:10px}.sidebar-note p{font-size:.875rem;font-weight:700;margin-bottom:5px}.sidebar-note span{font-size:.75rem;line-height:1.7;color:var(--muted);display:block}.user-chip{display:flex;gap:10px;align-items:center;padding:8px 6px;background:transparent;text-align:left;width:100%;border-radius:16px}.avatar{width:40px;height:40px;border-radius:50%;background:#efece3;color:#726956;display:grid;place-items:center;font-weight:800;font-size:.875rem;flex-shrink:0}.user-chip strong{font-size:.875rem;display:block}.user-chip small{color:var(--muted);font-size:.75rem;display:block;margin-top:3px}.main{margin-left:240px;padding:30px 48px 42px;max-width:1390px}.topbar{height:48px;display:flex;align-items:center;justify-content:space-between;margin-bottom:35px}.breadcrumb{color:var(--muted);font-size:.875rem;display:flex;align-items:center;gap:9px}.breadcrumb svg{width:16px;height:16px}.topbar-actions{display:flex;align-items:center;gap:18px}.language{display:flex;gap:3px;background:#edf1ee;border-radius:999px;padding:4px}.language button{background:transparent;color:var(--muted);min-height:30px;min-width:36px;border-radius:999px;font-size:.75rem;font-weight:800}.language button.active{background:white;color:var(--green);box-shadow:0 2px 5px #102e2310}.mobile-brand{display:none}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.greeting{font-size:.875rem;color:var(--muted);margin-bottom:8px}.greeting svg{width:15px;height:15px;vertical-align:-2px;margin-left:5px;color:#b29050}.heading-actions{display:flex;gap:10px;align-items:center}.date-caption{font-size:.875rem;color:var(--muted);margin-top:9px}.today-grid{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:26px}.content-column{min-width:0}.week-strip{display:flex;justify-content:space-between;gap:5px;background:white;padding:13px;border-radius:24px;border:1px solid var(--line);margin-bottom:24px}.day-button{flex:1;min-width:0;background:transparent;display:flex;flex-direction:column;gap:8px;align-items:center;border-radius:17px;padding:12px 5px;font-size:.75rem;min-height:77px;color:var(--muted)}.day-button strong{font-size:1rem;color:var(--ink);font-weight:800}.day-button.active{background:var(--green);color:#d5ede3;box-shadow:0 5px 12px #087b6220}.day-button.active strong{color:white}.day-button:hover:not(.active){background:var(--mint)}.day-button.today:not(.active) strong{color:var(--green)}.meal-feature{display:grid;grid-template-columns:1fr 45%;min-height:240px;background:var(--dark);border-radius:var(--radius);overflow:hidden;color:white;margin-bottom:29px}.feature-copy{padding:26px 26px 25px;display:flex;flex-direction:column;align-items:flex-start}.feature-copy .eyebrow{color:var(--lime);font-size:.7rem;display:flex;gap:6px;align-items:center}.feature-copy .eyebrow svg{width:14px;height:14px}.feature-copy h2{font-size:1.45rem;font-weight:800;margin-top:17px;line-height:1.4;letter-spacing:-.025em}.feature-copy p{font-size:.875rem;color:#c0dbcf;margin-top:7px}.feature-copy .button{margin-top:auto;padding:10px 17px;min-height:42px;background:var(--lime);color:#244634;font-size:.8rem}.feature-photo{position:relative;min-height:220px}.feature-photo img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.feature-photo:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#075d4b19,transparent 50%);z-index:1}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.section-title .small{font-size:.75rem}.meal-list{display:flex;flex-direction:column;gap:12px}.meal-card{background:white;border:1px solid var(--line);border-radius:22px;overflow:hidden;transition:border-color .18s}.meal-card.open{border-color:#cbded3}.meal-summary{display:flex;align-items:center;gap:14px;padding:19px 21px;min-height:92px}.meal-symbol{width:43px;height:43px;border-radius:15px;background:#eff5e9;display:grid;place-items:center;color:#638153;flex-shrink:0}.meal-symbol.lunch{background:#fff1e3;color:#b88449}.meal-symbol.snack{background:#f2eefb;color:#9d85b6}.meal-symbol.dinner{background:#eaf1fa;color:#728fae}.meal-info{flex:1;min-width:0}.meal-topline{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:3px}.meal-topline h3{font-size:.875rem;font-weight:800}.meal-time{font-size:.75rem;color:var(--muted)}.meal-description{font-size:.875rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meal-done{width:31px;height:31px;min-width:31px;border:1.5px solid #dde6df;background:white;border-radius:50%;display:grid;place-items:center}.meal-done svg{width:17px;height:17px}.meal-done.checked{background:var(--green);border-color:var(--green);color:white}.meal-card.completed .meal-description{opacity:.65}.meal-expand{width:30px;min-height:38px;display:grid;place-items:center;background:transparent;color:#9eafa4;border-radius:10px}.meal-expand svg{width:17px;height:17px;transition:transform .18s}.meal-card.open .meal-expand svg{transform:rotate(180deg)}.meal-details{padding:0 23px 20px 79px}.food-lines{margin:0 0 12px;padding:0;list-style:none;font-size:.875rem;line-height:1.8}.food-lines li{position:relative;padding-left:14px}.food-lines li:before{content:'';position:absolute;left:0;top:.8em;width:4px;height:4px;border-radius:50%;background:#aac4b6}.meal-note{color:var(--muted);font-size:.8rem;background:var(--bg);border-radius:12px;padding:10px 13px;margin-bottom:10px}.meal-details .button{font-size:.75rem;padding:8px 0;min-height:34px}.add-meal{border:1px dashed #ccdbd1;background:transparent;border-radius:22px;width:100%;padding:17px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:.875rem;font-weight:600;color:var(--green);margin-top:13px}.add-meal svg{width:18px;height:18px}.rail{display:flex;flex-direction:column;gap:21px}.rail-card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:24px}.rail-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.rail-heading h2{font-size:1rem;font-weight:800}.rail-heading svg{color:#a3b8aa;width:19px;height:19px}.progress-dial{width:132px;height:132px;border-radius:50%;background:conic-gradient(var(--green) calc(var(--progress)*1%),#edf3ee 0);margin:0 auto 20px;display:grid;place-items:center;position:relative;transition:background .3s}.progress-dial:before{content:'';position:absolute;inset:9px;background:white;border-radius:50%}.dial-inner{position:relative;text-align:center}.dial-inner strong{font-size:2rem;letter-spacing:-.06em;line-height:1.2}.dial-inner strong span{font-size:1rem;color:#a3b1a7;font-weight:500;letter-spacing:0}.dial-inner small{font-size:.7rem;color:var(--muted);display:block;margin-top:4px}.progress-caption{text-align:center;font-size:.8rem;color:var(--muted);line-height:1.65}.plan-info .pill{margin-bottom:16px}.plan-info h2{font-size:1rem;margin-bottom:7px}.plan-info p{font-size:.8rem;color:var(--muted)}.plan-line{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.75rem;margin-top:20px}.plan-line svg{width:16px;height:16px;color:var(--green)}.plan-info .button{margin-top:17px;min-height:40px;font-size:.75rem}.quick-upload{background:var(--lime);border:0;position:relative}.quick-upload .upload-icon{width:42px;height:42px;border-radius:14px;background:#ffffff75;display:grid;place-items:center;margin-bottom:18px}.quick-upload h2{font-size:1.1rem;line-height:1.45;margin-bottom:8px}.quick-upload p{font-size:.8rem;color:#587043}.quick-upload .button{margin-top:20px;min-height:42px}.footer-note{font-size:.75rem;color:#a0ada4;text-align:center;margin-top:26px}.mobile-nav{display:none}.page-content{animation:enter .23s ease-out}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:30px}.upload-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:26px}.dropzone{border:1.5px dashed #b8d2c3;background:#f6fbf8;border-radius:25px;padding:42px 24px;text-align:center;transition:background .18s,border-color .18s}.dropzone.dragging{background:#e2f3e8;border-color:var(--green)}.drop-icon{width:66px;height:66px;display:grid;place-items:center;background:var(--mint);color:var(--green);border-radius:22px;margin:0 auto 20px}.drop-icon svg{width:30px;height:30px}.dropzone h2{font-size:1.2rem;margin-bottom:9px}.dropzone p{max-width:390px;margin:auto;color:var(--muted);font-size:.875rem}.upload-buttons{display:flex;gap:10px;justify-content:center;margin:24px 0 15px;flex-wrap:wrap}.file-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.upload-limit{font-size:.75rem;color:var(--muted)}.upload-instruction{display:flex;gap:13px;align-items:flex-start;margin-top:22px}.upload-instruction svg{color:var(--green);width:19px;height:19px;margin-top:3px}.upload-instruction p{font-size:.875rem;color:var(--muted)}.prototype-notice{background:#f2f6f3;border-radius:18px;padding:17px 20px;font-size:.8rem;color:#647c6f;line-height:1.7;margin-top:22px}.prototype-notice strong{color:var(--ink);display:block;margin-bottom:3px}.step{display:flex;gap:13px;margin-top:25px}.step-number{width:29px;height:29px;background:var(--mint);color:var(--green);border-radius:50%;display:grid;place-items:center;font-size:.75rem;font-weight:800;flex-shrink:0}.step h3{font-size:.875rem}.step p{font-size:.8rem;color:var(--muted);margin-top:4px}.text-entry{margin-top:27px;border-top:1px solid var(--line);padding-top:25px}.text-entry h3{margin-bottom:7px}.text-entry p{font-size:.8rem;color:var(--muted);margin-bottom:13px}.text-entry .button{margin-top:15px}.field{display:block;margin-bottom:18px}.field>span{display:block;font-size:.875rem;font-weight:700;margin-bottom:8px}.field input,.field textarea,.field select,.text-entry textarea{width:100%;border:1px solid #dce6df;background:#fafcfb;border-radius:15px;padding:13px 15px;color:var(--ink);outline-offset:2px;line-height:1.65;font-size:1rem}.field textarea,.text-entry textarea{resize:vertical;min-height:110px}.field small{font-size:.75rem;color:var(--muted);display:block;margin-top:6px;line-height:1.6}.file-preview{display:flex;align-items:center;gap:15px;background:#f4f8f5;border:1px solid var(--line);border-radius:20px;padding:18px;margin-top:22px}.file-thumbnail{width:56px;height:64px;object-fit:cover;border-radius:10px;background:var(--mint);display:grid;place-items:center;flex-shrink:0}.file-meta{flex:1;min-width:0}.file-meta strong{font-size:.875rem;overflow-wrap:anywhere}.file-meta span{display:block;font-size:.75rem;color:var(--muted);margin-top:4px}.review-panel{border:1px solid #dce7df;border-radius:22px;padding:23px;margin-top:22px}.review-panel h3{font-size:1rem;margin-bottom:7px}.review-panel p{font-size:.875rem;color:var(--muted)}.review-list{margin:19px 0;display:flex;flex-direction:column;gap:9px}.review-row{display:flex;gap:12px;align-items:center;padding:13px;background:var(--bg);border-radius:14px;font-size:.875rem}.review-row svg{color:var(--green);width:18px;height:18px}.review-row span{flex:1}.week-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:12px}.week-heading .button{white-space:nowrap}.week-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.week-day{background:white;border:1px solid var(--line);border-radius:24px;padding:21px;min-width:0}.week-day.selected{border-color:#97c5ad}.week-day-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.week-day-heading h2{font-size:.95rem}.week-day-heading span{font-size:.75rem;color:var(--muted)}.week-meal{display:block;width:100%;text-align:left;background:transparent;padding:10px 0;border-top:1px solid #f0f3f0}.week-meal strong{font-size:.8rem;display:block;color:var(--green);margin-bottom:3px}.week-meal span{font-size:.8rem;color:var(--muted);line-height:1.5;display:block}.week-day .button{font-size:.75rem;min-height:36px;margin-top:12px;padding:8px 12px}.profile-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:26px}.profile-heading{display:flex;align-items:center;gap:18px;margin-bottom:30px}.profile-heading .avatar{width:65px;height:65px;font-size:1.3rem}.profile-heading h2{font-size:1.1rem}.settings-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 0;border-top:1px solid var(--line)}.settings-row h3{font-size:.875rem}.settings-row p{font-size:.8rem;color:var(--muted);margin-top:4px}.billing-icon{width:48px;height:48px;border-radius:17px;background:var(--mint);color:var(--green);display:grid;place-items:center;margin-bottom:18px}.billing-panel h2{margin-bottom:10px}.billing-panel p{font-size:.875rem;color:var(--muted)}.billing-panel .pill{margin-top:20px}.empty-state{text-align:center;padding:45px 24px;background:white;border:1px solid var(--line);border-radius:24px}.empty-state svg{width:38px;height:38px;color:var(--green);margin-bottom:14px}.empty-state p{font-size:.875rem;color:var(--muted);margin:10px 0 22px}.dialog{padding:0;border:0;border-radius:30px;width:calc(100% - 32px);max-width:520px;color:var(--ink);box-shadow:0 30px 100px #18352d30;background:white;max-height:calc(100dvh - 48px)}.dialog::backdrop{background:#163c2d55;backdrop-filter:blur(4px)}.dialog-inner{padding:28px;overflow:auto;max-height:calc(100dvh - 48px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:15px}.dialog-header h2{font-size:1.25rem}.dialog-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:23px}.dialog-help{font-size:.875rem;color:var(--muted);margin-bottom:23px}.check-field{display:flex;align-items:center;gap:10px;font-size:.875rem;line-height:1.5}.check-field input{width:18px;height:18px;accent-color:var(--green)}#toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,16px);z-index:100;background:var(--ink);color:white;border-radius:18px;padding:14px 22px;box-shadow:0 8px 30px #18352d25;font-size:.875rem;line-height:1.5;max-width:calc(100vw - 36px);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}#toast.show{opacity:1;transform:translate(-50%,0)}.text-button{background:transparent;font-size:.875rem;color:var(--green);text-decoration:underline;text-underline-offset:4px;min-height:44px;padding:4px}.row-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;white-space:nowrap}.error-message{font-size:.875rem;color:#a7443a;background:#fff2ef;border-radius:13px;padding:12px 15px;margin-top:14px}.spacer{margin-top:20px}@keyframes enter{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.sidebar{left:calc((100vw - 1600px)/2)}}
@media(max-width:1200px){.sidebar{width:210px;padding:34px 18px}.main{margin-left:210px;padding:26px 30px}.today-grid{grid-template-columns:minmax(0,1fr) 265px;gap:20px}.rail-card{padding:21px}.meal-feature{grid-template-columns:1fr 42%}.feature-copy{padding:24px 20px}.feature-copy h2{font-size:1.3rem}.week-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.upload-layout,.profile-grid{grid-template-columns:minmax(0,1fr) 270px}}
@media(max-width:1020px){.sidebar{width:184px;padding:30px 14px}.sidebar .brand{margin-left:12px}.nav-item{padding:14px 13px;gap:11px}.main{margin-left:184px;padding:25px}.today-grid{grid-template-columns:minmax(0,1fr)}.rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:2px}.rail .quick-upload{display:none}.progress-card{display:grid;grid-template-columns:1fr 95px;align-items:center}.progress-card .rail-heading{margin-bottom:8px}.progress-dial{width:88px;height:88px;grid-column:2;grid-row:1/3;margin:0}.progress-dial:before{inset:6px}.dial-inner strong{font-size:1.4rem}.progress-caption{text-align:left;grid-column:1;font-size:.75rem}.plan-info .plan-line{display:none}.plan-info .pill{margin-bottom:11px}.plan-info .button{margin-top:10px}.page-heading .button{padding:12px 17px}.upload-layout,.profile-grid{grid-template-columns:1fr}.upload-layout>.rail-card{display:none}}
@media(max-width:760px){.sidebar{display:none}.main{margin-left:0;padding:20px 20px calc(100px + env(safe-area-inset-bottom));max-width:620px;margin-right:auto;margin-left:auto}.topbar{margin-bottom:29px;height:42px}.breadcrumb{display:none}.mobile-brand{display:inline-flex;font-size:1.9rem}.mobile-brand svg{width:27px;height:27px}.topbar-actions{gap:13px}.topbar .avatar{width:36px;height:36px;font-size:.8rem}.page-heading{margin-bottom:23px;align-items:flex-start;gap:12px}.page-heading .heading-actions{display:none}h1{font-size:1.7rem;line-height:1.36;letter-spacing:-.045em}.greeting{font-size:.8rem;margin-bottom:5px}.date-caption{font-size:.8rem;margin-top:7px}.week-strip{padding:9px 7px;border-radius:22px;margin-bottom:20px;gap:3px}.day-button{padding:10px 2px;gap:7px;min-height:70px;border-radius:15px;font-size:.7rem}.day-button strong{font-size:.95rem}.meal-feature{min-height:217px;margin-bottom:25px;border-radius:26px;grid-template-columns:55% 45%}.feature-copy{padding:22px 19px}.feature-copy .eyebrow{font-size:.64rem;letter-spacing:.07em}.feature-copy h2{font-size:1.2rem;margin-top:13px}.feature-copy p{font-size:.75rem;line-height:1.55;margin-top:5px;margin-bottom:12px}.feature-copy .button{font-size:.75rem;min-height:39px;padding:8px 13px}.feature-photo{min-height:217px}.section-title{margin-bottom:14px}.section-title h2{font-size:1.1rem}.section-title .small{font-size:.7rem}.meal-summary{padding:16px;gap:12px;min-height:85px}.meal-symbol{width:40px;height:40px;border-radius:14px}.meal-symbol svg{width:20px;height:20px}.meal-topline{gap:8px}.meal-topline h3{font-size:.8rem}.meal-time{font-size:.7rem}.meal-description{font-size:.8rem}.meal-done{width:29px;height:29px;min-width:29px}.meal-expand{width:20px;flex-shrink:0}.meal-details{padding:0 18px 18px 68px}.food-lines{font-size:.8rem}.meal-note{font-size:.75rem}.rail{gap:14px}.rail-card{padding:20px;border-radius:23px}.progress-card{display:block}.progress-card .rail-heading{margin-bottom:16px}.progress-dial{margin:0 auto 14px;width:98px;height:98px}.progress-caption{text-align:center;font-size:.7rem}.rail-heading h2{font-size:.875rem}.rail-heading svg{width:17px;height:17px}.plan-info h2{font-size:.875rem}.plan-info p{font-size:.75rem}.plan-info .pill{font-size:.65rem;padding:5px 9px}.plan-info .button{padding:8px 12px;min-height:36px;font-size:.7rem}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#ffffffee;backdrop-filter:blur(20px);border-top:1px solid var(--line);z-index:20;justify-content:space-around;gap:8px}.mobile-nav .nav-item{display:flex;flex-direction:column;justify-content:center;gap:5px;padding:8px 10px;min-width:66px;min-height:57px;font-size:.65rem;border-radius:16px}.mobile-nav .nav-item svg{width:22px;height:22px}.mobile-nav .nav-item.active:before{display:none}.mobile-nav .nav-item[data-view=upload]{background:var(--green);color:white;border-radius:19px;padding:9px 14px}.mobile-nav .nav-item[data-view=upload].active{background:var(--dark)}.footer-note{font-size:.65rem;margin-top:23px}#toast{bottom:calc(100px + env(safe-area-inset-bottom));font-size:.8rem;width:max-content;max-width:calc(100vw - 40px)}.panel{padding:21px;border-radius:25px}.dropzone{padding:30px 17px;border-radius:23px}.dropzone h2{font-size:1.1rem}.dropzone p{font-size:.8rem}.upload-buttons{flex-direction:column;align-items:stretch}.upload-buttons .button{font-size:.8rem}.week-grid{grid-template-columns:1fr;gap:14px}.week-day{padding:21px}.week-day-heading h2{font-size:1rem}.week-heading{align-items:flex-start}.week-heading .button{font-size:.75rem;padding:10px 13px;min-height:40px}.week-heading h2{font-size:1rem}.week-meal{display:flex;gap:12px;align-items:baseline}.week-meal strong{min-width:85px;font-size:.8rem}.week-meal span{font-size:.8rem}.profile-grid{gap:18px}.profile-heading{gap:15px}.dialog{max-height:calc(100dvh - 24px);border-radius:27px}.dialog-inner{padding:23px;max-height:calc(100dvh - 24px)}.dialog-actions .button{flex:1}.field input,.field textarea,.text-entry textarea{font-size:1rem}.review-panel{padding:20px}.row-actions .button{flex:1}.billing-panel{padding:24px}}
@media(max-width:380px){.main{padding-left:15px;padding-right:15px}.feature-copy{padding:19px 15px}.feature-copy h2{font-size:1.1rem}.meal-summary{gap:9px;padding:14px 12px}.meal-symbol{width:35px;height:35px}.meal-topline{gap:6px}.meal-topline h3{font-size:.75rem}.meal-description{font-size:.75rem}.meal-time{font-size:.65rem}.rail-card{padding:17px}.mobile-nav{padding-left:8px;padding-right:8px;gap:3px}.mobile-nav .nav-item{min-width:59px}.week-meal{display:block}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* iLive palette, derived from the supplied green–cyan–blue brand reference. */
:root{--bg:#edf3f7;--ink:#222b35;--muted:#72808c;--green:#087f88;--dark:#08636d;--lime:#ccf8e5;--mint:#e4f4f5;--line:#c2d2dc;--brand-gradient:linear-gradient(120deg,#087f88 0%,#0b83b1 48%,#1764dc 100%)}
.brand{color:#222b35;gap:5px;letter-spacing:-.07em}.button{background:var(--brand-gradient)}.button:hover{background:linear-gradient(120deg,#076d75,#105dcb);box-shadow:0 4px 14px #0a7d9a20}.button.secondary:hover{background:#d3ecef}.button.outline:hover{background:#f1f8fa}.button.ghost:hover{background:transparent;box-shadow:none}.button.danger:hover{background:#ffe6df}.day-button.active{background:var(--brand-gradient);color:#daeffb;box-shadow:0 5px 12px #147ba022}.meal-feature{background:linear-gradient(120deg,#085b6c,#105ba0);box-shadow:0 8px 22px #0d759810}.feature-copy .eyebrow{color:#adf3d3}.feature-copy p{color:#c7e3f0}.feature-copy .button{background:#e0fff0;color:#12576d}.feature-copy .button:hover{background:white}.feature-photo:before{background:linear-gradient(90deg,#09647b18,transparent 50%)}.quick-upload{background:linear-gradient(135deg,#d3f8e1,#d6f5f9 52%,#e0edff)}.quick-upload p{color:#567780}.quick-upload .button{background:var(--brand-gradient)}.sidebar-note{background:linear-gradient(145deg,#eff9f2,#edf6fc)}.avatar{background:#e4edf5;color:#436580}.nav-item.active{background:linear-gradient(105deg,#e5f6ee,#e5f0fe)}.dropzone{background:#f3fafb;border-color:#b3d4dd}.dropzone.dragging{background:#e2f3f5;border-color:var(--green)}.prototype-notice{background:#f0f6f8;color:#617b89}.file-preview{background:#f2f8fa}.meal-symbol{background:#e9f7ed;color:#40876b}.meal-symbol.lunch{background:#e8f3fc;color:#407daf}.meal-symbol.snack{background:#e8f6f6;color:#478c95}.meal-symbol.dinner{background:#edf0fb;color:#697bbb}.progress-dial{background:conic-gradient(#0b8b9d calc(var(--progress)*1%),#e8f1f4 0)}.settings-row h3{max-width:100%}.brand-card{margin-top:30px;display:flex;align-items:center;justify-content:center;background:white;border-radius:23px}.brand-card img{width:180px;height:auto;mix-blend-mode:multiply}.inline{display:inline!important;font-size:.8rem!important;font-weight:400}.original-plan{margin-top:22px;background:white;border:1px solid var(--line);border-radius:20px;padding:18px 22px;font-size:.875rem}.original-plan summary{cursor:pointer;color:var(--green);font-weight:700;min-height:28px}.original-plan pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.8;max-height:400px;overflow:auto;color:var(--muted)}.review-row small{display:block;font-size:.8rem;color:var(--muted);line-height:1.6;margin-top:3px}.review-replace{font-size:.75rem!important;margin:8px 0 16px}#toast{display:flex;align-items:center;gap:16px}#toast button{background:#ffffff20;color:white;padding:6px 10px;border-radius:10px;font-size:.8rem;min-height:32px;white-space:nowrap}.food-lines li:before{background:#96bdc7}
@media(max-width:760px){.mobile-nav .nav-item[data-view=upload]{background:var(--brand-gradient)}.mobile-nav .nav-item[data-view=upload].active{background:linear-gradient(120deg,#076d75,#105dcb)}.mobile-brand{font-size:1.85rem}.settings-row{flex-wrap:wrap}.week-meal span{overflow-wrap:anywhere}.brand-card img{width:150px}.meal-info{overflow:hidden}}
@media(prefers-contrast:more){:root{--muted:#536370;--line:#becfd7}.meal-time{color:#536370}.meal-done{border-color:#66838d}}
.dial-inner small{font-size:.75rem}.feature-copy .eyebrow{font-size:.75rem;letter-spacing:.04em}.sidebar-note span{font-size:.75rem}.meal-details .button{font-size:.875rem;min-height:44px}.field textarea[name=note]{min-height:80px}
#toast.show{pointer-events:auto}.meal-expand{min-height:44px}.meal-done{width:36px;height:36px;min-width:36px}
@media(max-width:760px){.day-button{font-size:.75rem}.feature-copy .eyebrow{font-size:.75rem;letter-spacing:0;flex-wrap:wrap}.feature-copy p{font-size:.875rem}.feature-copy .button{font-size:.875rem;min-height:44px}.meal-topline h3,.meal-description{font-size:.875rem}.meal-time{font-size:.75rem}.food-lines{font-size:.875rem}.meal-details{padding-left:18px}.progress-caption,.plan-info p,.plan-info .pill,.plan-info .button,.footer-note,.section-title .small{font-size:.75rem}.mobile-nav .nav-item{font-size:.875rem;flex:1;min-width:0;padding:8px 4px}.mobile-nav .nav-item[data-view=upload]{padding:9px 6px}.week-meal strong,.week-meal span,.dropzone p{font-size:.875rem}.file-input{min-height:0}}
@media(max-width:380px){.meal-topline h3,.meal-description{font-size:.875rem}.meal-time{font-size:.75rem}.mobile-nav .nav-item{font-size:.8rem}.feature-copy p{font-size:.8rem}.feature-copy .button{font-size:.8rem}.feature-copy h2{font-size:1.1rem}}
.theme-toggle{color:var(--muted)}.theme-options{display:flex;gap:5px;padding:5px;border-radius:999px;background:#eef4f7;flex-shrink:0}.theme-options button{display:flex;align-items:center;gap:6px;padding:9px 12px;min-height:40px;border-radius:999px;background:transparent;color:var(--muted);font-size:.875rem;font-weight:600}.theme-options button[aria-pressed=true]{background:white;color:var(--green);box-shadow:0 2px 7px #18394c0d}.theme-options svg{width:16px;height:16px}
:root:not([data-theme=dark]){--muted:#5d6e7b;--green:#076c78}.footer-note{color:var(--muted)}:root:not([data-theme=dark]) .meal-done{border-color:#748b96}
/* Separate white cards from the light canvas on large, bright displays. */
:root:not([data-theme=dark]) :is(.week-strip,.meal-card,.rail-card,.panel,.week-day,.empty-state,.original-plan,.review-panel,.program-week-panel,.program-tabs,.program-card,.today-plan-notice){box-shadow:0 3px 12px #173a4d0a,0 1px 3px #173a4d06}
:root[data-theme=dark]{color-scheme:dark;--bg:#0d1620;--paper:#152331;--ink:#eff6fb;--muted:#afc2d1;--green:#6edbd5;--dark:#123e55;--lime:#baf5dc;--mint:#203e49;--line:#2b4052;--brand-gradient:linear-gradient(120deg,#146d83,#215cae 55%,#2757ba)}
[data-theme=dark] body{background:var(--bg)}
[data-theme=dark] .sidebar,[data-theme=dark] .week-strip,[data-theme=dark] .meal-card,[data-theme=dark] .rail-card,[data-theme=dark] .panel,[data-theme=dark] .week-day,[data-theme=dark] .empty-state,[data-theme=dark] .dialog,[data-theme=dark] .original-plan{background:var(--paper)}
[data-theme=dark] .brand{color:var(--ink)}
[data-theme=dark] .topbar .avatar,[data-theme=dark] .avatar{background:#263d53;color:#d1e7f9}
[data-theme=dark] .language,[data-theme=dark] .theme-options{background:#203243}
[data-theme=dark] .language button.active,[data-theme=dark] .theme-options button[aria-pressed=true]{background:#344d60;color:#91eee3;box-shadow:none}
[data-theme=dark] .nav-item:hover{background:#1c3343;color:var(--green)}[data-theme=dark] .nav-item.active{background:linear-gradient(105deg,#173e43,#1e3759);color:#99efdd}
[data-theme=dark] .nav-item.active:before{background:#63dcbb}
[data-theme=dark] .sidebar-note{background:linear-gradient(145deg,#19372f,#1d324b)}
[data-theme=dark] .button{color:white}[data-theme=dark] .button:hover{background:linear-gradient(120deg,#197f90,#306dc8);box-shadow:0 4px 14px #0002}
[data-theme=dark] .button.secondary{background:#203f4d;color:#9ae9e0}[data-theme=dark] .button.secondary:hover{background:#2b5060}
[data-theme=dark] .button.outline{background:#1b2d3c;border-color:#3e586c;color:var(--ink)}[data-theme=dark] .button.outline:hover{background:#263e50}
[data-theme=dark] .button.ghost{background:transparent;color:#90e9dd}[data-theme=dark] .button.ghost:hover{background:#203b48}
[data-theme=dark] .button.danger{background:#49323a;color:#ffc6bc}[data-theme=dark] .button.danger:hover{background:#5a3940}
[data-theme=dark] .day-button.active{background:var(--brand-gradient)}[data-theme=dark] .day-button:hover:not(.active){background:#203946}
[data-theme=dark] .meal-feature{background:linear-gradient(125deg,#0d4659,#164c83);box-shadow:0 8px 25px #0002}
[data-theme=dark] .feature-copy .button{background:#c6f7e2;color:#154c59}[data-theme=dark] .feature-copy .button:hover{background:#e5fff3}
[data-theme=dark] .meal-card.open{border-color:#46788b}
[data-theme=dark] .meal-symbol{background:#203e37;color:#99e4bf}[data-theme=dark] .meal-symbol.lunch{background:#233c55;color:#9bcafa}[data-theme=dark] .meal-symbol.snack{background:#213d45;color:#91dce1}[data-theme=dark] .meal-symbol.dinner{background:#2d3553;color:#b9c7ff}
[data-theme=dark] .meal-done{background:#172a38;border-color:#6d899e;color:white}[data-theme=dark] .meal-done.checked{background:#147888;border-color:#59bac1}
[data-theme=dark] .meal-expand{color:#a8c2d4}[data-theme=dark] .meal-note,[data-theme=dark] .review-row{background:#1c2f3f}
[data-theme=dark] .add-meal{border-color:#4b7187;color:#87e2dc}[data-theme=dark] .add-meal:hover{background:#172d3b}
[data-theme=dark] .rail-heading svg{color:#98b8cd}[data-theme=dark] .progress-dial{background:conic-gradient(#44c5c5 calc(var(--progress)*1%),#293f50 0)}[data-theme=dark] .progress-dial:before{background:var(--paper)}[data-theme=dark] .dial-inner strong span{color:#a6bdce}
[data-theme=dark] .quick-upload{background:linear-gradient(135deg,#163c36,#164452 55%,#233f67);border-color:#2c5666}[data-theme=dark] .quick-upload p{color:#badbdc}[data-theme=dark] .quick-upload .upload-icon{background:#2b5a5d}
[data-theme=dark] .dropzone{background:#102a36;border-color:#4e869b}[data-theme=dark] .dropzone.dragging{background:#173d48;border-color:#84dfd7}
[data-theme=dark] .prototype-notice,[data-theme=dark] .file-preview{background:#1a3040;color:#bad0de}[data-theme=dark] .file-thumbnail{background:#254553}
[data-theme=dark] .field input,[data-theme=dark] .field textarea,[data-theme=dark] .field select,[data-theme=dark] .text-entry textarea{background:#0f1e2b;border-color:#486176;color:var(--ink)}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#92a9bc;opacity:1}
[data-theme=dark] .review-panel{border-color:#476579}[data-theme=dark] .week-meal{border-color:#2a4053}[data-theme=dark] .week-day.selected{border-color:#65b0b5}
[data-theme=dark] .pill{background:#234652;color:#a2eddf}[data-theme=dark] .step-number{background:#254752;color:#a2eddf}
[data-theme=dark] .error-message{background:#442d34;color:#ffc7be}[data-theme=dark] .footer-note{color:#94aebe}[data-theme=dark] .food-lines li:before{background:#76b6c0}
[data-theme=dark] .mobile-nav{background:#121f2dec;border-color:#31495c}[data-theme=dark] #toast{background:#e4f3fa;color:#163344}[data-theme=dark] #toast button{background:#c1e0ed;color:#163344}
[data-theme=dark] .dialog::backdrop{background:#0009}[data-theme=dark] .icon-button:hover{background:#25414f}
@media(max-width:760px){.topbar-actions{gap:7px}.theme-toggle{width:38px;min-height:38px}.theme-toggle svg{width:19px;height:19px}.theme-options{flex-wrap:wrap}.settings-row:has(.theme-options){align-items:flex-start}[data-theme=dark] .mobile-nav .nav-item[data-view=upload]{background:var(--brand-gradient)}}

/* Original vector logos retain their full aspect ratio and transparent background. */
.brand{padding:0;min-height:44px;border-radius:0;justify-content:flex-start;flex-shrink:0}
.brand-logo{display:block;width:132px;height:auto;max-width:100%;object-fit:contain;mix-blend-mode:normal;flex-shrink:0}
.sidebar .brand{align-self:flex-start;margin:0 0 50px 8px}.sidebar .brand-logo{width:152px}
.brand-card{background:transparent;margin:32px 0 6px;border-radius:0}.brand-card .brand-logo{width:160px;height:auto;mix-blend-mode:normal}
@media(max-width:1020px){.sidebar .brand-logo{width:132px}.sidebar .brand{margin-left:4px}}
@media(max-width:760px){.topbar{height:auto;min-height:48px;gap:10px}.mobile-brand .brand-logo{width:118px}.brand-card .brand-logo{width:145px}}
@media(max-width:380px){.mobile-brand .brand-logo{width:106px}.topbar-actions{gap:5px}}

/* The summary is one large expansion button; food actions remain independent. */
:root{--food-exact-bg:#eefaf4;--food-exact-ink:#12643e;--food-exact-line:#8dcdb0;--food-changed-bg:#fff6e5;--food-changed-ink:#865006;--food-changed-line:#d9a64d}
:root[data-theme=dark]{--food-exact-bg:#13372c;--food-exact-ink:#9af0bf;--food-exact-line:#3b8764;--food-changed-bg:#3b2e18;--food-changed-ink:#ffd38c;--food-changed-line:#a37a36}
.meal-card{cursor:pointer}
.meal-summary{position:relative;display:block;padding:0;min-height:0}
.meal-open{display:flex;align-items:center;gap:14px;position:relative;width:100%;min-height:92px;padding:19px 108px 19px 21px;background:transparent;color:var(--ink);text-align:left;border-radius:inherit}
.meal-open:hover{background:color-mix(in srgb,var(--green) 5%,transparent)}
.meal-open .meal-symbol{flex-shrink:0}
.meal-label{font-size:.875rem;font-weight:800}
.meal-description,.meal-intake-summary{display:block;overflow-wrap:anywhere}
.meal-intake-summary{font-size:.75rem;line-height:1.6;margin-top:5px;color:var(--green);font-weight:700}
.meal-expand{position:absolute;right:18px;top:50%;transform:translateY(-50%);pointer-events:none}
.meal-summary>.meal-done{position:absolute;right:58px;top:50%;transform:translateY(-50%);width:44px;height:44px;min-width:44px;z-index:1}
.meal-card.completed .meal-description{opacity:1}
.meal-card.meal-changed,.meal-card.meal-changed.open{border-color:var(--food-changed-line)}
.meal-changed .meal-intake-summary{color:var(--food-changed-ink)}
.meal-card.meal-changed .meal-done.checked{background:var(--food-changed-ink);border-color:var(--food-changed-ink);color:var(--food-changed-bg)}
.meal-details{padding:0 18px 18px;cursor:default}
.meal-details[hidden],#amount-error[hidden]{display:none!important}
.food-tracking{padding:0;margin:0 0 14px;list-style:none;display:grid;gap:8px}
.food-row{display:flex;align-items:stretch;gap:4px;border:1px solid var(--line);border-radius:18px;background:var(--bg);overflow:hidden;cursor:default}
.food-check{flex:1;min-width:0;display:flex;align-items:center;gap:10px;text-align:left;padding:12px;background:transparent;color:var(--ink);min-height:64px}
.food-tick{flex-shrink:0;width:28px;height:28px;border:1.5px solid #748b96;border-radius:50%;display:grid;place-items:center;background:var(--paper)}
.food-tick svg{width:16px;height:16px}
.food-copy{min-width:0;overflow-wrap:anywhere}
.food-copy strong{display:block;font-size:.875rem;line-height:1.5;font-weight:700}
.food-status{display:block;font-size:.75rem;line-height:1.6;margin-top:2px;color:var(--muted)}
.food-amount{display:flex;align-items:center;justify-content:center;gap:5px;min-width:44px;min-height:44px;padding:10px;color:var(--green);background:transparent;font-size:.75rem;font-weight:700;border-left:1px solid var(--line)}
.food-amount svg{width:16px;height:16px;flex-shrink:0}
.food-amount:hover{background:color-mix(in srgb,var(--green) 8%,transparent)}
.food-row.food-exact{background:var(--food-exact-bg);border-color:var(--food-exact-line)}
.food-exact .food-status{color:var(--food-exact-ink)}
.food-exact .food-tick{background:#13764a;color:#fff;border-color:#13764a}
.food-row.food-changed{background:var(--food-changed-bg);border-color:var(--food-changed-line)}
.food-changed .food-status{color:var(--food-changed-ink)}
.food-changed .food-tick{background:var(--food-changed-ink);color:var(--food-changed-bg);border-color:var(--food-changed-ink)}
.amount-planned{padding:16px 18px;background:var(--bg);border:1px solid var(--line);border-radius:20px;margin-bottom:22px;overflow-wrap:anywhere}
.amount-planned strong{display:block;font-size:1rem;line-height:1.5}
.amount-planned p{font-size:.875rem;line-height:1.6;color:var(--muted);margin-top:6px}
@media(max-width:760px){.meal-open{gap:12px;padding:16px 104px 16px 16px;min-height:85px}.meal-expand{right:14px}.meal-summary>.meal-done{right:48px}.food-amount{flex-direction:column;gap:3px;padding:8px}.food-check{padding:10px;gap:8px}}
@media(max-width:380px){.meal-open{gap:9px;padding-left:12px;padding-right:96px}.meal-expand{right:10px}.meal-summary>.meal-done{right:42px}.meal-details{padding:0 12px 14px}.food-amount{padding:8px 6px}.food-check{gap:6px;padding:10px 8px}}

.meal-feature.no-photo{grid-template-columns:minmax(0,1fr) auto;min-height:220px}
.feature-copy{min-width:0;overflow-wrap:anywhere}
.feature-copy p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin-bottom:16px}
.feature-symbol{display:grid;place-items:center;align-self:center;width:100px;height:100px;margin:24px;border-radius:32px;background:#ffffff12;color:#c6f7e2}
.feature-symbol svg{width:48px;height:48px;stroke-width:1.5}
.day-complete .feature-copy{justify-content:center}.day-complete .feature-copy h2{margin-bottom:0}
@media(max-width:760px){.meal-feature.no-photo{min-height:217px}.feature-symbol{width:64px;height:64px;margin:16px 18px 16px 0;border-radius:23px}.feature-symbol svg{width:34px;height:34px}}

/* A single rounded control language for form and meal checkboxes. */
:root{--check-size:24px;--check-radius:8px;--check-border:#6b8793;--control-surface:#f3f8f8;--control-accent:#086b98;--control-selected:linear-gradient(130deg,#14796c,#086aaa);--control-outline:#137f96}
:root[data-theme=dark]{--check-border:#91aab9;--control-surface:#10202f;--control-accent:#8ddbe8;--control-selected:linear-gradient(130deg,#167b70,#215fae);--control-outline:#90dedf}
input[type=checkbox]{appearance:none;-webkit-appearance:none;display:inline-block;flex:0 0 var(--check-size);width:var(--check-size);height:var(--check-size);margin:0;border:1.5px solid var(--check-border);border-radius:var(--check-radius);background:var(--paper);cursor:pointer;vertical-align:middle;transition:background .18s,border-color .18s,box-shadow .18s}
.check-field{gap:12px;min-height:44px;cursor:pointer}.check-field input{width:var(--check-size);height:var(--check-size)}
input[type=checkbox]:checked{border-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 12 4 4 8-9' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),var(--control-selected);background-size:24px 24px,100% 100%;background-position:center;background-repeat:no-repeat}
input[type=checkbox]:indeterminate{border-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12h12' stroke='white' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E"),var(--control-selected);background-position:center;background-repeat:no-repeat}
input[type=checkbox]:disabled{opacity:.5;cursor:default}
input[type=checkbox]:focus-visible,.meal-done:focus-visible,.food-check:focus-visible,.picker-trigger:focus-visible,.picker-dialog button:focus-visible,.picker-wheel:focus-visible{outline:3px solid var(--control-outline);outline-offset:4px}
.food-tick{width:var(--check-size);height:var(--check-size);border-radius:var(--check-radius);border-color:var(--check-border)}
.food-tick svg{width:18px;height:18px;stroke-width:2.5}
.meal-done,.meal-done.checked,.meal-card.meal-changed .meal-done.checked,[data-theme=dark] .meal-done,[data-theme=dark] .meal-done.checked{display:grid;place-items:center;border:0;border-radius:12px;background:transparent;color:#fff;box-shadow:none}
.meal-done::before{content:"";grid-area:1/1;width:var(--check-size);height:var(--check-size);border:1.5px solid var(--check-border);border-radius:var(--check-radius);background:var(--paper)}
.meal-done svg{grid-area:1/1;z-index:1;width:18px;height:18px;stroke-width:2.5}
.meal-done.checked::before{background:var(--control-selected);border-color:transparent}
.food-exact .food-tick{background:var(--control-selected);border-color:transparent;color:#fff}
.meal-card.meal-changed .meal-done.checked{color:var(--food-changed-bg)}
.meal-card.meal-changed .meal-done.checked::before{background:var(--food-changed-ink);border-color:var(--food-changed-ink)}
/* All time, date and local datetime inputs are enhanced by pickers.js. */
.picker-trigger{display:flex;align-items:center;gap:12px;width:100%;min-height:54px;padding:13px 16px;border:1px solid var(--check-border);border-radius:18px;background:var(--control-surface);color:var(--ink);text-align:left;font-size:1rem;line-height:1.5;font-weight:600}
.picker-trigger svg{width:22px;height:22px;flex-shrink:0;color:var(--control-accent)}
.picker-trigger.is-empty .picker-value{font-weight:400;color:var(--muted)}
.picker-trigger:disabled{opacity:.5;cursor:default}
.picker-dialog{padding:0;border:1px solid var(--line);border-radius:32px;width:calc(100% - 32px);max-width:420px;max-height:calc(100dvh - 32px);background:var(--paper);color:var(--ink);box-shadow:0 30px 100px #071f3940;overflow:auto}
.picker-dialog::backdrop{background:#102d415c;backdrop-filter:blur(6px)}
[data-theme=dark] .picker-dialog::backdrop{background:#0009}
.picker-inner{padding:24px}.picker-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
.picker-header p{font-size:.75rem;color:var(--muted);line-height:1.5;margin-bottom:4px}.picker-header h2{font-size:1.2rem;line-height:1.4;font-weight:750}
.picker-dialog .icon-button svg{width:22px;height:22px}
.picker-time-display{font-size:3.2rem;font-weight:750;letter-spacing:-2px;text-align:center;line-height:1.15;font-variant-numeric:tabular-nums;margin:6px 0 24px}
.picker-time-display span{color:var(--control-accent);padding:0 8px}
.picker-wheels{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.picker-column>p{font-size:.8rem;color:var(--muted);text-align:center;margin-bottom:9px;font-weight:600}
.picker-wheel{position:relative;height:216px;padding:8px;overflow-y:auto;overscroll-behavior:contain;border-radius:24px;background:var(--control-surface);scrollbar-width:thin;scrollbar-color:var(--check-border) transparent}
.picker-wheel button{display:block;width:100%;min-height:48px;line-height:1.5;margin:4px 0;border-radius:17px;background:transparent;font-size:1.18rem;font-weight:650;font-variant-numeric:tabular-nums}
.picker-wheel [aria-selected=true],.picker-minute-shortcuts [aria-pressed=true],.picker-calendar-grid [aria-pressed=true],.picker-calendar-choices [aria-pressed=true]{background:var(--control-selected);color:#fff;box-shadow:0 4px 12px #087c981a}
.picker-minute-shortcuts{display:flex;gap:8px;justify-content:center;margin-top:16px}
.picker-minute-shortcuts button{min-height:44px;flex:1;border-radius:16px;background:var(--control-surface);font-size:.9rem;font-weight:600}
.picker-footer{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}
.picker-footer>div{display:flex;gap:10px}.picker-footer .button{flex:1;min-width:0;padding:12px 10px;border-radius:18px;font-size:.85rem;background:var(--control-selected)}
.picker-footer .button.outline{background:transparent;border:1px solid var(--check-border);color:var(--ink)}
.picker-clear{display:block;min-height:44px;padding:4px 12px;margin:0 auto 12px;border-radius:14px;background:transparent;color:var(--control-accent);font-size:.85rem;font-weight:650}
.picker-error{margin-top:12px;color:var(--food-changed-ink);font-size:.85rem;line-height:1.5}
.picker-tabs{display:flex;gap:5px;padding:5px;background:var(--control-surface);border-radius:18px;margin-bottom:14px}
.picker-tabs button{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;min-height:44px;border-radius:14px;background:transparent;font-size:.85rem;font-weight:650}
.picker-tabs svg{width:18px;height:18px}.picker-tabs [aria-pressed=true]{background:var(--paper);color:var(--control-accent);box-shadow:0 2px 10px #12334412}
.picker-datetime-preview{text-align:center;font-size:.85rem;color:var(--muted);margin-bottom:18px;line-height:1.5}
.picker-calendar-header{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-bottom:16px}
.picker-calendar-header>div{display:flex;gap:4px;justify-content:center;flex-wrap:wrap}.picker-calendar-header>div button{min-height:44px;padding:4px 8px;background:transparent;border-radius:14px;font-weight:650;font-size:.9rem}
.picker-weekdays,.picker-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;text-align:center}
.picker-weekdays{margin-bottom:6px;font-size:.75rem;color:var(--muted)}.picker-weekdays span{padding:8px 0}
.picker-calendar-grid button{min-height:44px;border-radius:15px;background:transparent;font-size:.9rem;font-weight:600}
.picker-calendar-grid [aria-current=date]{box-shadow:inset 0 0 0 1.5px var(--control-outline)}
.picker-calendar-grid button:disabled{opacity:.3;cursor:default}
.picker-calendar-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.picker-calendar-choices button{min-height:54px;padding:8px 4px;background:var(--control-surface);border-radius:16px;font-size:.8rem;font-weight:600}
@media(hover:hover){input[type=checkbox]:not(:disabled):hover,.meal-done:hover::before,.food-check:hover .food-tick{box-shadow:0 0 0 4px #29b8b51a}.picker-trigger:not(:disabled):hover{border-color:var(--control-accent)}.picker-wheel button:not([aria-selected=true]):hover,.picker-calendar-grid button:not([aria-pressed=true]):not(:disabled):hover{background:var(--mint)}}
@media(max-width:380px){.picker-dialog{width:calc(100% - 20px);border-radius:28px}.picker-inner{padding:18px}.picker-header h2{font-size:1.1rem}.picker-wheels{gap:12px}.picker-calendar-grid button{min-height:40px;border-radius:13px}}
@media(max-height:700px){.picker-inner{padding:18px}.picker-header{margin-bottom:12px}.picker-time-display{font-size:2.7rem;margin-bottom:16px}.picker-wheel{height:172px}.picker-footer{margin-top:14px}}
@media(prefers-reduced-motion:reduce){.picker-dialog button,input[type=checkbox],.picker-trigger{transition:none}}
/* Keep the combined picker compact on narrow mobile screens. */
@media(max-width:420px){.picker-tabs~.picker-pane .picker-wheel{height:172px}.picker-tabs~.picker-pane .picker-time-display{font-size:2.7rem;margin:0 0 16px}.picker-dialog:has(.picker-tabs) .picker-header{margin-bottom:14px}}


/* Daily water tracking, in the former plan-card position. */
:root{--water-ink:#09658d;--water-tint:#e5f5fb;--water-surface:linear-gradient(150deg,#f3fcfd,#edf5ff)}
:root[data-theme=dark]{--water-ink:#91ddea;--water-tint:#1c3a4c;--water-surface:linear-gradient(150deg,#16303d,#192b45)}
.water-card{background:var(--water-surface);overflow:hidden}
.water-card .rail-heading{margin-bottom:18px}.water-card .rail-heading>svg{color:var(--water-ink);width:23px;height:23px}
.water-reading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.water-total{min-width:0}.water-total strong{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;font-size:2.65rem;letter-spacing:-.04em;line-height:1.15;font-weight:800;overflow-wrap:anywhere}
.water-total strong span{font-size:.85rem;font-weight:600;letter-spacing:0;color:var(--muted)}
.water-total p{display:inline-block;margin-top:9px;padding:4px 11px;border-radius:999px;background:var(--water-tint);color:var(--water-ink);font-size:.85rem;line-height:1.5;font-weight:700}
.water-art{width:76px;height:94px;display:grid;place-items:center;flex-shrink:0;color:var(--water-ink);border-radius:24px;background:var(--water-tint)}
.water-art svg{width:64px;height:78px}
.water-actions{display:flex;align-items:stretch;gap:10px}
.water-actions button{min-height:50px;border-radius:17px}
.water-remove{width:50px;flex-shrink:0;display:grid;place-items:center;background:var(--paper);border:1px solid var(--check-border);color:var(--water-ink);font-size:1.6rem;font-weight:500}
.water-remove:disabled{opacity:.4}.water-add{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:10px;background:var(--control-selected);color:#fff;box-shadow:0 5px 14px #0b779b14}
.water-add>span{font-weight:750;font-size:.85rem}.water-add small{font-size:.7rem;font-weight:500;padding:2px 7px;border-radius:999px;background:#ffffff1a}
.water-actions button:focus-visible{outline:3px solid var(--control-outline);outline-offset:4px}
@media(hover:hover){.water-add:hover{box-shadow:0 5px 18px #0b779b30}.water-remove:not(:disabled):hover{background:var(--water-tint)}}
@media(max-width:760px){.water-card .rail-heading{margin-bottom:14px}.water-reading{margin-bottom:18px}.water-total strong{font-size:2.3rem}.water-art{width:70px;height:84px;border-radius:23px}.water-art svg{height:72px;width:58px}.water-add{gap:12px}}
[data-theme=dark] .water-card{background:var(--water-surface)}

/* Keep daily progress and water side by side, including small phones. */
.water-add-compact{display:none}
.progress-dial .dial-inner{max-width:calc(100% - 16px)}
.progress-dial .dial-inner small{line-height:1.3;white-space:nowrap;letter-spacing:-.015em}
@media(max-width:1020px){.today-grid>.rail{grid-template-columns:repeat(2,minmax(0,1fr))}.progress-card{grid-template-columns:minmax(0,1fr) 104px}.progress-card .progress-dial{width:104px;max-width:100%;height:auto;aspect-ratio:1}.progress-dial .dial-inner small{font-size:.65rem}}
@media(max-width:760px){.rail .progress-card{display:block}.water-card .rail-heading{margin-bottom:16px}.water-card .rail-heading>svg{width:18px;height:18px}.water-reading{justify-content:space-between;text-align:left;gap:6px;margin-bottom:10px}.water-total strong{display:block;font-size:2rem}.water-total strong>span{display:block;margin-top:4px;font-size:.65rem}.water-total p{font-size:.65rem;margin-top:8px;padding:4px 7px}.water-art{display:grid;width:44px;height:60px;border-radius:17px}.water-art svg{width:40px;height:54px}.water-actions{gap:6px}.water-actions button{min-height:54px;border-radius:15px}.water-remove{width:44px;font-size:1.4rem}.water-add{flex-direction:column;gap:2px;padding:6px}.water-add-label{display:none}.water-add-compact{display:inline}.water-add>span{font-size:.9rem}.water-add small{padding:0 2px;font-size:.65rem;background:transparent}}
@media(max-width:380px){.progress-dial .dial-inner small{font-size:.6rem}.water-card .rail-heading h2{font-size:.8rem}}

.water-liquid{transform:translateY(var(--water-level));opacity:var(--water-opacity);transition:transform .4s cubic-bezier(.2,.7,.2,1),opacity .2s ease}

/* Soft continuous waves, rising bubbles and small water droplets. */
.water-wave{animation:water-wave-drift 4.8s linear infinite;transform-box:view-box}
.water-wave-front{animation-duration:3.7s;animation-direction:reverse}
.water-bubble{animation:water-bubble-rise 3.8s ease-out infinite;transform-box:fill-box;transform-origin:center;opacity:0}
.water-bubble-two{animation-delay:1.8s;animation-duration:4.6s}
.water-droplets{opacity:var(--water-opacity);transition:opacity .25s}
.water-drop{animation:water-droplet-float 4.8s ease-in-out infinite;transform-box:fill-box;transform-origin:center;opacity:0}
.water-drop-two{animation-delay:1.5s;animation-duration:5.4s}.water-drop-three{animation-delay:3s;animation-duration:6.2s}
@keyframes water-wave-drift{from{transform:translateX(0)}to{transform:translateX(-48px)}}
@keyframes water-bubble-rise{0%{transform:translateY(8px) scale(.5);opacity:0}18%{opacity:.55}80%{opacity:.3}100%{transform:translateY(-30px) scale(1);opacity:0}}
@keyframes water-droplet-float{0%,65%,100%{transform:translate(0,5px) scale(.6);opacity:0}75%{transform:translate(0,-4px) scale(1);opacity:.7}88%{transform:translate(0,2px) scale(.8);opacity:.25}}
@media(prefers-reduced-motion:reduce){.water-wave,.water-bubble,.water-drop{animation:none!important}.water-drop,.water-bubble{opacity:0}}

/* Nutrition library, weekly selection and the monthly lunch calendar. */
.program-create-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}
.program-week-panel{background:var(--paper);border:1px solid var(--line);border-radius:28px;padding:24px;margin-bottom:24px;box-shadow:0 8px 28px #087f8805}
.program-week-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}
.program-week-nav>div{text-align:center}.program-week-nav .eyebrow{color:var(--green);margin-bottom:5px}.program-week-nav strong{font-size:.9rem}
.program-arrow{border:1px solid var(--line);background:var(--bg);font-size:1.6rem;line-height:1}
.program-week-choice{display:flex;gap:20px;align-items:center;justify-content:space-between}.program-week-choice h2{font-size:1.15rem;overflow-wrap:anywhere}.program-week-choice p{color:var(--muted);font-size:.8rem;margin-top:4px}
.program-tabs{display:flex;gap:5px;border:1px solid var(--line);background:var(--paper);border-radius:22px;padding:6px;margin-bottom:24px}
.program-tabs button{flex:1;padding:13px 8px;min-height:48px;border-radius:17px;background:transparent;color:var(--muted);font-size:.85rem;font-weight:700}.program-tabs button.active{background:var(--mint);color:var(--green)}
.program-library{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.program-card{background:var(--paper);border:1px solid var(--line);border-radius:27px;padding:24px;min-width:0}
.program-card-top{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:20px}.program-card-icon{display:grid;place-items:center;width:48px;height:48px;background:var(--mint);border-radius:18px;color:var(--green)}
.program-card h2{font-size:1.15rem;overflow-wrap:anywhere;margin-top:14px}.program-card p{font-size:.8rem;color:var(--muted);margin-top:7px}.program-card-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:23px}.program-card-actions>.icon-button{background:var(--bg);border:1px solid var(--line)}
.program-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.program-hint{font-size:.8rem;line-height:1.7;color:var(--muted);margin:12px 0 22px}
.program-day-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;background:var(--bg);padding:7px;border-radius:22px;margin:20px 0}.program-day-strip button{display:flex;flex-direction:column;align-items:center;gap:8px;padding:13px 2px;min-height:66px;background:transparent;border-radius:16px;color:var(--muted);font-size:.85rem;font-weight:700}.program-day-strip small{font-size:.65rem;font-weight:500}.program-day-strip button.active{background:var(--brand-gradient);color:white}.program-day-title{margin-bottom:16px}
.program-meals{display:flex;flex-direction:column;gap:10px}.program-meal{width:100%;display:flex;align-items:center;gap:14px;text-align:left;padding:18px;background:var(--bg);border:1px solid var(--line);border-radius:21px}.program-meal>span:nth-child(2){flex:1;min-width:0}.program-meal strong{display:block;font-size:.85rem}.program-meal strong small{font-size:.7rem;color:var(--muted);font-weight:500;margin-left:7px}.program-meal span span{display:block;color:var(--muted);font-size:.85rem;margin-top:5px;overflow-wrap:anywhere}.program-meal>svg{width:18px;color:var(--green)}.program-lunch-label{display:inline-block;color:var(--green);font-size:.65rem;background:var(--mint);padding:4px 8px;border-radius:9px;margin-top:8px}
.program-empty{text-align:center;padding:32px 20px}.program-empty p{font-size:.85rem;color:var(--muted);max-width:480px;margin:10px auto 0}.program-empty>svg{color:var(--green);width:32px;height:32px;margin-bottom:15px}.program-range{color:var(--green);font-size:.85rem;font-weight:700;background:var(--mint);padding:12px 16px;border-radius:14px;margin:0 0 20px}
.calendar-month-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.calendar-month-heading h2{text-transform:capitalize;font-size:1.2rem}.nutrition-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.calendar-weekday{text-align:center;font-size:.75rem;color:var(--muted);padding:6px 0 8px}.nutrition-calendar-day{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-height:112px;min-width:0;border:1px solid var(--line);border-radius:18px;padding:13px 11px;background:var(--bg);text-align:left}.nutrition-calendar-day strong{font-size:.8rem}.nutrition-calendar-day span{font-size:.72rem;line-height:1.5;color:var(--muted);overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.nutrition-calendar-day.has-plan{background:var(--mint);border-color:transparent}.nutrition-calendar-day.has-plan span{color:var(--green)}.nutrition-calendar-day.is-today{border:2px solid var(--green)}.nutrition-calendar-day.is-today strong{color:var(--green)}.nutrition-calendar .text-button{margin-top:14px}
.calendar-lunch-detail{padding:20px;background:var(--mint);border-radius:22px;margin-bottom:20px}.calendar-lunch-detail .eyebrow{color:var(--green)}.calendar-lunch-detail h3{margin:10px 0}.calendar-lunch-detail p{font-size:.85rem;color:var(--ink);line-height:1.8}
.nutrition-calendar-day .calendar-no-dish{font-size:1rem;opacity:.45;align-self:center;margin-top:8px}
.calendar-month-heading{position:sticky;top:0;z-index:2;background:var(--paper);padding:8px 0}
.history-days{display:flex;flex-direction:column;gap:10px}.history-days details{border:1px solid var(--line);border-radius:17px;padding:15px 18px;background:var(--bg)}.history-days summary{cursor:pointer;min-height:30px;font-size:.85rem;font-weight:700}.history-meals>div{padding:12px 0;border-top:1px solid var(--line)}.history-meals strong,.history-meals span{display:block;font-size:.85rem}.history-meals span,.history-meals p{color:var(--muted);font-size:.8rem;line-height:1.7;margin-top:5px}
.extra-meal-tag{font-size:.65rem;background:var(--mint);color:var(--green);border-radius:8px;padding:3px 6px;white-space:nowrap}.today-plan-notice{padding:24px;background:var(--paper);border:1px solid var(--line);border-radius:25px;margin-bottom:22px}.today-plan-notice h2{font-size:1rem}.today-plan-notice p{font-size:.85rem;color:var(--muted);margin:8px 0 15px}
[data-theme=dark] .program-tabs button.active,[data-theme=dark] .program-lunch-label,[data-theme=dark] .extra-meal-tag{background:var(--mint);color:var(--green)}
@media(max-width:1020px){.nutrition-calendar-day{min-height:104px;padding:10px 7px;border-radius:14px}.nutrition-calendar-grid{gap:5px}}
@media(max-width:760px){.program-create-actions{gap:8px;margin-bottom:20px}.program-create-actions .button{font-size:.8rem;padding:11px 15px}.program-week-panel{padding:19px;border-radius:25px}.program-week-nav strong{font-size:.8rem}.program-week-nav .eyebrow{font-size:.65rem}.program-week-choice{align-items:stretch;flex-direction:column;gap:16px}.program-week-choice h2{font-size:1rem}.program-tabs{margin-bottom:19px;border-radius:20px}.program-tabs button{font-size:.75rem;padding:11px 4px;min-height:44px;border-radius:15px}.program-library{grid-template-columns:1fr;gap:14px}.program-card{padding:22px;border-radius:25px}.program-card h2{font-size:1.1rem}.program-day-strip{gap:2px;padding:5px;border-radius:19px}.program-day-strip button{font-size:.75rem;border-radius:14px}.program-meal{padding:15px;gap:11px}.program-meal .meal-symbol{width:35px;height:35px}.program-meal span span{font-size:.8rem}.nutrition-calendar{padding:16px 12px}.calendar-month-heading h2{font-size:1rem}.nutrition-calendar .program-hint{font-size:.75rem}.nutrition-calendar-grid{gap:4px}.nutrition-calendar-day{padding:8px 4px;gap:8px;min-height:94px;border-radius:12px}.nutrition-calendar-day strong{font-size:.7rem}.nutrition-calendar-day span{font-size:.61rem;line-height:1.45}.calendar-weekday{font-size:.65rem}.program-editor h2{font-size:1.1rem}.program-hint{font-size:.75rem}.program-meal strong small{margin-left:0}}
@media(max-width:360px){.nutrition-calendar{padding:15px 9px}.nutrition-calendar-grid{gap:3px}.nutrition-calendar-day span{font-size:.58rem}.program-create-actions .button{width:100%}}

/* One rounded dropdown system for current and future single-select fields. */
:root{--dropdown-selection-ink:#08636d;--dropdown-border:#9bb5c1}
[data-theme=dark]{--dropdown-selection-ink:#9af0e6;--dropdown-border:#55798f}
.dropdown-field{position:relative;min-width:0;width:100%}
.field .dropdown-native,.dropdown-native{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;border:0!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;overflow:hidden!important;white-space:nowrap!important}
.dropdown-trigger{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:54px;padding:14px 17px;text-align:left;font:inherit;font-size:1rem;line-height:1.5;border:1px solid var(--dropdown-border);border-radius:20px;background:var(--bg);color:var(--ink);cursor:pointer}
.dropdown-value{min-width:0;overflow-wrap:anywhere}.dropdown-trigger.is-placeholder .dropdown-value{color:var(--muted)}.dropdown-chevron{width:18px;height:18px;color:var(--muted);transition:transform .2s}.dropdown-trigger[aria-expanded=true]{border-color:var(--green);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 12%,transparent)}.dropdown-trigger[aria-expanded=true] .dropdown-chevron{transform:rotate(180deg)}
.dropdown-panel{position:fixed;inset:auto;margin:0;padding:8px;border:1px solid var(--dropdown-border);border-radius:24px;background:var(--paper);color:var(--ink);font:inherit;max-width:calc(100vw - 24px);max-height:min(360px,calc(100dvh - 24px));overflow:auto;overscroll-behavior:contain;box-shadow:0 18px 50px #10253624,0 4px 12px #10253612;scrollbar-width:thin;scrollbar-color:var(--dropdown-border) transparent}
.dropdown-panel::backdrop{background:transparent}
.dropdown-error[hidden]{display:none!important}
.dropdown-option{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:12px 14px;margin:2px 0;border:1px solid transparent;border-radius:16px;color:var(--ink);font-size:.9rem;line-height:1.5;cursor:pointer;overflow-wrap:anywhere;transition:background .15s,border-color .15s}
.dropdown-option>span{min-width:0}.dropdown-option>svg{width:18px;height:18px;visibility:hidden;flex-shrink:0}.dropdown-option.is-active{background:var(--bg);border-color:var(--dropdown-border)}.dropdown-option[aria-selected=true]{background:var(--mint);color:var(--dropdown-selection-ink);font-weight:700}.dropdown-option[aria-selected=true]>svg{visibility:visible}.dropdown-option[aria-disabled=true]{opacity:.45;cursor:default}.dropdown-group>p{font-size:.7rem;font-weight:700;color:var(--muted);padding:12px 14px 6px}.dropdown-error{color:#a7443a!important;padding:7px 3px 0;font-size:.75rem;line-height:1.5}.dropdown-trigger[aria-invalid=true]{border-color:#a7443a}
[data-theme=dark] .dropdown-panel{box-shadow:0 20px 55px #0007,0 3px 12px #0004}[data-theme=dark] .dropdown-error{color:#ffc1b3!important}[data-theme=dark] .dropdown-trigger[aria-invalid=true]{border-color:#ffc1b3}
@media(max-width:760px){.dropdown-trigger{border-radius:19px;min-height:54px}.dropdown-panel{border-radius:23px;padding:7px}.dropdown-option{min-height:50px;border-radius:15px;font-size:.9rem}}