html,body,#root{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background-color:#f0f0f0;font-family:sans-serif}canvas{display:block;width:100%;height:100%}.auth-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.auth-modal{background:#fff;border-radius:12px;padding:30px;width:90%;max-width:450px;position:relative;box-shadow:0 10px 40px #0000004d;max-height:90vh;overflow-y:auto}.auth-modal-close{position:absolute;top:15px;right:15px;background:none;border:none;font-size:28px;cursor:pointer;color:#666;line-height:1;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:color .2s}.auth-modal-close:hover{color:#000}.auth-modal h2{margin:0 0 20px;color:#333;font-size:24px}.auth-error{background:#fee;border:1px solid #fcc;color:#c33;padding:10px;border-radius:6px;margin-bottom:15px;font-size:14px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;color:#555;font-weight:500;font-size:14px}.form-group input{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .2s;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#4a90e2}.form-group input:disabled{background:#f5f5f5;cursor:not-allowed}.auth-submit-btn{width:100%;padding:12px;background:#4a90e2;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s;margin-top:10px}.auth-submit-btn:hover:not(:disabled){background:#357abd}.auth-submit-btn:disabled{background:#ccc;cursor:not-allowed}.auth-toggle{margin-top:20px;text-align:center;color:#666;font-size:14px}.auth-toggle-btn{background:none;border:none;color:#4a90e2;cursor:pointer;font-size:14px;font-weight:600;padding:0;text-decoration:underline}.auth-toggle-btn:hover:not(:disabled){color:#357abd}.auth-toggle-btn:disabled{color:#ccc;cursor:not-allowed}