body{background:#050B14;color:#E2E8F0;font-family:'Inter',sans-serif;overflow-x:hidden}
html{scroll-behavior:smooth;scroll-padding-top:90px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
#view-bt{--ac:#00A3FF;--ac2:#0055A5}
#view-fl{--ac:#00E676;--ac2:#00F0FF}
.ac{color:var(--ac)}
.ac-bg{background:linear-gradient(135deg,var(--ac),var(--ac2));color:#02101c}
#view-bt .ac-bg{color:#fff}
.ac-border{border-color:color-mix(in srgb,var(--ac) 35%,transparent)}
.glass-panel{background:rgba(11,21,40,.75);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08)}
.glass-card{background:linear-gradient(135deg,rgba(17,30,56,.8),rgba(10,18,34,.9));border:1px solid rgba(255,255,255,.08)}
.tab-btn{transition:all .3s}
.tab-btn.active-bt{background:linear-gradient(135deg,#00A3FF,#0055A5);color:#fff;box-shadow:0 0 20px rgba(0,163,255,.5)}
.tab-btn.active-fl{background:linear-gradient(135deg,#00F0FF,#00E676);color:#02202B;font-weight:700;box-shadow:0 0 20px rgba(0,230,118,.5)}
a:focus-visible,button:focus-visible{outline:2px solid #00E676;outline-offset:3px}
.hidden-view{display:none}
/* Moldura do print */
.frame{border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#0B1528;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.frame .bar{display:flex;gap:6px;align-items:center;padding:10px 14px;background:#08111f;border-bottom:1px solid rgba(255,255,255,.08);font:500 11px 'JetBrains Mono',monospace;color:#64748B}
.frame .bar i{width:10px;height:10px;border-radius:50%;display:block}
.shot img{display:block;width:100%;height:auto}
.shot .ph{display:none;min-height:340px;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;gap:8px;color:#94A3B8;font-size:13px;border:2px dashed color-mix(in srgb,var(--ac) 40%,transparent);margin:14px;border-radius:12px}
.shot.noimg .ph{display:flex}
.chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;font-size:13px;font-weight:600;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#CBD5E1;transition:all .2s}
.chip:hover{border-color:var(--ac);color:#fff}
.chip b{font:600 11px 'JetBrains Mono',monospace;color:var(--ac)}
