/* Legendas com IA (chat com o Claude). Layout fiel à referência: laranja saturado em cima, vinho escuro embaixo, preto com brilho laranja nas bordas no chat */
.lgx{position:fixed;inset:0;z-index:10;overflow:hidden;color:#fff;font-family:"Aileron","Helvetica Neue",system-ui,sans-serif;-webkit-font-smoothing:antialiased;
  display:flex;flex-direction:column;
  background:#000;box-shadow:inset 0 0 0 2px rgba(255,140,50,.55),inset 0 0 26px 4px rgba(244,100,10,.98),inset 0 0 70px 14px rgba(214,62,5,.8),inset 0 0 150px 22px rgba(150,32,3,.5)}
.lgx::before{content:"";position:absolute;inset:0 0 auto 0;height:24%;pointer-events:none;background:radial-gradient(80% 100% at 50% -8%,rgba(246,102,8,1),rgba(200,52,4,.6) 55%,transparent 100%)}
.lgx>*{position:relative;z-index:1}
.lgx-top{display:flex;align-items:center;justify-content:space-between;padding:calc(var(--safe-t,0px) + 18px) 18px 0}
.lgx-me{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}
.lgx-me img{width:42px;height:42px;border-radius:50%;object-fit:cover}
.lgx-me span{display:grid;line-height:1.25}.lgx-me small{font-size:14px;color:rgba(255,235,215,.45)}.lgx-me b{font-weight:500;font-size:15px;color:#fff}
.lgx-tb{display:flex;gap:8px}
.lgx-c{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(255,255,255,.17);border:1px solid rgba(255,255,255,.2);text-decoration:none}
.lgx-h{margin:auto 26px 31px;font-weight:500;font-size:min(11vw,45px);line-height:1.03;letter-spacing:-.03em;color:#fff}
.lgx-sg{display:flex;gap:10px;overflow-x:auto;padding:0 18px;margin-bottom:25px;scrollbar-width:none}
.lgx-sg::-webkit-scrollbar{display:none}
.lgx-sg button{flex:none;width:151px;height:115px;display:flex;flex-direction:column;justify-content:space-between;text-align:left;padding:15px 15px 14px;border-radius:21px;color:#fff;background:rgba(48,2,4,.6);border:0;font-size:14px;line-height:1.22;box-shadow:inset 0 1px 0 rgba(255,150,100,.06)}
.lgx-sg i{color:#ff7a14;display:grid}
.lgx-box{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
.lgx:not(.lgx-chat) .lgx-box{margin:0 8px calc(14px + var(--safe-b,0px));padding:20px 16px 15px;border-radius:38px;background:rgba(95,10,8,.22);box-shadow:inset 0 1px 0 rgba(255,140,100,.07);height:31svh;min-height:230px;max-height:280px;align-content:space-between}
.lgx-in{display:flex;align-items:flex-end;gap:10px}
.lgx:not(.lgx-chat) .lgx-in{flex:1;display:flex;flex-wrap:wrap;align-content:space-between;align-items:center}
.lgx:not(.lgx-chat) .lgx-in textarea{order:-1;flex:1 0 100%;min-height:120px;padding:0 4px;font-size:16.5px}
.lgx-in textarea{flex:1;min-width:0;resize:none;border:0;outline:0;background:transparent;color:#fff;font:inherit;font-size:16px;line-height:1.4;padding:10px 6px;max-height:140px}
.lgx-in textarea::placeholder{color:rgba(255,230,215,.34)}
.lgx-ic{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:rgba(255,225,205,.55);background:rgba(255,255,255,.1)}
.lgx-model{border:0;font-family:inherit;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 15px 0 17px;border-radius:999px;color:rgba(255,235,220,.62);background:rgba(255,255,255,.1);font-size:15px;margin-right:auto}
.lgx-model i{display:grid;opacity:.7}
.lgx-go{flex:none;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:#fff;background:radial-gradient(circle at 50% 22%,#ffb750 0%,#f7791a 46%,#d9500a 100%);box-shadow:inset 0 1px 1px rgba(255,255,255,.55),0 3px 14px rgba(240,95,10,.45)}
.lgx-go[disabled]{opacity:.5}
/* chat: preto com brilho laranja nas bordas */
.lgx.lgx-chat{background:#000;box-shadow:inset 0 0 38px 4px rgba(236,92,8,.78),inset 0 0 90px 16px rgba(190,55,4,.5),inset 0 0 190px 20px rgba(120,25,3,.38)}
.lgx.lgx-chat::before{inset:0 0 auto 0;height:26%;opacity:1;mix-blend-mode:normal;background:radial-gradient(75% 100% at 50% -6%,rgba(240,96,8,.95),rgba(170,40,3,.55) 52%,transparent 100%)}
.lgx.lgx-chat .lgx-box{position:absolute;left:12px;right:12px;bottom:calc(14px + var(--safe-b,0px));padding:5px 8px 5px 8px;border-radius:999px;background:rgba(36,14,8,.74);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.lgx.lgx-chat .lgx-in{gap:6px;align-items:center}
.lgx.lgx-chat .lgx-ic{background:none;color:#8a7c72}
.lgx.lgx-chat .lgx-in textarea{padding:13px 4px}
.lgx.lgx-chat .lgx-go{width:42px;height:42px}
.lgx-close{position:absolute;top:calc(var(--safe-t,0px) + 18px);left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:999px;color:#ffe9e2;font-size:15px;background:rgba(140,32,26,.4);border:1px solid rgba(255,130,110,.2);z-index:3}
.lgx-ms{position:absolute;top:calc(var(--safe-t,0px) + 76px);bottom:calc(86px + var(--safe-b,0px));left:0;right:0;overflow-y:auto;padding:6px 16px 14px;display:flex;flex-direction:column;gap:20px;scrollbar-width:none}
.lgx-ms::-webkit-scrollbar{display:none}
.lgx-u{align-self:flex-end;max-width:76%;padding:15px 20px;border-radius:22px;font-size:16px;line-height:1.33;color:#fff;white-space:pre-wrap;background:radial-gradient(120% 140% at 20% 0%,#f9902e 0%,#ee6e14 48%,#d4560a 100%);box-shadow:0 6px 22px rgba(240,100,10,.34),inset 0 1px 0 rgba(255,255,255,.28)}
.lgx-a{display:flex;gap:12px;align-items:flex-start;max-width:96%}
.lgx-orb{flex:none;width:28px;height:28px;margin-top:2px;border-radius:50%;background:radial-gradient(circle at 36% 28%,#fff3d6 0%,#ffbd62 20%,#f27c14 44%,#b83c06 74%,#521404 100%);box-shadow:0 3px 9px rgba(0,0,0,.6),0 0 14px rgba(255,120,20,.25)}
.lgx-orb.pulse{animation:lgp 1.4s ease-in-out infinite}
@keyframes lgp{50%{transform:scale(.84);opacity:.7}}
@media (prefers-reduced-motion:reduce){.lgx-orb.pulse{animation:none}}
.lgx-ab{padding:17px 19px;border-radius:21px;font-size:16px;line-height:1.38;color:#fff;background:rgba(255,255,255,.05);white-space:pre-wrap}
.lgx-ac{display:flex;gap:8px;margin:9px 0 0 4px;flex-wrap:wrap}
.lgx-ac button{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:999px;font-size:12.5px;color:rgba(255,215,190,.8);background:rgba(255,255,255,.07)}
.lgx-wk{font-size:12px;color:#66605b;padding:6px 0 0 2px;align-self:center}
.lgx-er{align-self:center;max-width:90%;text-align:center;font-size:14px;color:#ffb7a0;padding:10px 14px;border-radius:14px;background:rgba(200,50,20,.2)}
.lgx-ctx{min-width:0;display:flex;align-items:center;gap:8px;justify-self:start;max-width:100%;padding:6px 6px 6px 12px;border-radius:999px;font-size:13px;color:#ffe3c8;background:rgba(255,255,255,.1)}
.lgx-ctx span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lgx-ctx button{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.3);color:#fff}
.lgx.lgx-chat .lgx-ctx{margin:4px 6px 0}
.lgx-pk{position:fixed;inset:0;z-index:60;display:flex;align-items:flex-end;background:rgba(5,2,2,.62);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.lgx-pk-in{width:100%;max-height:70svh;overflow:auto;padding:18px 16px calc(24px + var(--safe-b,0px));border-radius:30px 30px 0 0;background:#1a0505;border:1px solid rgba(255,150,110,.12)}
.lgx-pk-in h4{margin:0 0 12px;font-family:"Bebas Neue",sans-serif;font-weight:400;font-size:22px;letter-spacing:.14em;color:#ffb87a}
.lgx-pk-in button{display:grid;width:100%;text-align:left;gap:2px;padding:12px 14px;margin-bottom:8px;border-radius:16px;color:#fff;background:rgba(255,255,255,.06)}
.lgx-pk-in small{opacity:.6;font-size:12.5px}

body:has(.lgx) .fbar{display:none!important}
.lgx-tl,.lgx-tr{position:absolute;top:calc(var(--safe-t,0px) + 14px);z-index:3}
.lgx-tl{left:16px}.lgx-tr{right:16px}
.lgx-tb .lgx-c,.lgx-c{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.2)}


/* primeira página: fundo da segunda tela da referência; caixa de texto como na referência (botões dentro, no limite inferior, sem borda) */
.lgx-chat::after{display:none}
.lgx-sg button{background:rgba(255,255,255,.07)!important;box-shadow:none!important}
.lgx:not(.lgx-chat) .lgx-box{margin:0 14px calc(14px + var(--safe-b,0px));padding:18px 14px 12px;border-radius:36px;background:rgba(255,255,255,.045);box-shadow:none;border:0;height:30svh;min-height:224px;max-height:270px;display:flex;flex-direction:column}
.lgx:not(.lgx-chat) .lgx-in{flex:1;display:flex;flex-wrap:wrap;align-content:space-between;align-items:center}
.lgx:not(.lgx-chat) .lgx-in textarea{order:-1;flex:1 0 100%;min-height:0;height:calc(100% - 56px);padding:0 4px}
.lgx-bt{display:none}
.lgx-me img{box-shadow:none}

/* topo: degradê da referência (laranja chapado que desce para o vinho e o preto), sem a esfera */
.lgx:not(.lgx-chat)::before{content:"";position:absolute;inset:0 0 auto 0;height:72%;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,#000 62%,transparent 100%);mask-image:linear-gradient(180deg,#000 62%,transparent 100%);background:radial-gradient(44% 72% at 50% 100%,#000 0%,#000 38%,rgba(0,0,0,.88) 58%,rgba(0,0,0,.4) 82%,transparent 100%),linear-gradient(180deg,#e26b02 0%,#e06a02 12%,#da5c02 20%,#c94201 32%,#b02a02 44%,#8e1602 58%,rgba(120,22,3,.7) 74%,rgba(110,20,3,.35) 88%,transparent 100%)}
.lgx:not(.lgx-chat)::after{content:"";display:block;position:absolute;inset:0 0 auto 0;height:56%;pointer-events:none;opacity:.14;mix-blend-mode:overlay;z-index:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix type='matrix' values='.33 .33 .33 0 0 .33 .33 .33 0 0 .33 .33 .33 0 0 0 0 0 0 1'/></filter><rect width='180' height='180' filter='url(%23n)'/></svg>")}

.lgx-go{margin-left:auto}