body{background-color:#4c3c52;background-image:url(../../../assets/site-bg.png);background-size:cover;background-attachment:fixed;background-position:center;margin:0;padding:0;font-family:sans-serif}#main{display:grid;grid-template-columns:320px auto;min-height:100vh;width:100vw;box-sizing:border-box;gap:0;padding:0;margin:0;border-radius:0;transition:grid-template-columns .3s cubic-bezier(.4,0,.2,1)}#main.collapsed{grid-template-columns:50px auto}.content{padding:32px;box-sizing:border-box;max-height:100vh;overflow-y:auto}.mica{backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);background-color:#f7f9fc80;box-shadow:0 25.6px 57.6px #00000024,0 0 16.4px #0000001f;transition:background-color .25s ease}@media (max-width: 768px){#main{grid-template-columns:unset;grid-template-rows:auto 0px}#main.collapsed{grid-template-columns:unset;grid-template-rows:40px calc(100vh - 40px);max-height:100vh}body{overflow-y:hidden}.content{padding:10px}}@media (prefers-color-scheme: dark){.mica{color:#fff;background-color:#23273480}}@media (max-width: 768px) and (prefers-color-scheme: dark){.mica{color:#fff;background-color:#23273466}}