:root{--ui-bg: rgba(10, 22, 10, .55);--ui-border: rgba(255, 255, 255, .22);--ui-text: #f4f8ff}html,body{margin:0;height:100%;overflow:hidden;background:radial-gradient(circle at 20% 10%,#2f5167,#8eff04 55%,#d505ff);color:var(--ui-text);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#container{width:100%;height:100%}#info{position:fixed;left:50%;top:14px;transform:translate(-50%);padding:10px 14px;border-radius:999px;border:1px solid var(--ui-border);background:var(--ui-bg);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:5;letter-spacing:.2px;font-size:14px}#info a{color:#9ec9ff;text-decoration:none}#info a:hover{text-decoration:underline}#loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 10%,#2f5167,#8eff04 55%,#d505ff);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;transition:opacity .6s ease-out}#loading-screen.hidden{opacity:0;pointer-events:none}.spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top-color:#f4f8ff;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:20px}@keyframes spin{to{transform:rotate(360deg)}}#loading-screen p{color:var(--ui-text);font-size:16px;font-weight:500;letter-spacing:1px}