:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#0c1220;color:#edf2ff;font:15px/1.6 system-ui,sans-serif}header{padding:18px 5vw;display:flex;justify-content:space-between;border-bottom:1px solid #29364e;color:#95a4c1}header a{color:#49d7ea;font-weight:800;font-size:22px;text-decoration:none}main{max-width:620px;margin:auto;padding:20px}.intro h1{margin:5px 0;font-size:28px}.intro p,.help{color:#a6b3ca}.meta{color:#98a7c0;font-size:12px}.meta span{margin-left:8px;color:#b49aff;border:1px solid #4d396f;border-radius:20px;padding:3px 9px}iframe{display:block;width:100%;height:min(76vh,820px);min-height:480px;border:1px solid #2f3a53;border-radius:20px;background:#0c1220;margin-top:20px}#status{font-size:12px;color:#48d8cb}.help{font-size:13px}footer{text-align:center;padding:30px;color:#72809a;font-size:12px}@media(max-width:600px){main{padding:12px}header span{font-size:12px}iframe{height:74vh;border-radius:14px}}