.meal-screen { color:var(--navy); padding-bottom:0; }
.meal-screen.active~.bottom-nav { display:none!important; }
.meal-topbar { position:relative; z-index:2; display:grid; height:82px; grid-template-columns:48px 1fr 48px; align-items:center; padding:12px 20px 8px; color:var(--navy); background:rgba(255,255,255,.7); border-bottom:1px solid rgba(0,62,112,.1); backdrop-filter:blur(12px); }
.meal-topbar>span { font-size:.9rem; font-weight:800; text-align:center; letter-spacing:.03em; }.meal-topbar>img{justify-self:end;width:38px;height:38px;object-fit:contain}
.meal-back { display:grid; width:42px; height:42px; padding:0; place-items:center; border:1px solid rgba(0,62,112,.12); border-radius:14px; color:var(--navy); background:rgba(255,255,255,.76); cursor:pointer; box-shadow:0 5px 14px rgba(0,62,112,.08); }.meal-back svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.meal-scroll { position:absolute; inset:82px 0 0; overflow-y:auto; overscroll-behavior:contain; }.meal-content{width:min(100%,620px);margin:0 auto;padding:28px 22px 48px}
.meal-hero { padding:13px 5px 24px; }.meal-kicker{display:inline-block;margin-bottom:9px;color:#aa7b00;font-size:.66rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.meal-hero h2{max-width:500px;margin:0;color:#003e70;font-family:Inter,Arial,sans-serif;font-size:clamp(2rem,8.5vw,3.1rem);font-weight:800;letter-spacing:-.04em;line-height:.98}.meal-hero h2 em{color:#567ab8;font-style:normal}.meal-hero p{max-width:430px;margin:15px 0 0;color:#41556c;font-size:.86rem;line-height:1.55}
.meal-summary { display:grid; grid-template-columns:1fr 30px 1fr; align-items:center; margin-bottom:15px; padding:13px 14px; border:1px solid rgba(0,62,112,.09); border-radius:18px; background:rgba(255,255,255,.76); backdrop-filter:blur(5px); }.meal-summary>div{display:flex;align-items:center;gap:9px;min-width:0}.meal-summary>div>span{display:grid;width:31px;height:31px;flex:0 0 auto;place-items:center;border-radius:10px;color:#fff;background:#003e70;font-size:.58rem;font-weight:900}.meal-summary p{display:grid;gap:2px;margin:0;min-width:0}.meal-summary small{color:#7e8893;font-size:.56rem}.meal-summary strong{overflow:hidden;color:#263f58;font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}.meal-summary>i{width:18px;height:1px;justify-self:center;background:linear-gradient(90deg,#567ab8,#f9bc00)}
.meal-card { padding:20px; border:1px solid rgba(0,62,112,.1); border-radius:21px; background:rgba(255,255,255,.87); box-shadow:0 10px 27px rgba(0,62,112,.09); backdrop-filter:blur(5px); }.meal-card>header{display:flex;align-items:center;gap:12px}.meal-card-icon{display:grid;width:49px;height:49px;flex:0 0 auto;place-items:center;border-radius:15px;color:#fff;background:linear-gradient(145deg,#567ab8,#003e70);box-shadow:0 7px 17px rgba(0,62,112,.18)}.meal-card-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.meal-card header small{color:#aa7b00;font-size:.59rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.meal-card h3{margin:3px 0 0;color:#24205e;font-family:Inter,Arial,sans-serif;font-size:1.08rem}.meal-card>p{margin:16px 0 0;color:#405269;font-size:.81rem;line-height:1.58}
.snack-detail { display:flex;align-items:center;gap:11px;margin-top:16px;padding:12px 13px;border-radius:14px;color:#294d6d;background:rgba(222,241,244,.72);font-size:.7rem;line-height:1.45}.snack-detail svg{width:25px;height:25px;flex:0 0 auto;fill:none;stroke:#567ab8;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.meal-attention { position:relative;display:flex;gap:13px;margin:15px 0;padding:18px;border:1px solid rgba(249,188,0,.42);border-radius:20px;color:#574817;background:linear-gradient(145deg,rgba(255,251,230,.94),rgba(255,244,202,.86));box-shadow:0 8px 22px rgba(135,96,0,.08)}.attention-mark{display:grid;width:39px;height:39px;flex:0 0 auto;place-items:center;border-radius:13px;color:#fff;background:#d99f00;font-family:Georgia,serif;font-size:1.2rem;font-weight:700}.meal-attention small{color:#8b690d;font-size:.58rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.meal-attention h3{margin:3px 0 7px;color:#5b4610;font-size:.91rem;line-height:1.25}.meal-attention p{margin:0;font-size:.73rem;line-height:1.5}
.lunch-card { position:relative;overflow:hidden }.lunch-card::after{position:absolute;right:-55px;bottom:-55px;width:145px;height:145px;border:20px solid rgba(86,122,184,.055);border-radius:50%;content:"";pointer-events:none}.lunch-format{position:relative;z-index:1;display:grid;grid-template-columns:74px 1fr;align-items:center;gap:13px;margin-top:17px;padding:14px;border:1px solid rgba(0,62,112,.08);border-radius:16px;background:rgba(240,248,248,.78)}.lunch-illustration{position:relative;display:grid;width:74px;height:64px;place-items:center;border-radius:13px;background:linear-gradient(145deg,#dff3f4,#fff2cc)}.lunch-box{display:grid;width:48px;height:32px;grid-template-columns:repeat(3,1fr);gap:3px;padding:4px;border:2px solid #003e70;border-radius:6px;transform:rotate(-4deg)}.lunch-box i{border-radius:3px;background:rgba(86,122,184,.35)}.lunch-illustration>svg{position:absolute;right:3px;bottom:2px;width:24px;height:30px;fill:none;stroke:#003e70;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.lunch-format>div:last-child{display:grid;gap:4px}.lunch-format strong{color:#263f58;font-size:.78rem}.lunch-format span{color:#596b7c;font-size:.68rem;line-height:1.4}.lunch-reason{position:relative;z-index:1;display:flex;gap:8px!important;margin-top:13px!important;color:#647383!important;font-size:.68rem!important}.lunch-reason>span{display:grid;width:18px;height:18px;flex:0 0 auto;place-items:center;border-radius:50%;color:#fff;background:#567ab8;font-family:Georgia,serif;font-weight:700}
.meal-footer-note { display:flex;gap:12px;margin-top:16px;padding:17px;border-radius:18px;color:#fff;background:linear-gradient(135deg,#292361,#003e70);box-shadow:0 9px 23px rgba(0,46,95,.16)}.meal-footer-note>svg{width:25px;height:25px;flex:0 0 auto;fill:none;stroke:#f9bc00;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.meal-footer-note p{display:grid;gap:4px;margin:0}.meal-footer-note strong{font-size:.8rem}.meal-footer-note span{font-size:.67rem;line-height:1.45;opacity:.8}
@media (min-width:781px){.meal-topbar{padding-inline:clamp(26px,8vw,110px)}.meal-content{padding-top:40px}.meal-hero{text-align:center}.meal-hero h2,.meal-hero p{margin-left:auto;margin-right:auto}}