/* Conta da Twitch (Perfil > Twitch) */
dialog.twDlg{width:min(640px,96vw);max-height:90dvh;max-width:none;padding:0;border:1px solid #b78cff55;border-radius:22px;color:#f1e6cc;overflow:hidden;
  background:radial-gradient(ellipse 70% 40% at 15% 0,#9146ff26,transparent 70%),linear-gradient(180deg,#1d1429,#0f0a18);box-shadow:0 40px 110px #000e,0 0 70px #9146ff22}
dialog.twDlg[open]{display:flex;flex-direction:column}
dialog.twDlg::backdrop{background:#07040dd0;backdrop-filter:blur(5px)}
.twHead{position:relative;display:flex;align-items:center;gap:16px;padding:22px 24px 16px;border-bottom:1px solid #ffffff14;flex:none}
.twIcon{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;flex:none;background:radial-gradient(circle at 35% 30%,#c9a8ff,#9146ff 60%,#4a1f9a);box-shadow:0 0 0 3px #1b1030}
.twIcon svg{width:30px;height:30px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.twHeadTxt small{font-size:12px;letter-spacing:.32em;color:#c9a8ff}
.twHeadTxt h2{margin:2px 0;font:700 clamp(26px,3.4vw,34px)/1.05 Georgia,serif;color:#fff}
.twHeadTxt p{margin:0;color:#b9a98c;font-size:15px}
.twClose{position:absolute;right:18px;top:16px;padding:8px 14px;border-radius:10px;border:1px solid #ffffff22;background:#ffffff0d;color:#e9dfc8;cursor:pointer;font-weight:700}
.twClose:hover{background:#ffffff1c}
.twBody{padding:18px 24px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:16px;scrollbar-width:thin}
.twBox{padding:16px 18px;border-radius:16px;border:1px solid #ffffff14;background:linear-gradient(180deg,#ffffff0a,#ffffff04)}
.twBox h3{margin:0 0 8px;font:700 15px 'Alegreya Sans',system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#c9a8ff}
.twState{margin:0 0 6px;font-size:16px;font-weight:700}.twState.good{color:#8fe3a8}.twState.bad{color:#ff9a9a}
.twMuted{margin:0 0 10px;color:#b9a98c;font-size:15px;line-height:1.45}
.twNote{margin:0;padding:10px 14px;border-radius:12px;font-weight:700}.twNote.good{background:#8fe3a822;color:#b5f0c6}.twNote.bad{background:#ff7a7a22;color:#ffb3b3}
.twGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0 12px}
.twCell{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:12px;background:#ffffff0a}
.twCell small{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#a99db5}.twCell b{font-size:16px;color:#fff}
.twRow{display:flex;flex-wrap:wrap;gap:10px}
.twBtn{padding:10px 18px;border-radius:12px;border:1px solid #c9a8ff88;background:linear-gradient(180deg,#9146ff,#6a2fd0);color:#fff;font-weight:800;cursor:pointer}
.twBtn:hover{filter:brightness(1.12)}.twBtn.ghost{background:#ffffff0d;border-color:#ffffff29;color:#e9dfc8}
@media(max-width:520px){.twGrid{grid-template-columns:1fr}.twHeadTxt p{display:none}}