/* LUCRO NA MESA · DESIGN SYSTEM v1.6
   No new design direction: inherits approved cream/terracotta/3D visual of v1.5.
   High-touch components and continuous premium hierarchy throughout the existing flow. */
:root{--lnm16-cream:#fff7ec;--lnm16-rust:#dc5928;--lnm16-cocoa:#512418;--lnm16-soft:#ffe6ce;--lnm16-rim:#ecc1a7;--lnm16-shadow:0 13px 26px #85482224,0 2px 3px #9e532b13}
body[data-page^="edu."] .top{border-bottom:1px solid #ebc8ad88}
body[data-page^="edu."] .progress-wrap{margin-bottom:14px}
body[data-page^="edu."] .panel{
 background:radial-gradient(circle at 100% 1%,#fff5e6 0%,transparent 29%),linear-gradient(155deg,#fffdf9 0%,#fff9f3 61%,#fff0e5 100%);
 border:1.5px solid #f2c6aa;
 box-shadow:0 24px 53px #98542b24,0 5px 13px #b56b3e19,inset 0 2px 0 #ffffffeb;
}
body[data-page^="edu."] .panel-inner{padding-top:clamp(22px,4vw,38px)}
body[data-page^="edu."] .eyebrow{font-weight:1000;font-size:11px;color:#b54d28;letter-spacing:1.5px}
body[data-page^="edu."] .question{font-weight:1000;line-height:1.13;color:var(--lnm16-cocoa);text-wrap:balance;letter-spacing:-1.4px}
body[data-page^="edu."] .sub{max-width:56ch;font-size:15px;line-height:1.48;font-weight:620;color:#796051;margin:13px 0 18px}
body[data-page^="edu."] .choices{gap:10px;margin-top:14px}
body[data-page^="edu."] .choice{border-radius:21px;min-height:69px;background:linear-gradient(155deg,#fffefb,#fff0e1);border:1.5px solid #edc2a6;box-shadow:inset 0 1.5px 0 #fff,0 8px 15px #934d2723;transition:transform .24s cubic-bezier(.22,.7,.22,1),box-shadow .24s,border-color .24s,background .24s}
body[data-page^="edu."] .choice:focus-visible,body[data-page^="edu."] .primary:focus-visible,body[data-page^="edu."] .secondary:focus-visible,body[data-page^="edu."] .quiet-btn:focus-visible{outline:3px solid #e96d31;outline-offset:3px}
body[data-page^="edu."] .choice:hover{transform:translateY(-3px);box-shadow:0 14px 23px #9f4e2938,inset 0 1px #fff;border-color:#df986d}
body[data-page^="edu."] .choice:active{transform:scale(.985) translateY(1px)}
body[data-page^="edu."] .choice .choice-emoji{display:grid;place-items:center;flex:none;background:linear-gradient(148deg,#fff5e1,#f5c8a6);border:1px solid #f5d4ba;box-shadow:inset 0 2px 0 #fff,0 3px 8px #b5754736;color:#b95025;font-size:25px}
body[data-page^="edu."] .choice-text{font-weight:950;line-height:1.25;color:#592b1d;letter-spacing:-.3px}
body[data-page^="edu."] .choice-arrow{font-weight:950;font-size:29px;color:#ce6936}
/* 3D contextual vignette on every product path */
.lnm16-context{display:flex;align-items:center;gap:12px;position:relative;padding:10px 15px 10px 9px;margin:0 0 20px;border:1.5px solid #edc2a8;border-radius:23px;background:linear-gradient(138deg,#fff1dd,#fffaf2 67%,#ffe6cb);box-shadow:inset 0 2px #fff9,0 8px 18px #ac673324;overflow:hidden}
.lnm16-context:before{content:"";position:absolute;right:-30px;top:-38px;width:128px;height:128px;border:2px solid #fff6e66b;border-radius:50%;pointer-events:none}
.lnm16-context-art{width:83px;height:70px;border-radius:19px;display:grid;place-items:center;flex:none;background:radial-gradient(circle,#fff4da,#facdad);box-shadow:0 4px 9px #ad5e3338,inset 0 1px 0 #ffffff;overflow:hidden}
.lnm16-food-img{width:100%;height:100%;object-fit:cover;display:block;mix-blend-mode:multiply;transition:transform .35s ease}
.lnm16-context:hover .lnm16-food-img{transform:scale(1.09) rotate(-2deg)}
.lnm16-food-fallback{font-size:44px;line-height:1;filter:drop-shadow(0 4px 3px #af60384a)}
.lnm16-context-info{display:flex;flex-direction:column;min-width:0;gap:2px;flex:1;position:relative;z-index:1}
.lnm16-context-info span{font-size:11px;letter-spacing:.7px;text-transform:uppercase;color:#ad5732;font-weight:950}
.lnm16-context-info strong{font-size:19px;line-height:1.2;letter-spacing:-.5px;color:#53241a;font-weight:1000;overflow-wrap:anywhere}
.lnm16-context-spark{font-size:21px;color:#eda351;opacity:.85;align-self:flex-start;animation:lnm16-twinkle 3.5s ease-in-out infinite}
.lnm16-legacy-product{display:none!important}
/* Category cards use product art and a 2-up mobile grid, avoiding a seven-screen-long menu */
body[data-page="edu.kind"] .lnm16-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body[data-page="edu.kind"] .lnm16-category-grid>.choice{display:flex;flex-direction:column;min-height:168px;justify-content:center;gap:8px;padding:13px 9px 15px;border-radius:25px;text-align:center;transform:perspective(650px) rotateY(var(--mx,0deg)) rotateX(var(--my,0deg));background:radial-gradient(circle at 60% 2%,#fffaf4 10%,transparent 53%),linear-gradient(155deg,#fff9ed,#ffe7d1);box-shadow:inset 0 2px 0 #fff,0 9px 17px #b8693d2b}
body[data-page="edu.kind"] .lnm16-category-grid>.choice:hover{transform:perspective(650px) rotateY(var(--mx,0deg)) rotateX(var(--my,0deg)) translateY(-3px);box-shadow:0 14px 27px #ab5b303e}
body[data-page="edu.kind"] .lnm16-category-grid .choice-emoji{width:90px;height:90px;border-radius:26px;background:radial-gradient(circle,#fff6e2,#f2c49b);font-size:53px;overflow:hidden}
body[data-page="edu.kind"] .lnm16-category-grid .lnm16-food-img{width:100%;height:100%;object-fit:cover}
body[data-page="edu.kind"] .lnm16-category-grid .lnm16-food-fallback{font-size:57px}
body[data-page="edu.kind"] .lnm16-category-grid .choice-text{font-size:16px;font-weight:1000;min-height:38px;display:grid;place-items:center}
body[data-page="edu.kind"] .lnm16-category-grid .choice-arrow{display:none}
body[data-page="edu.kind"] .lnm16-category-grid>.choice:last-child:nth-child(odd){grid-column:1/-1;min-height:116px;display:grid;grid-template-columns:84px 1fr;align-items:center;justify-content:initial;text-align:left;padding-inline:16px}
body[data-page="edu.kind"] .lnm16-category-grid>.choice:last-child:nth-child(odd) .choice-emoji{width:70px;height:70px}
/* Ingredient cards and number-input stages get the same visual richness. */
body[data-page="edu.ing-choice"] .choice{min-height:70px}
body[data-page^="edu.ing"] .lnm16-ing-icon{font-size:33px;min-width:50px;width:50px;height:50px}
body[data-page^="edu.ing"] .edu-form{padding:18px 17px;margin:16px 0 20px;background:linear-gradient(170deg,#fff8ef,#fff0e4);border-radius:25px;border:1px solid #f0cbb2;box-shadow:0 9px 19px #ae653329,inset 0 2px #fff}
body[data-page^="edu.ing"] .edu-form .edu-label{font-weight:950;font-size:14px;color:#7d412a;margin:7px 0 0}
body[data-page^="edu.ing"] .edu-form .field{font-size:21px;font-weight:900;min-height:66px;border-radius:18px;box-shadow:0 4px 10px #af6a3715,inset 0 1px 2px #e7c8a777}
body[data-page^="edu.ing"] .edu-form .primary{margin-top:10px}
body[data-page^="edu.ing"] .lnm15-ingredient-current{border-radius:19px;box-shadow:0 7px 16px #a55e3124}
body[data-page^="edu.ing"] .lnm-quick{font-weight:950;border-radius:16px;min-height:49px}
body[data-page^="edu.ing"] .lnm-quick:hover{filter:brightness(1.045);transform:translateY(-1px)}
/* Automatic illustrated tips are truly contextual and COMPACT, not a mandatory lesson blocking the questions. */
body[data-page^="edu."] .lnm16-inline-card{display:grid;grid-template-columns:110px minmax(0,1fr);grid-template-rows:auto auto auto;max-height:none;border-radius:22px;margin:16px 0 20px;overflow:hidden;box-shadow:0 9px 19px #a564332b;background:#fff5e8}
body[data-page^="edu."] .lnm16-inline-card .lnm-inline-top{grid-column:2;grid-row:1;padding:11px 14px 0;align-self:end;background:transparent;min-height:0}
body[data-page^="edu."] .lnm16-inline-card .lnm-inline-top strong{font-size:12px;font-weight:1000;line-height:1.25}
body[data-page^="edu."] .lnm16-inline-card .lnm-inline-top span{display:none}
body[data-page^="edu."] .lnm16-inline-card .lnm-inline-visual{grid-column:1;grid-row:1/4;height:100%!important;min-height:134px;border-right:1px solid #e7ba96;overflow:hidden;background-color:#f2c4a0}
body[data-page^="edu."] .lnm16-inline-card .lnm-inline-visual .cinema-visual,body[data-page^="edu."] .lnm16-inline-card .lnm-inline-visual .cinema-frame{height:100%!important;min-height:134px}
body[data-page^="edu."] .lnm16-inline-card .lnm-inline-visual[data-kind='bolo']{background-size:auto 100%;background-position:51% center;animation:none}
body[data-page^="edu."] .lnm16-inline-card .lnm-inline-visual[data-kind='hamburguer']{background-size:145% auto;background-position:center;animation:lnm16-food-shift 6s ease-in-out infinite alternate}
body[data-page^="edu."] .lnm16-inline-card .lnm-inline-caption{grid-column:2;grid-row:2;min-height:0!important;padding:7px 14px 5px;background:transparent;color:#5e2c1f;font-size:14px;line-height:1.32;font-weight:820}
body[data-page^="edu."] .lnm16-inline-card .lnm-inline-progress{grid-column:2;grid-row:3;align-self:end;height:3px}
body[data-page^="edu."] .lnm16-inline-card .lnm-inline-foot{display:none}
body[data-page^="edu."] .lnm16-inline-card .cinema-overlay{display:none}
body[data-page^="edu."] .lnm16-inline-card .cinema-note{display:none}
body[data-page^="edu."] .lnm16-inline-card .lnm-voice-promo{display:none}
body[data-page^="edu."] .edu-story-prompt{border:1px solid #ebd0b7;background:linear-gradient(150deg,#fff5e9,#ffe5cf);border-radius:21px;margin:14px 0;padding:12px 14px;box-shadow:0 5px 12px #ae734129}
body[data-page^="edu."] .edu-story-prompt strong{color:#7a422b;font-weight:950}
body[data-page^="edu."] .edu-story-prompt .play-link{color:#b14c26;font-weight:900}
/* Big, legible results and elegant charts while keeping the existing financial calculations. */
body[data-page^="edu.result"] .edu-metric{position:relative;overflow:hidden;background:radial-gradient(circle at 92% 17%,#fffce4,transparent 39%),linear-gradient(125deg,#fff0d6,#fff8e7);border:1.6px solid #efcc9f;padding:23px 21px;border-radius:25px;box-shadow:inset 0 2px #fff,0 13px 22px #b6733a29}
body[data-page^="edu.result"] .edu-metric:after{content:"✦";position:absolute;right:18px;top:9px;font-size:38px;color:#d6a34e77;animation:lnm16-twinkle 3.7s ease-in-out infinite;pointer-events:none}
body[data-page^="edu.result"] .edu-metric small{font-size:15px;color:#8f5937;font-weight:900}
body[data-page^="edu.result"] .edu-metric strong{font-size:clamp(36px,8vw,54px);letter-spacing:-1.9px;color:#542918;font-weight:1000}
body[data-page="edu.result-contrib"] .edu-metric strong.green{color:#497829}
body[data-page^="edu.result"] .lnm-flow{background:linear-gradient(140deg,#fffbf5,#fff0e1);border:1px solid #f2c8ab;border-radius:25px;padding:19px 17px;box-shadow:0 11px 22px #b8734326;margin:21px 0}
body[data-page^="edu.result"] .lnm-flow-title{font-weight:1000;font-size:16px;color:#61301e}
body[data-page^="edu.result"] .lnm-flow-track{height:46px;border-radius:15px;overflow:hidden;box-shadow:inset 0 2px 4px #5e341b22}
body[data-page^="edu.result"] .lnm-flow-entry{border-bottom-color:#eec9b3}
body[data-page^="edu.result"] .lnm-flow-entry:last-child{background:linear-gradient(115deg,#e9f3db,#d8e9c2);padding:12px;border:1px solid #bed5a4;color:#385e22;box-shadow:inset 0 1px #fff8}
.lnm16-result-note,.lnm16-sim-note{font-size:13px;line-height:1.47;color:#7b5b44;font-weight:740;background:#fff8ed;border:1px solid #efd9c3;border-radius:16px;padding:11px 14px;margin:11px 0 15px}
.lnm16-result-note span{font-size:18px;vertical-align:middle;margin-right:5px}
body[data-page^="edu."] .edu-compare>div,body[data-page^="edu."] .edu-recipe-row,body[data-page^="edu."] .edu-dash-lead{background:linear-gradient(160deg,#fffdfa,#ffeedf);border:1.5px solid #f2cab0;border-radius:21px;box-shadow:0 7px 17px #b56e3920,inset 0 2px #fff}
body[data-page^="edu."] .edu-compare>div+div{background:linear-gradient(140deg,#f3f8e9,#dff0cf);border-color:#c3d8ae}
body[data-page^="edu."] .edu-recipe-row strong{font-weight:950;color:#63301f}
body[data-page^="edu."] .edu-mini{font-weight:950;border-radius:14px;min-height:42px}
body[data-page^="edu."] .edu-main-action .primary,body[data-page^="edu."] .primary{font-weight:1000;letter-spacing:-.2px}
/* Maria's ORIGINAL approved character: subtle face animation + body breathing during actual narration. */
.lnm16-maria-scene{height:100%;width:100%;display:flex;align-items:stretch;justify-content:center;background:radial-gradient(circle at 26% 55%,#ffe7c6,#fbd1a9 63%,#f6b989);position:relative;overflow:hidden}
.lnm16-chef-stage{position:relative;align-self:center;flex:none;width:min(63%,310px);aspect-ratio:393/312;overflow:hidden;border-radius:21px;box-shadow:0 13px 24px #8e41294d,0 1px 1px #fff6e2 inset;transform-origin:50% 85%}
.lnm16-chef-base{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transform-origin:50% 75%;animation:lnm16-breathe 4.2s ease-in-out infinite}
.lnm16-face{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.lnm16-eyelids{opacity:0;animation:lnm16-blink 5.1s steps(1,end) infinite}
.lnm16-mouth{transform-origin:275px 146px;transform:scaleY(.04);opacity:0;transition:opacity .16s}
body.lnm16-speaking .lnm16-mouth{opacity:.94;animation:lnm16-talk .38s ease-in-out infinite alternate}
body.lnm16-speaking .lnm16-chef-stage{animation:lnm16-gesture 4.4s ease-in-out infinite}
.lnm16-maria-side{position:relative;flex:1;min-width:0;padding:15px 11px;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;color:#59271d;text-shadow:0 1px #ffeddb}
.lnm16-maria-side strong{font-size:clamp(15px,3vw,22px);font-weight:1000;line-height:1.1;letter-spacing:-.4px}
.lnm16-maria-side small{font-size:10px;font-weight:780;color:#935d43}
.lnm16-bubble{align-self:flex-start;font-size:clamp(26px,5vw,41px);background:#fffbefbf;border:1px solid #fff5db;border-radius:19px;padding:8px 13px;box-shadow:0 7px 14px #873e2d37;animation:lnm15-object-float 3s ease-in-out infinite}
.lnm-voice-art{height:270px}
.lnm-voice-subtitle{font-weight:900;color:#592a21}
.lnm-voice-actions button{font-weight:950}
.lnm-voice-main{box-shadow:inset 0 2px #ffab7e,0 8px 15px #ae4c302e}
@keyframes lnm16-blink{0%,90%,94%,100%{opacity:0}91%,92%,93%{opacity:1}}
@keyframes lnm16-talk{0%{transform:scaleY(.12)}36%{transform:scaleY(.65)}80%{transform:scaleY(.98)}100%{transform:scaleY(.3)}}
@keyframes lnm16-breathe{0%,100%{transform:scale(1.005) translateY(0)}50%{transform:scale(1.022) translateY(-2px)}}
@keyframes lnm16-gesture{0%,100%{transform:rotate(-.6deg) translateY(1px)}50%{transform:rotate(.8deg) translateY(-2px)}}
@keyframes lnm16-food-shift{0%{background-size:140% auto}100%{background-size:160% auto}}
@keyframes lnm16-twinkle{0%,100%{opacity:.4;transform:rotate(-6deg) scale(.83)}50%{opacity:1;transform:rotate(7deg) scale(1.05)}}
/* Keep mobile readable at all widths; never let decorative art crowd fields. */
@media(min-width:720px){body[data-page="edu.kind"] .lnm16-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}body[data-page="edu.kind"] .lnm16-category-grid>.choice{min-height:185px}body[data-page="edu.kind"] .lnm16-category-grid>.choice:last-child:nth-child(odd){grid-column:auto;display:flex;flex-direction:column;text-align:center;min-height:185px}}
@media(max-width:550px){
 body[data-page^="edu."] .panel-inner{padding:24px 20px 27px}
 body[data-page^="edu."] .question{font-size:clamp(28px,7.3vw,35px)}
 body[data-page="edu.kind"] .lnm16-category-grid>.choice{min-height:150px;padding:12px 5px}
 body[data-page="edu.kind"] .lnm16-category-grid .choice-emoji{height:79px;width:79px}
 body[data-page="edu.kind"] .lnm16-category-grid .choice-text{font-size:15px}
 .lnm16-context{padding:8px 11px 8px 8px;border-radius:19px;gap:10px;margin-bottom:17px}
 .lnm16-context-art{width:67px;height:63px;border-radius:16px}
 .lnm16-context-info strong{font-size:17px}
 body[data-page^="edu."] .lnm16-inline-card{grid-template-columns:99px minmax(0,1fr)}
 body[data-page^="edu."] .lnm16-inline-card .lnm-inline-visual{min-height:126px}
 body[data-page^="edu."] .lnm16-inline-card .lnm-inline-top{padding:10px 9px 0}
 body[data-page^="edu."] .lnm16-inline-card .lnm-inline-top strong{font-size:12px}
 body[data-page^="edu."] .lnm16-inline-card .lnm-inline-caption{padding:6px 9px 4px;font-size:13px}
 body[data-page^="edu."] .edu-form{padding:14px 12px}
 .lnm-voice-art{height:235px}
 .lnm16-chef-stage{width:min(67%,290px)}
}
@media(max-width:350px){
 body[data-page^="edu."] .panel-inner{padding:20px 14px 23px}
 body[data-page="edu.kind"] .lnm16-category-grid{gap:8px}
 body[data-page="edu.kind"] .lnm16-category-grid>.choice{min-height:138px}
 body[data-page="edu.kind"] .lnm16-category-grid .choice-emoji{width:68px;height:68px}
 body[data-page="edu.kind"] .lnm16-category-grid .choice-text{font-size:14px}
 .lnm16-context-art{width:59px;height:58px}
 .lnm16-context-info strong{font-size:15px}
 .lnm16-maria-side{padding:10px 7px}
}
@media(prefers-reduced-motion:reduce){
 .lnm16-food-img,.lnm16-chef-base,.lnm16-eyelids,.lnm16-mouth,.lnm16-chef-stage,.lnm16-bubble,.lnm16-context-spark,body[data-page^="edu."] .choice,body[data-page^="edu."] .edu-metric:after{animation:none!important;transition:none!important;transform:none!important}
 body.lnm16-speaking .lnm16-mouth{opacity:0}
}