:root{--papel: #f3efe7;--papel-revelado: #e8ddd2;--tinta: #171512;--suave: #6a6358;--linha: #d9d2c6;--card: #fffdf8;--card-pergunta: #fff8ee;--card-resposta: #1c3d38;--tinta-resposta: #f4efe6;--suave-resposta: #c5d4cf;--accento: #c45c26;--accento-resposta: #e8c08a}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Outfit,system-ui,sans-serif;background:var(--papel);color:var(--tinta);line-height:1.45;transition:background-color .5s ease}body:has(.cards-fase.revelado){background:var(--papel-revelado)}h1,.marca{font-family:Newsreader,Georgia,serif;letter-spacing:-.03em;line-height:1.1}h1{font-size:clamp(2rem,6vw,3.2rem);margin:0 0 12px;max-width:16ch}button{font:inherit}.app{min-height:100vh;background:inherit}.fase{min-height:100vh;padding:28px 20px 48px}.centro{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.marca{margin:0 0 18px;font-size:1.35rem;font-weight:700}.lead{margin:0 0 28px;color:var(--suave);max-width:36ch}.drop{width:min(420px,100%);border:2px dashed var(--linha);background:var(--card);border-radius:20px;padding:42px 20px;cursor:pointer;display:grid;gap:6px;color:inherit}.drop strong{font-size:1.15rem}.drop span{color:var(--suave);font-size:.95rem}.drop.ativo,.drop:hover{border-color:var(--tinta)}.alerta{margin:18px 0 0;color:#8c2f1b;max-width:40ch}.chave-ia{display:grid;gap:8px;width:min(420px,100%);margin-top:28px;text-align:left}.chave-ia span{font-size:.85rem;font-weight:600}.chave-ia input{font:inherit;padding:10px 12px;border:1px solid var(--linha);border-radius:12px;background:var(--card);color:inherit}.chave-ia small{color:var(--suave);font-size:.82rem;line-height:1.4}.chave-ia a{color:var(--tinta)}.load h1{max-width:14ch}.pulso{width:18px;height:18px;margin-bottom:22px;border-radius:50%;background:var(--accento);animation:pulso 1.1s ease-in-out infinite}@keyframes pulso{0%,to{transform:scale(.85);opacity:.55}50%{transform:scale(1.15);opacity:1}}.cards-fase{max-width:640px;margin:0 auto;display:flex;flex-direction:column;min-height:100vh;max-height:100vh;overflow:hidden;transition:background-color .5s ease}.app:has(.cards-fase.revelado){background:var(--papel-revelado)}.progresso{height:3px;margin:0 0 18px;background:var(--linha);border-radius:99px;overflow:hidden}.progresso span{display:block;height:100%;background:var(--accento);border-radius:99px;transition:width .35s ease}.barra{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:16px}.barra .marca{margin:0}.link{background:none;border:0;padding:0;color:var(--suave);cursor:pointer;text-decoration:underline}.arquivo{margin:0;color:var(--suave);font-size:.9rem}.contador{margin:4px 0 18px;font-weight:600}.flash-cena{flex:1;min-height:240px;min-width:0;width:100%;position:relative;perspective:1400px}.flash-cena.frente{animation:entra-frente .38s ease}.flash-cena.volta{animation:entra-volta .38s ease}@keyframes entra-frente{0%{opacity:.35;transform:translate(28px)}to{opacity:1;transform:none}}@keyframes entra-volta{0%{opacity:.35;transform:translate(-28px)}to{opacity:1;transform:none}}.flash{position:absolute;inset:0;width:100%;height:100%;min-height:0;padding:0;border:0;background:transparent;cursor:pointer;color:inherit;text-align:left;transform-style:preserve-3d;transition:transform .62s cubic-bezier(.22,.8,.28,1)}.flash.virado{transform:rotateY(180deg)}.face{position:absolute;inset:0;display:flex;flex-direction:column;gap:12px;padding:28px 26px;border-radius:22px;overflow:auto;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 18px 40px #281c1014;scrollbar-width:thin}.face.frente{background:var(--card-pergunta);border:1px solid #eadfcf;color:var(--tinta);transform:rotateY(0)}.face.verso{background:var(--card-resposta);border:1px solid #16312d;color:var(--tinta-resposta);transform:rotateY(180deg)}.flash .corpo{margin:0;font-family:Newsreader,Georgia,serif;font-size:clamp(1.08rem,2.4vw,1.38rem);font-weight:650;letter-spacing:-.02em;line-height:1.4;overflow-wrap:break-word;word-break:break-word}.flash small{font-size:.9rem;color:var(--suave-resposta)}.dica-virar{display:inline-flex;align-items:center;gap:8px;margin-top:auto;align-self:flex-start;padding:10px 14px;border-radius:999px;font-size:.92rem;font-weight:700;font-style:normal;letter-spacing:.01em;animation:dica-pulso 1.8s ease-in-out infinite}.face.frente .dica-virar{color:#7a3214;background:#f3d9c4}.face.verso .dica-virar{color:#1c3d38;background:var(--accento-resposta);animation:none}.flash.virado .dica-virar{animation:none}@keyframes dica-pulso{0%,to{transform:scale(1);opacity:.88}50%{transform:scale(1.04);opacity:1}}.btn.virar-cta{flex:0 0 auto;width:100%;margin:14px 0 0;background:var(--accento);color:#fff8ee}.cards-fase.revelado .btn.virar-cta{background:#16312d;color:var(--tinta-resposta);border:1px solid var(--accento-resposta)}.topo{display:flex;align-items:center;justify-content:space-between;gap:12px}.pagina{font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--accento)}.face.verso .pagina{color:var(--accento-resposta)}.lado{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;padding:4px 10px;border-radius:999px}.face.frente .lado{color:#8a3a18;background:#f3d9c4}.face.verso .lado{color:#1c3d38;background:var(--accento-resposta)}.controles{display:flex;gap:10px;margin:18px 0 12px}.btn{background:var(--tinta);color:#f7f1e8;border:0;padding:12px 16px;border-radius:999px;cursor:pointer;font-weight:600}.controles .btn{flex:1}.btn.secundario{background:transparent;color:var(--tinta);border:1px solid var(--tinta)}.btn:disabled{opacity:.35;cursor:default}.inutil{align-self:center}@media(max-width:600px){.flash-cena{min-height:220px}}@media(prefers-reduced-motion:reduce){.flash,.flash-cena,.progresso span,.cards-fase,.app:has(.cards-fase.revelado),.dica-virar{transition:none;animation:none}.flash.virado,.face.verso{transform:none}.flash:not(.virado) .face.verso,.flash.virado .face.frente{display:none}}
