*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;font-family:sans-serif}header,footer{background-color:#333;color:#fff;text-align:center;position:fixed;left:0;right:0;z-index:100;height:48px}header{top:0}footer{bottom:0}.header-content{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 12px}.footer-content{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 12px;gap:.5rem}main{padding:64px 1rem;min-height:100vh}.orientation-warning{position:fixed;z-index:9999;top:0;left:0;width:100vw;height:100vh;background:#000c;color:#fff;display:none;justify-content:center;align-items:center;text-align:center;padding:2rem;font-size:1.5rem;pointer-events:auto}@media screen and (orientation: landscape) and (max-width: 768px) and (hover: none){.orientation-warning{display:flex}#app{display:none;pointer-events:none;-webkit-user-select:none;user-select:none}}html{overflow-y:scroll}