:root{--layout-max-width:1100px;--layout-pad-top:25px;--layout-pad-bottom:10px;--layout-gap:10px;--layout-pad-x:16px}.app-layout{gap:var(--layout-gap);min-height:100dvh;padding:var(--layout-pad-top) var(--layout-pad-x) var(--layout-pad-bottom);flex-direction:column;display:flex}.app-navbar,.app-main,.app-footer{width:100%;max-width:var(--layout-max-width);margin-left:auto;margin-right:auto}.app-main{background-color:#171717;border-radius:16px;flex:1 0 auto;min-width:0;padding:30px}@media (width<=767px){.app-layout{padding-top:0}}html,body{background:#0a0a0a;margin:0;padding:0}*{box-sizing:border-box}