.viewer::before{content:"OPAQUE NETWORK";position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:#090b0f;color:#fff;font-size:clamp(28px,5vw,62px);font-weight:900;letter-spacing:-.04em;pointer-events:none;animation:opaque-power 1.45s ease forwards}.viewer::after{content:"POWERED BY SILO";position:fixed;left:0;right:0;top:56%;z-index:1001;color:#b5121b;text-align:center;font-size:11px;font-weight:900;letter-spacing:.18em;pointer-events:none;animation:opaque-power 1.45s ease forwards}@keyframes opaque-power{0%,65%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}.viewer-top nav button{border:0;box-shadow:none;background:#20242a;transition:background .16s ease,transform .16s ease,color .16s ease}.viewer-top nav button:hover{background:#2b3038;transform:translateY(-1px)}.viewer-top nav button.active{border:0;background:#35171b;color:#ef7279}.viewer-top nav button:focus{outline:0}.viewer-top nav button:focus-visible{outline:2px solid #b5121b;outline-offset:2px}.viewer-settings{position:fixed;top:0;right:0;bottom:0;z-index:80;width:min(420px,100vw);padding:24px;overflow:auto;border-left:1px solid #343a43;background:#111419;box-shadow:-24px 0 70px #0008;transform:translateX(105%);transition:transform .28s ease}.viewer-settings.open{transform:translateX(0)}.viewer-settings>header{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid #343a43}.viewer-settings>header span{color:#d45d64;font-size:9px;font-weight:900;letter-spacing:.14em}.viewer-settings>header h2{margin:5px 0 0}.viewer-settings>header button{display:grid;place-items:center;width:38px;height:38px;border:1px solid #414852;border-radius:11px;background:#20242a;color:#fff;font-size:22px}.viewer-settings section{margin-top:20px;padding:20px;border:1px solid #343a43;border-radius:16px;background:#171a1f}.viewer-settings h3{margin-top:0}.viewer-settings p{color:#aeb5be;line-height:1.55}.viewer-settings label{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-top:1px solid #343a43}.tv-qr{width:220px;margin:18px auto;padding:12px;border-radius:16px;background:#fff;color:#111317;text-align:center}.tv-qr svg{display:block;width:100%;height:auto}.viewer-settings section>small{display:block;color:#7f8792;text-align:center;font-size:9px;font-weight:900;letter-spacing:.1em}