html,body{margin:0;height:100%}#c{z-index:-1;background:#000;width:100%;height:100%;position:fixed;top:0;left:0}footer{background-color:#000000a0;grid-area:footer}#loading-indicator{position:fixed;bottom:20px;right:20px;z-index:10;background:#000c;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:12px 16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;color:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity .3s ease-in-out,transform .3s ease-in-out;transform:translateY(0);opacity:1}#loading-indicator.loading-hidden{opacity:0;transform:translateY(10px);pointer-events:none}.loading-bar{width:120px;height:3px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin-bottom:6px}.loading-progress{height:100%;background:linear-gradient(90deg,#0f8,#0cf);border-radius:2px;width:0%;transition:width .2s ease-out}.loading-text{text-align:center;opacity:.9}