*{box-sizing:border-box}html,body{margin:0;height:100%;background:#080f1c;color:#b5cce0;font-family:system-ui}header{height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 18px;border-bottom:1px solid #253b54;font-size:12px}nav{display:flex;gap:18px;white-space:nowrap}a{color:#62d5ff;text-decoration:none;padding:8px 0}a:focus-visible{outline:2px solid #62d5ff}.name{color:#dce9f5;font-weight:650}iframe{display:block;border:0;width:100%;height:calc(100dvh - 44px)}@media(max-width:600px){header{height:60px;padding:0 12px;font-size:10px;gap:8px}.name{max-width:40%}nav{gap:10px}iframe{height:calc(100dvh - 60px)}}