html,body,#root{height:100%;margin:0}app-chat{display:contents}body{background:#fff;color:#111827;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.stage{position:relative;height:100%;display:flex;flex-direction:column;overflow:hidden;background:#f3f4f6}.paisagem{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.paisagem img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);opacity:.15}.shell,.credito{position:relative;z-index:1}.shell{flex:1;min-height:0;width:100%;display:flex;flex-direction:column;overflow:hidden;background:#fff}.top{display:flex;align-items:center;gap:12px;flex-shrink:0;padding:16px 18px;background:linear-gradient(135deg,var(--brand, #0b6e4f),var(--brand-dark, #084e38));color:var(--on-brand, #ffffff);box-shadow:0 2px 6px #00000026;position:relative;z-index:1}.header-text{display:flex;flex-direction:column;line-height:1.3;gap:2px}.top h1{margin:0;font-size:18px;font-weight:700}.status{display:inline-flex;align-items:center;width:fit-content;padding:3px 10px;border-radius:999px;font-size:12.5px;font-weight:700;letter-spacing:.02em;background:#ffffff2e;color:#ffffffeb}.avatar{width:44px;height:44px;border-radius:999px;background:#ffffff40;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar svg{display:block}.log{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:16px 14px;background-color:#f3f4f6;background-image:radial-gradient(rgba(0,0,0,.05) 1px,transparent 1px);background-size:16px 16px;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}.disclaimer{align-self:center;display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;max-width:92%;margin:0 0 4px;padding:8px 14px;border-radius:999px;background:#ffffffe6;color:#6b7280;font-size:13px;line-height:1.35;text-align:center}.disclaimer svg{flex-shrink:0}.disclaimer span{min-width:0}.bubble{position:relative;max-width:84%;padding:10px 14px;border-radius:14px;font-size:15.5px;line-height:1.45;box-shadow:0 1px 1px #0000001a}.bubble.assistant{align-self:flex-start;background:#fff;color:#111827;border-bottom-left-radius:3px}.bubble.user{align-self:flex-end;background:var(--brand, #0b6e4f);color:var(--on-brand, #ffffff);border-bottom-right-radius:3px}.bubble.failed{box-shadow:0 0 0 1.5px #ef4444,0 1px 1px #0000001a}.bubble-text{white-space:pre-wrap;word-break:break-word}.bubble-text p{margin:0}.bubble-text strong{font-weight:700}.bubble-text code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;background:#00000014;padding:1px 5px;border-radius:4px}.bubble.user .bubble-text code{background:#fff3}.bubble-text ul,.bubble-text ol{margin:4px 0;padding-left:18px}.bubble-text a{color:inherit}.bubble.typing{display:flex;align-items:center;gap:4px;padding:10px 12px}.bubble.typing .dot{width:6px;height:6px;border-radius:999px;background:#6b7280;animation:bounce 1.1s infinite ease-in-out}.bubble.typing .dot:nth-child(2){animation-delay:.15s}.bubble.typing .dot:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.send-error{align-self:center;display:flex;align-items:center;gap:8px;font-size:14px;color:#ef4444;text-align:center;padding:2px 4px}.send-error button{border:0;background:none;color:#ef4444;font-weight:700;font-size:14px;cursor:pointer;text-decoration:underline;padding:0}.send-error button:disabled{cursor:default;opacity:.6}.composer{display:flex;flex-direction:column;align-items:stretch;gap:10px;flex-shrink:0;border-top:1px solid #e5e7eb;padding:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom));background:#fff}.desafio{display:flex;justify-content:center;width:100%;min-height:65px}.desafio-erro{margin:0;font-size:14px;color:#ef4444;text-align:center}.composer-linha{display:flex;align-items:flex-end;gap:10px}.field{flex:1;display:flex}.field textarea{width:100%;resize:none;border:1px solid #e5e7eb;border-radius:22px;padding:12px 16px;font:inherit;font-size:16px;line-height:22px;max-height:96px;background:#f3f4f6;color:#111827}.field textarea::placeholder{color:#6b7280}.field textarea:focus{outline:none;border-color:var(--brand, #0b6e4f)}.field textarea:disabled{opacity:.6}.composer .send{flex-shrink:0;box-sizing:border-box;width:48px;height:48px;border-radius:999px;border:0;background:var(--brand, #0b6e4f);color:var(--on-brand, #ffffff);cursor:pointer;display:flex;align-items:center;justify-content:center}.composer .send:disabled{opacity:.5;cursor:default}.composer .send:focus-visible,.send-error button:focus-visible,.field textarea:focus-visible{outline:2px solid #111827;outline-offset:2px}.boot-error{margin:1.1rem;color:#6b7280}.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.credito{flex:none;display:flex;justify-content:center;align-items:center;padding:8px 0 9px;background:#f3f4f6}.credito img{height:16px;width:auto}@media(min-width:48rem){.stage{align-items:center;justify-content:center;box-sizing:border-box;padding:1.25rem 1.5rem .75rem;background:#f3f4f6}.shell{flex:0 1 auto;width:min(48rem,100%);height:calc(100% - 2rem);border:1px solid rgba(255,255,255,.8);border-radius:28px;box-shadow:0 22px 50px #2418381a}.credito{background:transparent;padding:10px 0 0}.credito img{height:18px}.top{padding:18px 20px}.top h1{font-size:20px}.avatar{width:48px;height:48px}.disclaimer{font-size:14px}.bubble{font-size:16px}.composer{padding:14px 16px;padding-bottom:calc(14px + env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.bubble.typing .dot{animation:none;opacity:.7}}