/* Sessão web: a imagem não participa de animações nem de materiais. */
html[data-meu-mac-video] :is(.meu-mac-hero,.meu-mac-ia) { display:none !important; }
html[data-meu-mac-video] .meu-mac:not(.meu-mac-tela-overlay) { max-width:none; }
.meu-mac .meu-mac-sessao-v3 {
  --meu-mac-safe-top:env(safe-area-inset-top,0px); --meu-mac-safe-right:env(safe-area-inset-right,0px);
  --meu-mac-safe-bottom:env(safe-area-inset-bottom,0px); --meu-mac-safe-left:env(safe-area-inset-left,0px);
  position:relative; height:var(--mac-sessao-altura,70dvh); min-height:180px;
  border-radius:24px; background:#070707; isolation:isolate; overflow:hidden;
  --controle-tinta:#faf4e8; --metal-texto:#ffd477; --tinta-mudo:#ddcfb5; --tinta-2:#ddcfb5;
  --lente-base:var(--meu-mac-material,rgb(12 10 7 / .4)); --lente-controle:var(--lente-base);
  --janela-sombra-texto:0 1px 2px #000,1px 0 #000,-1px 0 #000,0 -1px #000;
  color:var(--controle-tinta);
}
.meu-mac .meu-mac-sessao-v3 .meu-mac-palco { position:absolute; inset:0; width:100%; height:100%; max-height:none; min-height:0; aspect-ratio:auto; }
.meu-mac .meu-mac-sessao-v3.meu-mac-em-tela-cheia { height:100%; border:0; border-radius:0; }
.meu-mac-chrome { position:absolute; inset:0; z-index:5; pointer-events:none; font:calc(15px * var(--escala-texto,1))/1.4 var(--fonte); color:var(--controle-tinta); }
.meu-mac-chrome :is(button,input,select,textarea,summary,.mac-sessao-painel) { pointer-events:auto; }
/* Só a camada local desvanece. Mantemos seus acessos na árvore acessível:
   foco/Tab ou ativação assistiva os revelam antes de qualquer ação. */
/* Desvanecer somente as peças locais evita recompor uma camada transparente
   do tamanho do vídeo e preserva o último quadro sem exigir outro do host. */
