:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#071123;color:#f3f7ff}*{box-sizing:border-box}body{margin:0}header,main{max-width:1100px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-bottom:1px solid #33415b}a{color:#87dcff}header a{font-size:24px;font-weight:800;text-decoration:none}header span{color:#f0cf80}h1{font-size:clamp(24px,4vw,42px)}p{line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}video{width:100%;max-height:75vh;background:#000;border-radius:10px}button{background:#80d8ff;color:#071123;font:inherit;font-weight:700;padding:14px 22px;border:0;border-radius:7px;cursor:pointer;margin:0 0 12px}button:disabled{opacity:.6}button:focus-visible,a:focus-visible{outline:3px solid #f2cf80;outline-offset:4px}#message{color:#f0cf80}

.social-thumbnail{display:block;width:100%;height:auto;max-height:65vh;object-fit:contain;border-radius:12px;margin:20px 0}
.channel-brand-logo{display:block;width:100%;max-width:620px;height:220px;object-fit:contain;background:#071123;border-radius:12px;margin:20px 0}

.channel-video-thumbnail{display:block;width:min(100%,480px);height:auto;aspect-ratio:16/9;object-fit:contain;background:#000;border-radius:9px;margin:20px 0 12px}#videos{list-style:none;padding:0}#videos li{margin-bottom:26px}