@import"https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400..700&display=swap";html,body,#root{height:100%;margin:0;padding:0;background:#111;color:#fff;font-family:Pixelify Sans,sans-serif}html,body{overscroll-behavior:none;touch-action:pan-y}html,body{overflow-x:hidden!important;max-width:100vw}:root{--scene-theme: #111}nav,.bottom-nav{background-color:var(--scene-theme)}body{-ms-overflow-style:none;scrollbar-width:none;font-family:Pixelify Sans,sans-serif}body::-webkit-scrollbar{display:none}.scene-scroll{-ms-overflow-style:none;scrollbar-width:none}.scene-scroll::-webkit-scrollbar{display:none}::-webkit-scrollbar{height:6px}::-webkit-scrollbar-thumb{background:#666;border-radius:1px}.login-container{height:100vh;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 20px}.scene-logo{font-size:2rem;font-weight:700;margin-bottom:.5rem}.popcorn{font-size:1.8rem}.welcome-text{font-family:Pixelify Sans,sans-serif;font-size:1.5rem;margin-bottom:2rem}.login-input{width:280px;height:42px;background:#0f0e1a;border:2px solid #6a5acd;border-radius:12px;padding:0 12px;color:#fff;font-size:.95rem;margin-bottom:14px;outline:none}.login-button{width:280px;height:44px;border:none;border-radius:12px;background:linear-gradient(to right,#4d4be3,#a950ff);color:#fff;font-weight:600;font-size:1rem;cursor:pointer;margin-top:10px;box-shadow:0 0 10px #a970ff33}.or-separator{margin:16px 0;color:#aaa}.google-button{width:280px;height:42px;background:#fff;border:none;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer}.google-button img{width:18px;height:18px}.google-button span{font-size:.95rem;color:#333;font-weight:500}.signup-row{margin-top:24px;display:flex;gap:10px;align-items:center;color:#ccc;font-size:.9rem}.signup-link{background:linear-gradient(to right,#4d4be3,#a950ff);color:#fff;border:none;border-radius:12px;padding:6px 14px;font-size:.85rem;font-weight:600;cursor:pointer}.login-form{display:flex;flex-direction:column;gap:14px;align-items:center}.spin{animation:spin 1s linear infinite;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.avatar-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;width:140px;height:140px;border-radius:50%;border:2px dashed #6a5acd;cursor:pointer;overflow:hidden;margin:0 auto 20px;background:#0f0e1a;color:#ccc;transition:.3s ease}.avatar-upload-label:hover{border-color:#a950ff;color:#fff}.avatar-placeholder{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:13px;text-align:center}.avatar-preview{width:100%;height:100%;object-fit:cover;border-radius:50%}.cropper-modal{background:#111;padding:20px;border-radius:16px;width:90%;max-width:400px;margin:auto;position:relative;color:#fff;outline:none}.cropper-overlay{background-color:#000c;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center}.cropper-container{position:relative;width:100%;height:300px;margin:16px 0}.cropper-footer{display:flex;flex-direction:column;align-items:center;gap:10px}.crop-done-btn{background:linear-gradient(to right,#4d4be3,#a950ff);border:none;padding:10px 20px;border-radius:12px;color:#fff;font-weight:600;font-size:14px;cursor:pointer}.cropper-header{display:flex;justify-content:space-between;align-items:center}