.meu-mac-sessao-v3 .meu-mac-chrome > :is(.mac-sessao-topo,.mac-sessao-doca,.mac-sessao-aviso) { opacity:1; transition:opacity 150ms ease-out; }
.meu-mac-sessao-v3.mac-sessao-recolhida .meu-mac-chrome > :is(.mac-sessao-topo,.mac-sessao-doca,.mac-sessao-aviso) { opacity:0; }
.meu-mac-sessao-v3.mac-sessao-recolhida .meu-mac-chrome,
.meu-mac-sessao-v3.mac-sessao-recolhida .meu-mac-chrome * { pointer-events:none; }
html[data-tema-movimento="parado"] .meu-mac-sessao-v3 .meu-mac-chrome > :is(.mac-sessao-topo,.mac-sessao-doca,.mac-sessao-aviso) { transition:none; }
@media (prefers-reduced-motion:reduce) { .meu-mac-sessao-v3 .meu-mac-chrome > :is(.mac-sessao-topo,.mac-sessao-doca,.mac-sessao-aviso) { transition:none; } }
.mac-sessao-topo { position:absolute; top:calc(12px + var(--meu-mac-safe-top)); left:calc(14px + var(--meu-mac-safe-left)); right:calc(14px + var(--meu-mac-safe-right)); display:flex; align-items:center; gap:10px; }
.mac-sessao-identidade { display:flex; align-items:center; gap:10px; padding:10px 14px; border-radius:20px; min-width:0; max-width:min(70%,360px); background:var(--lente-base); border:1px solid var(--controle-borda); color:var(--metal-texto); text-shadow:var(--janela-sombra-texto); }
.mac-sessao-nome { display:grid; gap:2px; min-width:0; }
.mac-sessao-identidade > svg { flex-shrink:0; }
.mac-sessao-identidade strong { font-size:calc(12px * var(--escala-texto,1)); font-weight:600; }
.mac-sessao-host { font-size:calc(11px * var(--escala-texto,1)); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#ddcfb5; }
.mac-sessao-estado { font-size:0; flex:0 0 7px; width:7px; height:7px; border-radius:50%; background:#d6ac65; }
.mac-sessao-estado[data-estado="live"] { background:#91c9a4; }
html:root[data-tema] .meu-mac-chrome .mac-sessao-botao { display:flex; align-items:center; justify-content:center; gap:9px; min-height:46px; min-width:46px; padding:10px 14px; border-radius:14px; font-size:inherit; line-height:1.35; font-weight:500; white-space:normal; touch-action:manipulation; text-shadow:var(--janela-sombra-texto); }
.meu-mac-chrome .mac-sessao-botao > svg { flex:0 0 19px; }
.meu-mac-chrome .mac-sessao-botao .meu-mac-rotulo { position:static; width:auto; height:auto; clip-path:none; overflow:visible; white-space:normal; font-size:inherit; }
html:root[data-tema] .meu-mac-chrome .mac-sessao-expandir { margin-left:auto; flex:0 0 46px; width:46px; border-radius:50%; padding:10px; }
.mac-sessao-expandir .meu-mac-rotulo, .mac-sessao-fechar .meu-mac-rotulo { position:absolute !important; width:1px !important; height:1px !important; overflow:hidden !important; clip-path:inset(50%) !important; white-space:nowrap !important; }
.mac-sessao-doca { position:absolute; bottom:calc(14px + var(--meu-mac-safe-bottom)); left:calc(14px + var(--meu-mac-safe-left)); right:calc(14px + var(--meu-mac-safe-right)); display:flex; justify-content:space-between; align-items:center; gap:12px; }
html:root[data-tema] .meu-mac-chrome .mac-sessao-acionador { border-radius:999px; padding:14px 18px; color:var(--metal-texto); --controle-tinta:var(--metal-texto); }
.mac-sessao-doca.mac-sessao-doca-no-topo { bottom:auto; top:calc(var(--mac-painel-topo,78px) + var(--meu-mac-safe-top)); }
.mac-sessao-topo-coberto .mac-sessao-identidade { visibility:hidden; }
.mac-sessao-topo-coberto .mac-sessao-expandir { visibility:hidden; }
.mac-sessao-painel {
  position:absolute; width:min(max(294px,calc(294px * var(--escala-texto,1))),calc(100% - 28px - var(--meu-mac-safe-left) - var(--meu-mac-safe-right)));
  max-height:calc(100% - var(--mac-painel-topo,78px) - var(--mac-painel-base,82px) - var(--meu-mac-safe-top) - var(--meu-mac-safe-bottom));
  top:calc(var(--mac-painel-topo,78px) + var(--meu-mac-safe-top)); right:calc(14px + var(--meu-mac-safe-right));
  display:flex; flex-direction:column; gap:12px; padding:16px; box-sizing:border-box; border-radius:28px;
  background:var(--lente-base); border:1.6px solid var(--controle-borda); box-shadow:0 10px 22px #0005;
  text-shadow:var(--janela-sombra-texto); overflow:hidden; overscroll-behavior:contain;
}
.mac-sessao-painel .meu-mac-rotulo { min-width:0; overflow-wrap:anywhere; }
.mac-sessao-controle, .mac-sessao-clipboard { right:auto; left:calc(14px + var(--meu-mac-safe-left)); top:auto; bottom:calc(var(--mac-painel-base,82px) + var(--meu-mac-safe-bottom)); border-radius:26px; }
.mac-sessao-painel-cab { display:flex; align-items:center; justify-content:space-between; gap:8px; flex:0 0 auto; }
.mac-sessao-painel-cab h3 { font:500 calc(24px * var(--escala-texto,1))/1.15 Georgia,serif; margin:0; color:var(--metal-texto); overflow-wrap:anywhere; }
html:root[data-tema] .meu-mac-chrome .mac-sessao-fechar { border-radius:50%; flex:0 0 44px; width:44px; min-height:44px; padding:10px; }
.mac-sessao-painel-corpo { overflow:auto; min-height:0; display:flex; flex-direction:column; gap:10px; overscroll-behavior:contain; padding:3px; scrollbar-width:thin; }
.mac-sessao-painel-corpo > .mac-sessao-botao { flex-shrink:0; justify-content:flex-start; text-align:start; }
.mac-sessao-painel-corpo > label { display:grid; gap:8px; font-size:inherit; line-height:1.4; }
html:root[data-tema] .meu-mac-chrome :is(select,textarea,input:not([type="checkbox"])) { max-width:100%; width:100%; min-width:0; min-height:46px; border-radius:14px; padding:12px; font-size:max(16px,1em); color:var(--controle-tinta); background:var(--lente-base); text-shadow:var(--janela-sombra-texto); }
html:root[data-tema] .meu-mac-chrome select { padding-right:32px; }
.mac-sessao-painel textarea { resize:vertical; }
.mac-sessao-painel-corpo label.mac-sessao-som { display:flex; align-items:center; justify-content:space-between; gap:14px; min-height:44px; }
.mac-sessao-som input { flex:0 0 51px; }
.mac-sessao-atalhos { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; }
html:root[data-tema] .meu-mac-chrome .mac-sessao-tile { flex-direction:column; gap:8px; min-height:64px; padding:10px 6px; font-size:calc(12px * var(--escala-texto,1)); }
html:root[data-tema] .meu-mac-chrome .mac-sessao-botao:is([aria-pressed="true"],[aria-expanded="true"]) { color:var(--metal-texto); border-color:var(--metal-texto); box-shadow:inset 0 0 0 1px var(--metal-texto); }
html:root[data-tema] .meu-mac-chrome .mac-sessao-perigo { color:#ffb4ab; }
.mac-sessao-painel .mudo { color:#ddcfb5; font-size:calc(12px * var(--escala-texto,1)); margin:0; line-height:1.5; }
.mac-sessao-pilot > summary { min-height:44px; line-height:1.4; padding:12px 0; box-sizing:border-box; cursor:pointer; color:var(--metal-texto); }
.mac-sessao-pilot .pilot-aparelhos { display:grid; gap:12px; margin:0; padding:0; background:transparent; border:0; box-shadow:none; }
.mac-sessao-pilot .pilot-escolhas { display:grid; grid-template-columns:1fr; }
.mac-sessao-pilot :is(.pilot-acoes,.pilot-dispositivos) { display:flex; flex-wrap:wrap; gap:6px; }
.mac-sessao-pilot :is(button,summary) { min-height:44px; }
.mac-sessao-pilot .pilot-dispositivos { background:transparent; border:0; padding:0; }
.mac-sessao-pilot .pilot-nova { min-width:0; }
.mac-sessao-pilot .pilot-nova input { width:100%; }
.mac-sessao-aviso { position:absolute; bottom:calc(var(--mac-painel-base,82px) + var(--meu-mac-safe-bottom)); left:calc(14px + var(--meu-mac-safe-left)); right:calc(14px + var(--meu-mac-safe-right)); max-width:560px; max-height:66px; overflow:auto; margin:0 auto; padding:10px 14px; border-radius:16px; background:var(--lente-base); color:var(--controle-tinta); font-size:calc(12px * var(--escala-texto,1)); text-shadow:var(--janela-sombra-texto); }
.meu-mac-sessao-v3[data-painel] .mac-sessao-aviso { display:none; }
.meu-mac-sessao-v3[data-painel] .mac-sessao-painel .mac-sessao-aviso { display:block; position:static; flex-shrink:0; max-height:none; max-width:none; margin:0; padding:8px; }
html:root[data-tema] .meu-mac-chrome .meu-mac-microfone-aviso { position:static; padding:6px 0; margin:0; font-size:calc(12px * var(--escala-texto,1)); background:transparent; border:0; color:#cce8d5; max-height:none; }
html:root[data-tema] .meu-mac-chrome .mac-sessao-mic-indicador { color:#ffb4ab; border-color:#ff8a7a; min-width:44px; }
.mac-sessao-mic-indicador .meu-mac-rotulo { position:absolute !important; width:1px !important; height:1px !important; overflow:hidden !important; clip-path:inset(50%) !important; }
.mac-sessao-espera { position:absolute; inset:0; display:grid; place-items:center; padding:20px; text-align:center; color:#ffd477; background:#070707; pointer-events:none; }
.mac-sessao-espera-conteudo { display:grid; gap:16px; justify-items:center; max-width:360px; }
.mac-sessao-espera button { pointer-events:auto; min-height:44px; }
html:root[data-tema] .meu-mac-chrome :focus-visible { outline:2px solid var(--foco); outline-offset:2px; scroll-margin:12px; }
.meu-mac .meu-mac-sessao-v3 #keys { z-index:4; }
@media (max-height:500px) {
  .mac-sessao-topo { top:calc(8px + var(--meu-mac-safe-top)); }
  .mac-sessao-identidade { padding:6px 12px; }
  .mac-sessao-painel { top:calc(62px + var(--meu-mac-safe-top)); bottom:auto; max-height:calc(100% - 138px - var(--meu-mac-safe-top) - var(--meu-mac-safe-bottom)); }
  .mac-sessao-doca.mac-sessao-doca-no-topo { top:calc(62px + var(--meu-mac-safe-top)); }
  html:root[data-tema] .meu-mac-chrome .mac-sessao-acionador { padding:10px 14px; }
}
@media (prefers-reduced-transparency:reduce),(prefers-contrast:more) {
  .meu-mac .meu-mac-sessao-v3 { --lente-base:#13110f; --lente-controle:#13110f; }
}
@media (forced-colors:active) {
  .meu-mac .meu-mac-sessao-v3 { --lente-base:Canvas; --lente-controle:Canvas; --controle-tinta:CanvasText; --metal-texto:LinkText; --janela-sombra-texto:none; }
  .mac-sessao-estado { background:CanvasText; }
}
.mac-sessao-identidade { --espelho-espessura:1.6px; }
.mac-sessao-painel { --espelho-espessura:2.6px; }
@media (max-height:500px) {
  .meu-mac-sessao-v3[data-painel] .mac-sessao-topo { visibility:hidden; }
  .mac-sessao-painel { top:calc(8px + var(--meu-mac-safe-top)); max-height:calc(100% - 8px - var(--mac-painel-base,82px) - var(--meu-mac-safe-top) - var(--meu-mac-safe-bottom)); }
}

html:root[data-tema] .meu-mac .meu-mac-sessao-v3 :is(.mac-sessao-painel.vidro,.mac-sessao-identidade.vidro) { background:var(--lente-base); -webkit-backdrop-filter:none; backdrop-filter:none; }

.mac-sessao-aviso { pointer-events:auto; touch-action:pan-y; }
html:root[data-tema] .meu-mac-chrome .mac-sessao-doca-com-saida .mac-sessao-expandir { visibility:visible; margin:0; }
.mac-sessao-doca-com-saida .mac-sessao-acionador .meu-mac-rotulo { position:absolute !important; width:1px !important; height:1px !important; overflow:hidden !important; clip-path:inset(50%) !important; white-space:nowrap !important; }
@media (forced-colors:active) {
  .mac-sessao-host,.mac-sessao-painel .mudo { color:CanvasText; }
}
.mac-sessao-acionador[data-microfone="live"]::after,
.mac-sessao-acionador[data-microfone="connecting"]::after,
.mac-sessao-acionador[data-microfone="requesting"]::after { content:''; width:7px; height:7px; flex:0 0 7px; border-radius:50%; background:#e8bb72; pointer-events:none; }
.mac-sessao-acionador[data-microfone="live"]::after { background:#ff8a7a; }
/* A página sob a imersão permanece montada, mas suas bordas não precisam
   consumir animação enquanto a imagem remota está ativa. Preferência intacta. */
html[data-meu-mac-video] .aki-espelho-anel::before,
html[data-meu-mac-video] .aki-espelho-anel::after { animation-play-state:paused !important; }
.mac-sessao-controle .mac-sessao-painel-cab h3 { font:600 calc(15px * var(--escala-texto,1))/1.3 var(--fonte); }
html:root[data-tema] .meu-mac-chrome input[switch]:checked { background-color:var(--ouro); }

/* Etapa 4: peças de interação usam os mesmos materiais da sessão. */
.mac-sessao-enquadramento { min-width:0; border:1px solid var(--controle-borda); border-radius:16px; padding:10px; margin:0; display:grid; gap:10px; }
.mac-sessao-enquadramento legend { color:var(--metal-texto); padding:0 6px; }
.mac-sessao-enquadramento > label { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:44px; }
.mac-sessao-zoom { display:grid; grid-template-columns:minmax(44px,1fr) auto minmax(44px,1fr); align-items:center; gap:8px; }
.mac-sessao-zoom output { text-align:center; font-variant-numeric:tabular-nums; }
.mac-sessao-zoom .meu-mac-rotulo { position:absolute !important; width:1px !important; height:1px !important; overflow:hidden !important; clip-path:inset(50%) !important; }
.mac-sessao-pan { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; }
html:root[data-tema] .mac-sessao-pan .mac-sessao-botao { padding:8px; }
.mac-sessao-audio { position:absolute; inset:30% 20px auto; display:grid; justify-items:center; gap:14px; text-align:center; color:var(--metal-texto); }
.mac-sessao-audio p { text-shadow:var(--janela-sombra-texto); }
.mac-sessao-ajuste-aviso { position:absolute; top:calc(var(--mac-painel-topo,90px) + var(--meu-mac-safe-top)); left:14px; right:14px; max-width:420px; margin:0 auto; padding:10px 14px; border-radius:16px; background:var(--lente-base); color:var(--controle-tinta); text-shadow:var(--janela-sombra-texto); font-size:calc(12px * var(--escala-texto,1)); pointer-events:none; }
.mac-sessao-sistema-indicador .meu-mac-rotulo { position:absolute !important; width:1px !important; height:1px !important; overflow:hidden !important; clip-path:inset(50%) !important; }
html:root[data-tema] .meu-mac #keys { width:min(calc(780px * var(--vk-escala,1)),calc(100% - 16px)); box-sizing:border-box; max-height:max(100px,calc(100% - 110px)); gap:6px; padding:6px; border-radius:20px; }
html:root[data-tema] .meu-mac #keys[data-layout="compact"] { width:min(calc(360px * var(--vk-escala,1)),calc(100% - 16px)); }
.meu-mac #keys .vk-content { overflow:auto; min-height:0; overscroll-behavior:contain; scrollbar-width:thin; }
.meu-mac #keys :is(.vk-full,.vk-compact) { display:grid; gap:4px; }
.meu-mac #keys[data-layout="compact"] .vk-full,.meu-mac #keys[data-layout="full"] .vk-compact { display:none; }
.meu-mac #keys .vk-full .vk-row { min-width:760px; }
.meu-mac #keys :is(.vk-handle,.vk-shortcuts) { flex-shrink:0; }
.meu-mac #keys .vk-shortcuts { display:flex; gap:4px; overflow:auto; scrollbar-width:thin; }
html:root[data-tema] .meu-mac #keys :is(.vk-key,.vk-size,.vk-grip,.vk-shortcuts button) { min-height:44px; min-width:44px; box-sizing:border-box; border-radius:9px; padding:8px 4px; font:500 calc(14px * var(--escala-texto,1))/1.2 var(--fonte); color:var(--controle-tinta); background:var(--meu-mac-material); border:1px solid var(--controle-borda); text-shadow:var(--janela-sombra-texto); touch-action:manipulation; }
.meu-mac #keys .vk-grip { flex:1; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; letter-spacing:normal; touch-action:none; cursor:grab; }
.meu-mac #keys .vk-key { flex-shrink:0; }
html:root[data-tema] .meu-mac #keys :focus-visible { outline:2px solid var(--foco); outline-offset:-2px; }
html:root[data-tema] .meu-mac #keys .vk-key[data-armado="sim"] { border-color:var(--metal-texto); color:var(--metal-texto); box-shadow:inset 0 0 0 1px var(--metal-texto); }
html:root[data-tema] .meu-mac #keys :is(.vk-key,.vk-shortcuts button)[data-tocado="sim"] { background:#fbc560; color:#241a0c; text-shadow:none; }
@media (prefers-contrast:more),(forced-colors:active) { html:root[data-tema] .meu-mac #keys :is(.vk-key,.vk-size,.vk-grip,.vk-shortcuts button) { background:var(--lente-base); } }