:root{--fundo:#14120f;--texto:#f2f2ec;--texto-suave:#c9c4b8;--apagado:#8c877d;--roxo:#a488ff;--lima:#e3f24d;--traco:#f2f2ec2e}*{box-sizing:border-box}html,body{background:var(--fundo);color:var(--texto);min-height:100dvh;margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button{font:inherit;cursor:pointer;border-radius:0}input,textarea{font:inherit;border-radius:0}.anel{border:2.5px solid var(--roxo);border-radius:50%;width:72px;height:72px;margin:0 auto}.anel.esperando{animation:6s ease-in-out infinite respira}@keyframes respira{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}.anel.pensando{border-style:dashed;animation:8s linear infinite gira}@keyframes gira{to{transform:rotate(360deg)}}.anel.ouvindo{border-color:var(--texto);animation:1.2s ease-in-out infinite vibra}@keyframes vibra{0%,to{transform:scale(1)}30%{transform:scale(1.04)}60%{transform:scale(.99)}}@media (prefers-reduced-motion:reduce){.anel{animation:none!important}}.capsula{flex-direction:column;justify-content:center;align-items:center;gap:28px;min-height:100dvh;padding:32px 24px;display:flex}.miolo{text-align:center;flex-direction:column;gap:24px;width:100%;max-width:560px;display:flex}.titulo{letter-spacing:-.02em;text-wrap:balance;font-size:clamp(26px,5.5vw,40px);font-weight:800;font-stretch:75%;line-height:1.05}.corpo{color:var(--texto-suave);font-size:17px;line-height:1.55}.aviso{color:var(--apagado);border-top:1px solid var(--traco);padding-top:16px;font-size:13px}.botao{background:var(--roxo);color:#14120f;border:none;width:100%;padding:16px 28px;font-size:17px;font-weight:700;transition:background .25s}.botao:hover{background:var(--lima)}.botao:disabled{opacity:.4;cursor:default}.campo{border:2px solid var(--traco);width:100%;color:var(--texto);resize:vertical;background:0 0;min-height:96px;padding:14px 16px;font-size:17px}.campo:focus{border-color:var(--roxo);outline:none}input.campo{min-height:0}.pergunta{text-wrap:balance;white-space:pre-wrap;text-align:left;font-size:clamp(20px,4.2vw,28px);font-weight:650;line-height:1.3;animation:.9s cubic-bezier(.22,1,.36,1) surge}@keyframes surge{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.constelacao{justify-content:center;gap:14px;display:flex}.estrela{border:1.5px solid var(--apagado);border-radius:50%;width:8px;height:8px;transition:all .6s}.estrela.acesa{background:var(--roxo);border-color:var(--roxo)}.rotulo{letter-spacing:.14em;text-transform:uppercase;color:var(--apagado);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px}.palco{width:72px;height:72px;margin:0 auto;position:relative}.palco .anel{margin:0;position:absolute;inset:0}.eco{border:1.5px solid var(--roxo);pointer-events:none;border-radius:50%;animation:6s ease-out infinite pulso-eco;position:absolute;inset:0}@keyframes pulso-eco{0%{opacity:.5;transform:scale(1)}60%{opacity:0;transform:scale(2.1)}to{opacity:0;transform:scale(2.1)}}@media (prefers-reduced-motion:reduce){.eco{opacity:0;animation:none}}.capsula.compacta{gap:18px;padding-top:24px}.capsula.compacta .miolo{gap:14px}.capsula.compacta .corpo{font-size:15.5px}.capsula.compacta .aviso{border-top:none;padding-top:0;font-size:12px}.opcao{color:var(--texto);border:2px solid var(--roxo);background:0 0;padding:10px 18px;font-weight:600}.opcao.ativa{background:var(--roxo);color:#14120f}.capsula.conversa{justify-content:space-between;gap:16px}.topo{justify-content:space-between;align-items:center;width:100%;max-width:560px;padding-top:4px;display:flex}.mudo{color:var(--apagado);letter-spacing:.12em;text-transform:uppercase;background:0 0;border:none;padding:6px 0;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:10px}.mudo:hover{color:var(--texto)}.miolo.centro{flex:1;justify-content:center}.miolo.rodape{gap:12px}.acoes{align-items:stretch;gap:12px;display:flex}.microfone{border:2px solid var(--roxo);width:58px;color:var(--roxo);background:0 0;font-size:18px;transition:all .25s}.microfone:hover{background:var(--roxo);color:#14120f}.microfone.gravando{background:var(--texto);border-color:var(--texto);color:#14120f;animation:1.2s ease-in-out infinite vibra}.microfone:disabled{opacity:.4}.selo{opacity:.9;width:auto;height:26px;margin-top:4px}.capsula{justify-content:space-between;gap:14px;height:100dvh;min-height:0;padding:20px 24px;overflow:hidden}.palco{flex:none;width:56px;height:56px}.anel{width:56px;height:56px}.selo{flex:none;height:20px}.aviso{padding-top:8px;font-size:11.5px}.campo{min-height:64px;padding:10px 14px;font-size:16px}.miolo.centro{min-height:0;overflow-y:auto}.capsula{gap:clamp(12px,2.2vh,22px)}.miolo{gap:clamp(10px,1.8vh,18px)}.corpo{font-size:clamp(15px,2.1vh,17.5px);line-height:1.5}.botao{padding:clamp(12px,1.9vh,16px) 24px;font-size:clamp(15px,2.1vh,17px)}.campo{min-height:clamp(60px,11vh,100px)}.aviso{font-size:clamp(11px,1.6vh,13px)}.capsula{padding-left:max(24px, env(safe-area-inset-left));padding-right:max(24px, env(safe-area-inset-right));padding-bottom:max(20px, env(safe-area-inset-bottom))}.capsula:not(.conversa){justify-content:center;gap:clamp(20px,3.4vh,40px);position:relative}.capsula:not(.conversa) .selo{bottom:max(22px, env(safe-area-inset-bottom));position:absolute;left:50%;transform:translate(-50%)}.titulo{font-size:clamp(24px,5vh,50px)}.corpo{font-size:clamp(15px,2.3vh,19px)}.palco,.anel{width:clamp(56px,11vh,110px);height:clamp(56px,11vh,110px)}.pergunta{font-size:clamp(18px,3.4vh,30px)}.miolo{max-width:620px}.selo{height:clamp(28px,4.4vh,46px)}
