html,body{height:100%}html{color-scheme:light dark}body{grid-template:50% 50%/100%;margin:0;display:grid}button{cursor:pointer}iframe{border:0;order:1;width:100%;height:100%}nav{flex-direction:column;gap:.5rem;display:flex;position:absolute;inset-block-end:1rem;inset-inline-end:1rem}nav>*{color:buttontext;background:buttonface;border:1px solid buttonborder;border-radius:50%;place-items:center;padding:.5rem;display:grid}nav>:hover,nav>:focus{background:canvas}@media (width>=720px){body{grid-template:100%/50% 50%}}