body{display:flex;justify-content:flex-start;align-items:center;padding:0;background-color:#222;display:none;flex-direction:column;height:100vh;margin:0;overflow-x:hidden}button{transition:all .2 ease}button:disabled{filter:greyscale(.5);transform:scale(.98)}.shwifty img{height:100%;object-fit:contain}.shwifty{display:flex;justify-content:center;height:6vh;font-size:4vh;color:#ff2f2f;border:solid 3px #ff2f2f;width:fit-content;padding:2px 20px;border-radius:10px;cursor:pointer;overflow:hidden;position:relative;text-shadow:0 0 5px #ff2f2f,0 0 10px #ff2f2f,0 0 20px #ff2f2f}.shwifty:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(transparent,#ff2f2f,#ff2f2f,transparent 30%);animation:rotate-flame 2s linear infinite;z-index:-1}.shwifty:after{content:"";position:absolute;inset:2px;background:#111;border-radius:6px;z-index:-1}@keyframes rotate-flame{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes steady-glow{0%,to{text-shadow:0 0 5px #00ff88,0 0 10px #ff2f2f,0 0 20px #00ff88}50%{text-shadow:0 0 7px #00ff88,0 0 12px #ff2f2f,0 0 25px #00ff88}}.auth-container{background-color:#474444;padding:2rem;border-radius:8px;width:30vh;color:#f0f8ff;box-shadow:0 10px 30px #000}.auth-container h2{margin-top:0;text-align:center;color:#f0f8ff}.auth-container input{display:block;width:100%;padding:10px;margin-bottom:15px;background-color:#000;border:1px solid #333;color:#f0f8ff;box-sizing:border-box}.auth-container input:focus{outline:none;border-color:#ff2f2f}.auth-buttons{display:flex;gap:10px;justify-content:center}#login-btn,#signup-btn{padding:6px 15px;border:solid 1px #ff222f;background-color:#0e0e0e;color:#f0f8ff;cursor:pointer;transition:all .2 ease}#login-btn:hover,#signup-btn:hover{transform:scale(1.05);background-color:#ff2f2f;color:#0e0e0e}#auth-toggle:hover{color:#ff2f2f;transform:scale(1.05)}#signup-btn,#username{display:none}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000;transition:opacity .5 ease}.loader-content{text-align:center;color:#ff2f2f;font-family:sans-serif;font-weight:700;letter-spacing:2px}.shwifty-spinner{width:40px;height:40px;border:4px solid rgba(255,47,47,.1);border-top:4px solid #ff2f2f;border-radius:50%;margin:0 auto 15px;animation:spin 1s linear infinite}.loading-msg{color:#ff2f2f}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-hidden{opacity:0;pointer-events:none}