@charset "UTF-8";
:root{color-scheme:dark;--gold:#ffa962;--paper:#ffeedc;--ink:#fff8f3;--border:rgba(255,202,156,.35)}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:#090b13;color:var(--ink);font-family:"Segoe UI",Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}a{text-decoration:none;color:inherit}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:2px solid #dcb2ff;outline-offset:3px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.chat-app,.desktop-layout{position:relative;width:100%;height:100svh;overflow:hidden}.desktop-layout{background:#13101a}.backdrop-blur{position:absolute;inset:-30px;background:url('../assets/conversar-ideia-1-original.webp') center/cover;filter:blur(28px) brightness(.57);opacity:.95}
.artboard{position:absolute;left:50%;top:50%;width:1672px;height:941px;transform:translate(-50%,-50%) scale(var(--scale,1));transform-origin:center;overflow:hidden;isolation:isolate;box-shadow:0 0 66px rgba(2,2,8,.32)}.artboard__image{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none}
.hotspot{position:absolute;border:1px solid transparent;border-radius:18px;background:transparent;z-index:3;cursor:pointer;transition:background .22s,border-color .22s,box-shadow .22s}.hotspot:hover,.hotspot:focus-visible{background:rgba(255,184,123,.085);border-color:rgba(255,192,132,.55);box-shadow:0 0 22px rgba(255,136,72,.15)}.hotspot--icon{border-radius:22px}.hotspot--selected{cursor:default}.hotspot--selected:hover{background:transparent;border-color:transparent;box-shadow:none}
.desktop-state{position:absolute;left:21px;bottom:22px;width:87px;height:142px;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px;padding:0 5px 12px;text-align:center;border-radius:20px;background:linear-gradient(0deg,#090c13 0%,#0c0e14 76%,transparent 100%);font-size:10px;color:#d8bbb1}.state-dot{width:8px;height:8px;display:inline-block;border-radius:50%;background:#e2a363;box-shadow:0 0 15px #e2a36370}.is-connected .state-dot{background:#6de1be;box-shadow:0 0 15px #6de1be7a}.is-connected .status-text{color:#d8f7ec}
.composer{display:flex;align-items:center;background:linear-gradient(100deg,rgba(10,11,16,.97),rgba(26,18,24,.96) 78%,rgba(38,21,18,.97));border:1px solid rgba(244,175,132,.41);box-shadow:0 8px 25px rgba(0,0,0,.42),inset 0 1px 1px rgba(255,255,255,.055);border-radius:100px}.desktop-composer{position:absolute;z-index:7;left:280px;top:778px;width:1095px;height:96px;padding:7px 8px 7px 23px}.composer__attach,.composer__mic{border:0;background:transparent;color:#f8ecdf;display:grid;place-items:center;flex:none;transition:background .25s,transform .25s}.composer__attach{width:45px;height:52px;border-radius:50%}.composer__mic{width:66px;height:66px;border-radius:50%;background:rgba(99,76,77,.20);margin-right:12px}.composer__attach:hover,.composer__mic:hover{background:rgba(255,190,133,.13);transform:scale(1.06)}.composer svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.message-input{flex:1;min-width:0;max-height:150px;height:46px;resize:none;border:0;outline:0!important;background:transparent;color:white;font-size:22px;line-height:1.4;padding:7px 11px;margin:0 8px}.message-input::placeholder{color:#9d9a9c}.composer__send{width:79px;height:79px;display:grid;place-items:center;flex:none;border:1.7px solid #ffcf9d;border-radius:50%;background:radial-gradient(circle at 45% 45%,rgba(255,156,80,.37),rgba(68,27,21,.70) 65%,rgba(9,9,13,.98));box-shadow:0 0 19px #ff963b8e,inset 0 0 18px #ffb25c37;color:white;transition:transform .25s,box-shadow .25s}.composer__send svg{width:32px;height:32px}.composer__send:hover{transform:scale(1.06);box-shadow:0 0 29px #ffb364a9}
.mobile-layout{display:none}.conversation-panel{position:fixed;z-index:10;left:max(130px,8vw);top:clamp(110px,13vh,160px);width:min(540px,42vw);height:min(500px,59vh);display:flex;flex-direction:column;background:rgba(10,12,19,.90);border:1px solid rgba(255,198,153,.23);border-radius:25px;box-shadow:0 16px 70px #0009;backdrop-filter:blur(26px);animation:panel-in .35s ease both}.conversation-panel__header{display:flex;align-items:center;justify-content:space-between;padding:23px 26px 18px;border-bottom:1px solid rgba(255,200,140,.15)}.conversation-panel__header h2{font-size:23px;font-weight:400;margin:7px 0 0}.eyebrow{font-size:9px;letter-spacing:.24em;color:#f4b887}.panel-close{border:1px solid #ffffff30;border-radius:50%;color:white;background:#ffffff09;width:34px;height:34px;font-size:24px;line-height:1}.messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:18px;padding:22px 22px 14px;scrollbar-width:thin}.message{max-width:92%;align-self:flex-start}.message--user{align-self:flex-end}.message__who{display:block;font-size:10px;letter-spacing:.17em;color:#d4b49e;margin-bottom:6px}.message--user .message__who{text-align:right}.message__text{display:block;padding:13px 17px;background:rgba(42,41,52,.89);border:1px solid #ffffff18;border-radius:15px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.48;font-size:14px}.message--user .message__text{background:rgba(124,73,65,.30);border-color:#ffb48b4d}.panel-foot{padding:11px 23px 15px;border-top:1px solid #ffffff14;font-size:10px;color:#cbbeb7}
.toast{position:fixed;z-index:22;left:50%;bottom:clamp(118px,15vh,175px);transform:translateX(-50%);max-width:min(640px,92vw);padding:15px 22px;background:rgba(13,17,25,.96);color:#ffe2cd;border:1px solid #ffa96b80;border-radius:14px;box-shadow:0 12px 42px #000a;backdrop-filter:blur(15px);font-size:13px;line-height:1.5;text-align:center;animation:panel-in .25s ease}
.dialog-layer{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:24px}.dialog-scrim{position:absolute;inset:0;background:#05060abf;backdrop-filter:blur(8px)}.dialog{position:relative;width:min(410px,100%);padding:28px 29px;background:linear-gradient(155deg,#292029,#0b111a);border:1px solid #ffbd8952;box-shadow:0 24px 70px #0009;border-radius:22px;outline:0;animation:panel-in .25s ease}.dialog-label{letter-spacing:.23em;color:#f9ac81;font-size:10px}.dialog h2{font-size:28px;font-weight:400;margin:13px 0}.dialog p{font-size:14px;line-height:1.6;color:#d5c5c4}.dialog-actions{display:flex;justify-content:flex-end;gap:11px;margin-top:26px}.dialog-actions button{border-radius:99px;padding:11px 18px;border:1px solid #cfa88c88;color:#f9ede5;background:transparent}.dialog-actions button.primary{background:#f7b47e;color:#211917;border-color:#f7b47e}
@keyframes panel-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px),(max-aspect-ratio:1.18){.desktop-layout{display:none}.mobile-layout{position:relative;display:flex;flex-direction:column;height:100svh;isolation:isolate;background:radial-gradient(ellipse at 55% 56%,#563641 0%,#1c202a 46%,#0a0c13 100%);overflow:hidden}.mobile-header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;height:65px;padding:0 22px;border-bottom:1px solid #ffffff24;background:rgba(7,10,16,.35)}.mobile-brand{letter-spacing:.29em;font-size:13px}.mobile-actions button{display:grid;place-items:center;color:#f4ded3;background:#ffffff10;border:1px solid #ffffff2b;border-radius:50%;width:39px;height:39px}.mobile-actions svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.6}.mobile-scene{position:absolute;z-index:-1;left:50%;top:clamp(205px,23vh,240px);width:min(96vw,550px);aspect-ratio:740/659;background:url('../assets/conversar-ideia-1-mobile-alpha.webp') center/100% 100% no-repeat;animation:orb-breathe 9s ease-in-out infinite alternate}.mobile-layout:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#090a11bd 0%,transparent 20%,transparent 48%,#090c15af 75%,#090c16 100%);z-index:-1;pointer-events:none}.mobile-copy{position:relative;z-index:1;margin:35px 23px 0;text-shadow:0 2px 20px #000a}.mobile-eyebrow{font-size:9px;letter-spacing:.22em;color:#ffc8a1}.mobile-copy h1{font-size:clamp(36px,8vw,52px);font-weight:300;letter-spacing:-.03em;margin:14px 0 6px}.mobile-copy h1 em{font-style:normal;color:#ffbb81}.mobile-copy p{font-size:15px;line-height:1.5;color:#f1ded9;margin:0}.mobile-shortcuts{position:relative;z-index:2;margin:auto 14px 0;display:flex;gap:8px}.mobile-shortcuts button{flex:1;min-width:0;background:#0e131ad9;border:1px solid #e9b28a70;color:#f8e8de;border-radius:13px;padding:12px 5px;font-size:12px;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;gap:8px}.mobile-shortcuts button span{color:#ffbf87}.mobile-status{display:flex;gap:8px;align-items:center;margin:15px 22px 12px;font-size:11px;color:#e4cfc5}.mobile-composer{position:relative;z-index:2;margin:0 12px max(20px,env(safe-area-inset-bottom));min-height:65px;padding:6px 7px 6px 10px;flex:none}.mobile-composer .composer__attach{width:36px;height:42px}.mobile-composer .message-input{font-size:15px;margin:0;padding:8px 3px;height:42px}.mobile-composer .composer__send{height:49px;width:49px}.mobile-composer .composer__send svg{width:23px;height:23px}.conversation-panel{left:12px;right:12px;top:85px;width:auto;height:calc(100svh - 190px);background:#0b1117f0}.toast{bottom:115px;width:calc(100% - 30px)} }
@media(max-width:360px){.mobile-shortcuts{gap:4px}.mobile-shortcuts button{font-size:11px}.mobile-copy{margin-top:20px}}
@keyframes orb-breathe{from{transform:translateX(-50%) translateY(0) scale(1)}to{transform:translateX(-50%) translateY(-9px) scale(1.015)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}


/* CORALINE V7 • esfera 3D exclusiva sem imagem 2D abaixo */
.orb3d{display:none;position:absolute;z-index:2;background:transparent;touch-action:manipulation;cursor:pointer;outline-offset:-6px;user-select:none;filter:drop-shadow(0 12px 25px rgba(26,18,72,.3))}
.has-orb3d .orb3d{display:block}
.orb3d--desktop{left:540px;top:87px;width:720px;height:615px}
.orb3d--mobile{inset:0;width:100%;height:100%}
.has-orb3d .mobile-scene{background-image:url('../assets/conversar-cenario-v7-mobile.webp');animation:none;transform:translateX(-50%);z-index:0}
.has-orb3d .mobile-layout::before{z-index:1}
/* O retângulo de interação e os ícones NUNCA se movem: apenas luz e bordas animam. */
.hotspot,.hotspot:hover,.hotspot:active,.hotspot:focus-visible,
.composer__send,.composer__send:hover,.composer__send:active,
.composer__attach,.composer__attach:hover,.composer__attach:active,
.composer__mic,.composer__mic:hover,.composer__mic:active,
.mobile-shortcuts button,.mobile-shortcuts button:hover,.mobile-shortcuts button:active {
  transform:none!important;
}
.hotspot{transition:background-color .23s ease,border-color .23s ease,box-shadow .23s ease!important}
.hotspot:not(.hotspot--selected):hover,
.hotspot:not(.hotspot--selected):focus-visible {
  background-color:rgba(255,180,116,.105);
  border-color:rgba(255,212,169,.48);
  box-shadow:0 0 16px rgba(255,151,86,.22), inset 0 0 12px rgba(255,215,171,.05);
}
.composer__send:hover,.composer__send:focus-visible {box-shadow:0 0 27px rgba(255,166,101,.73),inset 0 0 14px rgba(255,216,163,.15)}
.composer__attach:hover,.composer__mic:hover {box-shadow:inset 0 0 12px rgba(255,193,150,.09)}
.mobile-shortcuts button {transition:background .25s, border-color .25s, box-shadow .25s}
.mobile-shortcuts button:hover {background:rgba(37,26,35,.9);border-color:rgba(255,202,162,.78);box-shadow:0 0 17px rgba(255,153,103,.17)}
@media(max-width:900px),(max-aspect-ratio:1.18){
  .orb3d--desktop{display:none!important}
  .orb3d--mobile{display:none}
  .has-orb3d .orb3d--mobile{display:block}
}
@media(prefers-reduced-motion:reduce){.orb3d,.hotspot,.composer__send,.mobile-shortcuts button{transition:none!important}}

.mobile-status{color:#e8b897}

/* Também remove a esfera 2D da camada desfocada nas margens de telas largas. */
.has-orb3d .backdrop-blur{background-image:url('../assets/conversar-cenario-v7.webp')}