:root{--background: 0 0% 100%;--foreground: 20 14.3% 4.1%;--primary: 207 90% 54%;--primary-foreground: 211 100% 99%}body{margin:0;font-family:Open Sans,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;background-color:hsl(var(--background));color:hsl(var(--foreground))}.app-container{min-height:100vh;display:flex;flex-direction:column}.loading-spinner{display:inline-block;width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:hsl(var(--primary));animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.header{height:64px;width:100%;background:hsl(var(--background));border-bottom:1px solid rgba(0,0,0,.1);position:fixed;top:0;left:0;right:0;z-index:50}.main-content{flex:1;padding-top:64px;padding-bottom:64px;max-width:100%}.mobile-nav{height:64px;width:100%;background:hsl(var(--background));border-top:1px solid rgba(0,0,0,.1);position:fixed;bottom:0;left:0;right:0;z-index:40;display:flex;align-items:center;justify-content:space-around}@media (min-width: 768px){.main-content{margin-left:240px;padding-bottom:0}.mobile-nav{display:none}}.invisible-until-loaded{opacity:0;transition:opacity .3s ease-out}.content-loaded .invisible-until-loaded{opacity:1}