@import"https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap";body{font-family:Lato;background-color:#f0f0f0;margin:0;padding:0}#root{background-color:#fff0}.menu-outer-container{display:flex;justify-content:center;align-items:center;height:100vh}.menu-container{background-color:#f0f0f0;border:1px solid #ccc;padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.menu-title{font-size:48px;font-family:Lato;text-align:center;margin:0;letter-spacing:2px;font-weight:700}.menu-info{font-size:24px;font-family:Lato;text-align:center;margin:0}.menu-button{width:100%;padding:20px 40px;border:1px solid #ccc;font-size:24px;cursor:pointer}.menu-button.selected{animation:pulse 1.2s infinite}@keyframes pulse{0%{color:#000;background-color:#c8191966}50%{color:#fff;background-color:#c8191999}to{color:#000;background-color:#c8191966}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{position:relative;background-color:#fff;padding:30px;border-radius:8px;box-shadow:0 4px 15px #0003;display:flex;flex-direction:column;align-items:center;gap:15px;min-width:300px;text-align:center;font-family:Lato}.modal-title{margin:0 0 10px;font-family:Lato}.modal-error{color:red;font-size:14px;margin:0;height:20px}.input-field{padding:10px;font-size:16px;width:calc(100% - 22px);border:1px solid #ccc;border-radius:4px;font-family:Lato}.modal-button{padding:10px 20px;font-size:16px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-family:Lato}.friend-request-row{display:flex;gap:10px;align-items:center}.section-title{font-family:Lato;text-align:center;margin:15px 0 5px;font-size:18px}.friend-name{margin:0}.auth-overlay{display:none}.auth-button{padding:10px 15px;font-size:16px;border-radius:4px;border:none;cursor:pointer;background-color:#007bff;color:#fff;transition:background-color .2s}.auth-button.google{background-color:#db4437}.auth-button.github{background-color:#333}.auth-button.close{margin-top:20px;background-color:#6c757d}.auth-button.google:hover{background-color:#c23321}.auth-button.github:hover{background-color:#222}.auth-button.close:hover{background-color:#5a6268}.modal-close-icon{position:absolute;top:8px;right:12px;border:none;background:transparent;font-size:20px;cursor:pointer}.modal-close-icon:hover{color:#666}.video-container{position:absolute;top:0;z-index:-1;width:100vw;height:100vh;overflow:hidden}video{object-fit:cover;filter:blur(3px);width:100%;height:100%;top:0;left:0;z-index:-1}