*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#f4f1ed;font-family:Arial,sans-serif}header{height:72px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 22px;background:linear-gradient(90deg,#322b27,#4c4946);color:#fff;border-bottom:3px solid #c63c31}header>a:first-child{display:flex;align-items:center;gap:11px;text-decoration:none;color:white}header img{width:50px;height:50px;object-fit:cover;border-radius:50%;box-shadow:0 0 0 2px white}header span{display:flex;flex-direction:column}header strong{font-size:17px}header small{font-size:9px;letter-spacing:.12em;color:#f1d6d1;margin-top:3px}.channel{text-align:center}.channel b{display:block;font-size:18px}.channel small{font-size:11px;color:#e7dfd9}.back{justify-self:end;color:white;text-decoration:none;border:1px solid #e4665d;border-radius:7px;padding:9px 12px;font-weight:bold;font-size:12px}main{position:relative;width:100%;height:calc(100% - 72px);background:white}.loading{position:absolute;inset:0;display:grid;place-items:center;color:#3d3936;font-weight:bold}iframe{position:relative;z-index:2;width:100%;height:100%;border:0;background:white}@media(max-width:650px){header{height:64px;grid-template-columns:1fr auto;padding:0 10px}header img{width:43px;height:43px}.channel{display:none}.back{font-size:10px;padding:8px}main{height:calc(100% - 64px)}}