/* Extensão visual da v0.4: acolhedor, adulto, uma pergunta por vez. */
:root {--paper:#f7f1e9;--white:#fffefa;--ink:#302820;--muted:#746b62;--brand:#cf6c4b;--brand-dark:#a74b36;--green:#366a50;--mint:#edf2e7;--line:#eaded4;--light:#faf4ed;--shadow:0 14px 35px rgba(83,54,34,.075);--focus:#ffb06e}
body {background:radial-gradient(circle at 10% 0%,#fce4d3 0,transparent 26rem),var(--paper)}
.top{padding-top:17px;padding-bottom:14px}
.brand-logo{background:linear-gradient(145deg,#df8961,#bb6041);box-shadow:0 8px 18px #cc765a37}
.brand-words strong{font-size:18px;letter-spacing:-.55px}
.panel{border-color:#f0e6dd;border-radius:30px}
.panel-inner{padding:clamp(23px,4.5vw,49px)}
.question{font-size:clamp(30px,4.5vw,46px);letter-spacing:-1.25px;line-height:1.17}
.sub{color:#766b60;max-width:600px;font-size:16px;line-height:1.55}
.eyebrow{color:#a35038;font-size:11px}
.choices{gap:10px;margin-top:24px}
.choice{border-radius:17px;border:1.5px solid #eaddd3;background:#fffaf5;min-height:67px}
.choice:hover{border-color:#de996f;background:#fff6ed}
.choice-emoji{background:#fae7d9;border-radius:14px}
.primary{background:linear-gradient(145deg,#da8056,#bd5d3e);box-shadow:0 10px 24px #c7634336;border-radius:16px}
.primary:hover{filter:brightness(.97)}
.progress-fill{background:linear-gradient(90deg,#ce714e,#f2ae72)}
.secondary{color:#8a5747}
.lesson{background:#f2f4e9;border-color:#dce4cf}
.lesson-content strong{color:#496348}.play-link{color:#4b7a56}
.in-form{max-width:530px}.in-form>.secondary{justify-self:center}
.edu-panel{position:relative}.edu-panel>.eyebrow{margin-bottom:12px}
.edu-label{color:#68574f;font-weight:800;font-size:13px;margin:7px 0 -4px}
.edu-form{gap:10px}
.edu-textfield{font-size:20px}
.edu-field-wrap{position:relative}
.edu-field-wrap .field{padding-right:105px}
.edu-suffix{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:13px;font-weight:850;color:#7a6357;background:#f6eee6;padding:7px 11px;border-radius:9px;pointer-events:none}
.edu-select{width:100%;min-height:58px;background:#fff;border:1.5px solid #dbd6cf;border-radius:14px;padding:12px 14px;color:#342b26;font-weight:760;font-size:17px}
.edu-quality-select{font-size:15px}.edu-quality{display:inline-flex;align-items:center;border-radius:90px;background:#e9f0e7;color:#416753;border:1px solid #d4e4d5;padding:4px 9px;font-size:10px;font-weight:800;white-space:nowrap}
.edu-quality.estimated{background:#fff1e0;color:#936537;border-color:#f3d4ac}
.edu-fine{display:block;font-size:12px;color:#80776b;line-height:1.6;margin-top:8px}
.edu-story-prompt{display:flex;gap:12px;align-items:center;margin:24px 0 5px;padding:13px 15px;border-radius:17px;background:#eff3e7;border:1px solid #dbe7d0}
.edu-story-symbol{height:44px;width:44px;display:grid;place-items:center;flex:none;border-radius:14px;background:#fff;color:#4a7858;font-size:17px}
.edu-story-prompt strong{display:block;font-size:14px;color:#385a46}
.edu-story-prompt .play-link{font-size:13px}
.edu-metric{margin:26px 0 15px;border-radius:20px;padding:22px;background:linear-gradient(135deg,#fff0e1,#fff7ec);border:1px solid #f6dccb;display:flex;align-items:flex-start;flex-direction:column;gap:6px}
.edu-metric small{font-weight:800;color:#845a47;font-size:14px}
.edu-metric strong{font-size:clamp(35px,6.2vw,55px);letter-spacing:-1.4px;font-weight:900;line-height:1.12;color:#3f332b}
.edu-metric strong.green{color:#397250}
.edu-metric .edu-quality{margin-top:5px}
.edu-result-small{display:flex;gap:6px;flex-direction:column;padding:19px;background:#f7f7f0;border:1px solid #e3e6dc;border-radius:17px;margin:22px 0}
.edu-result-small span{font-size:13px;color:#736e64;font-weight:780}.edu-result-small strong{font-size:30px;color:#365e46;font-weight:870}.edu-result-small small{color:#746f66;font-size:12px;line-height:1.5}
.edu-recipe-list{display:grid;gap:9px;margin:22px 0;max-height:420px;overflow-y:auto}
.edu-recipe-row{padding:13px 15px;border:1px solid #e8e1d6;border-radius:15px;background:#fffaf5;display:flex;align-items:center;gap:10px;justify-content:space-between;font-size:13px}
.edu-recipe-row>div{flex:1;min-width:0}.edu-recipe-row strong{color:#45392f;font-size:14px}.edu-recipe-row small{display:block;color:#786e63;margin-top:5px;line-height:1.5}
.edu-recipe-row small .edu-quality{margin:3px 0}.edu-recipe-row>strong{white-space:nowrap}.edu-mini{border:1px solid #e3cab5;background:#fff8ed;color:#90573e;border-radius:10px;padding:9px 11px;font-weight:750;font-size:12px;flex:none;cursor:pointer}
.edu-inline-actions{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0 0}.edu-inline-actions .primary,.edu-inline-actions .ghost{flex:1;min-width:180px}
.edu-main-action{margin-top:24px;display:flex}.edu-main-action .primary{width:100%}
.edu-shortcuts{display:grid;gap:10px;margin:24px 0}.edu-shortcuts .choice{min-height:56px;font-size:15px}.edu-shortcuts .choice-emoji{width:35px;height:35px;font-size:20px}
.edu-welcome-visual{height:183px;margin-top:20px;border-radius:20px;overflow:hidden}.edu-welcome-visual svg{height:100%;width:100%;display:block}
.edu-illustrated-person{animation:edu-nod 4s ease-in-out infinite;transform-origin:210px 140px}
@keyframes edu-nod{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.edu-celebration{display:flex;align-items:center;justify-content:center;gap:16px;background:#fce8d6;color:#8c543b;font-weight:800;padding:34px 10px;border-radius:20px;margin-top:22px}
.edu-dash-lead{background:#fff0e3;border-radius:18px;padding:23px;display:flex;flex-direction:column;gap:9px;margin-top:20px}.edu-dash-lead small{color:#996046;font-weight:800}.edu-dash-lead strong{font-size:26px;letter-spacing:-.5px}.edu-dash-lead span{font-size:14px;color:#665a50}
.edu-compare{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:23px 0}.edu-compare>div{padding:19px 14px;background:#fff0e6;border:1px solid #f0d5c1;border-radius:18px;display:flex;flex-direction:column;gap:10px}.edu-compare>div+div{background:#eaf1e9;border-color:#d6e7d6}.edu-compare span{color:#6e5d52;font-size:12px;font-weight:750}.edu-compare strong{font-size:clamp(24px,4.1vw,39px);letter-spacing:-.75px;overflow-wrap:anywhere}.edu-compare small{font-size:12px;color:#80756c}
.edu-sources{background:#fffaf3;border:1px solid #ede4d8;border-radius:17px;padding:20px;margin-top:20px}.edu-sources p{margin:0;padding:13px 0;border-bottom:1px solid #f0e4d5;font-size:14px;line-height:1.55}.edu-sources p:last-child{border:0}
.edu-check{display:flex;gap:10px;align-items:center;color:#675e56;font-size:13px;line-height:1.4}.edu-check input{width:22px;height:22px;flex:none}
.edu-hero-new{background:#f4dfca;overflow:hidden;min-height:300px;border-radius:0 24px 24px 0;display:grid;place-items:center}
.edu-hero-new svg{width:100%;height:auto;max-height:325px}
@media(max-width:680px){.panel-inner{padding:28px 21px}.question{font-size:clamp(29px,7.7vw,41px)}.sub{font-size:15px}.edu-metric{padding:18px}.edu-recipe-row{flex-wrap:wrap}.edu-recipe-row small{font-size:11px}.edu-recipe-row>strong{font-size:13px}.edu-main-action{margin-top:20px}.edu-shortcuts .choice{font-size:14px}.edu-hero-new{min-height:170px;border-radius:0}.edu-hero-new svg{height:170px}.edu-welcome-visual{height:150px}.edu-compare>div{padding:15px 12px}.edu-compare strong{font-size:26px}.edu-quality-select{font-size:14px}}
@media(prefers-reduced-motion:reduce){.edu-illustrated-person{animation:none}}