.login-form{animation:fadeIn .6s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#0009;border-radius:1.5rem;box-shadow:0 8px 30px #0006;display:flex;flex-direction:column;gap:1.2rem;max-width:400px;padding:2rem;width:90%}.login-form h2{color:#7effa1;font-size:1.4rem;margin-bottom:.5rem;text-align:center}.login-form input{background-color:#f0f0f0;border:none;border-radius:.8rem;color:#000;font-size:1rem;outline:none;padding:.8rem;transition:all .3s ease}.login-form input:focus{background-color:#fff;box-shadow:0 0 0 3px #7effa1}.login-form button{background-color:#38bdf8;border:none;border-radius:.8rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:.9rem;transition:background-color .3s ease}.login-form button:hover{background-color:#0ea5e9}.login-form p{font-size:.9rem;text-align:center}.login-form span{color:#7effa1;cursor:pointer;font-weight:700;transition:color .2s ease}.login-form span:hover{color:#38f3b9}body{align-items:center;background:linear-gradient(160deg,#1e3c72,#2a5298);color:#fff;display:flex;font-family:Segoe UI,sans-serif;height:100vh;justify-content:center;margin:0;padding:0}.signup-form{animation:fadeIn .6s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#0009;border-radius:1.5rem;box-shadow:0 8px 30px #0006;display:flex;flex-direction:column;gap:1.2rem;max-width:400px;padding:2rem;width:90%}.signup-form h2{color:#7effa1;font-size:1.4rem;margin-bottom:.5rem;text-align:center}.signup-form input{background-color:#f0f0f0;border:none;border-radius:.8rem;color:#000;font-size:1rem;outline:none;padding:.8rem;transition:all .3s ease}.signup-form input:focus{background-color:#fff;box-shadow:0 0 0 3px #7effa1}.signup-form button{background-color:#38bdf8;border:none;border-radius:.8rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:.9rem;transition:background-color .3s ease}.signup-form button:hover{background-color:#0ea5e9}.signup-form p{font-size:.9rem;text-align:center}.signup-form span{color:#7effa1;cursor:pointer;font-weight:700;transition:color .2s ease}.signup-form span:hover{color:#38f3b9}.home-container{animation:fadeIn .6s ease-in-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border-radius:1.5rem;box-shadow:0 8px 30px #0000004d;color:#fff;font-family:Segoe UI,sans-serif;margin:3rem auto;max-width:95%;padding:2rem;text-align:center}.home-container h2{color:#90f6d7;font-size:1.6rem;margin-bottom:1.5rem}.home-container p{color:#e3f2fd;font-size:1rem;line-height:1.4;margin:.75rem 0;word-break:break-word}.home-container .error{color:#ff6b6b;font-size:.95rem;font-weight:700}.home-container .loading{color:#ccc;font-size:.95rem;font-style:italic}@media (max-width:600px){.home-container{padding:1.5rem 1rem}.home-container h2{font-size:1.4rem}.home-container p{font-size:.9rem}}.stats-wrapper{animation:fadeInUp .5s ease-in-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-radius:1.5rem;box-shadow:0 8px 30px #0000004d;color:#fff;font-family:Segoe UI,sans-serif;margin:3rem auto;max-width:95%;padding:2rem 1.5rem;text-align:center}.stats-wrapper h2{color:#00ffc8;font-size:1.6rem;margin-bottom:1.5rem}.stats-wrapper p{color:#ccc;font-size:1rem;line-height:1.4;margin-top:1rem}.recharts-wrapper{max-width:100%}@media (max-width:600px){.stats-wrapper{padding:1.5rem 1rem}.stats-wrapper h2{font-size:1.3rem}.stats-wrapper p{font-size:.95rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.streaks-container{animation:fadeIn .5s ease-in-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;border-radius:1.5rem;box-shadow:0 10px 25px #00ffc826;color:#fff;font-family:Segoe UI,sans-serif;margin:3rem auto;max-width:95%;padding:2rem 1.5rem;text-align:center}.streaks-container h2{color:#00ffc8;font-size:1.6rem;margin-bottom:1rem}.streaks-container h3{color:#ffdb70;font-size:1.3rem;margin-top:2rem}.streaks-container p{color:#ccc;font-size:1rem;margin:.5rem 0}.streaks-container strong{color:#0f8;font-size:1.2rem;font-weight:700}ul{list-style:none;margin-top:1rem;padding:0}li{background:#1e1e1e;border-left:4px solid #00ffc8;border-radius:.75rem;color:#fff;font-size:1rem;margin:.5rem 0;padding:.75rem 1rem;transition:background .2s}li:hover{background:#2c2c2c}.empty{color:#888;font-style:italic;margin-top:1rem}@media (max-width:600px){.streaks-container{padding:1.5rem 1rem}.streaks-container h2{font-size:1.3rem}.streaks-container h3{font-size:1.1rem}li{font-size:.95rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.leaderboard-container{animation:slideIn .5s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border-radius:1.5rem;box-shadow:0 8px 20px #00ffc826;color:#fff;margin:2rem auto;max-width:90%;overflow:hidden;padding:2rem 1.5rem;width:100%}.leaderboard-container h2{color:#00ffc8;font-size:1.5rem;margin-bottom:1rem;text-align:center}.leaderboard-list{list-style:none;margin:0;max-height:60vh;overflow-y:auto;padding:0}.leaderboard-list li{background-color:#1a1a1a;border-radius:1rem;display:flex;font-size:1rem;justify-content:space-between;margin:.5rem 0;padding:.75rem 1rem;transition:background .3s ease}.leaderboard-list li:hover{background-color:#2c2c2c}.leaderboard-rank{color:#7effa1;font-weight:700}.leaderboard-user{color:#fff;flex:1 1;margin-left:1rem;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.leaderboard-score{color:#38bdf8;font-weight:700;text-align:right}@media (max-width:600px){.leaderboard-container{padding:1.5rem 1rem}.leaderboard-list li{font-size:.9rem;padding:.7rem}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.profile-container{animation:slideUp .5s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000b3;border-radius:1.5rem;box-shadow:0 10px 25px #00ffc81a;color:#fff;margin:2rem auto;max-width:95%;padding:2rem 1.5rem}.profile-container h2{color:#7effa1;font-size:1.6rem;margin-bottom:1rem;text-align:center}.profile-container p{font-size:1rem;margin:.5rem 0}.select-group{margin:1.5rem 0}.select-group label{display:block;font-weight:700;margin-bottom:.5rem}.select-group select{background-color:#f0f0f0;border:none;border-radius:.8rem;color:#000;font-size:1rem;outline:none;padding:.8rem;width:100%}.current-pref{color:#c2f2d0;margin-bottom:1rem}.profile-btn{background-color:#38bdf8;border:none;border-radius:.8rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-top:.8rem;padding:.9rem;transition:background-color .3s ease;width:100%}.profile-btn:hover{background-color:#0ea5e9}.reset-btn{background-color:#ff5c5c}.reset-btn:hover{background-color:#e63946}.save-msg{color:#7effa1;font-size:.95rem;font-weight:700;margin-top:.8rem;text-align:center}.logs-section{border-top:1px solid #fff3;margin-top:2rem;padding-top:1rem}.logs-section h3{color:#00ffc8;font-size:1.3rem;margin-bottom:1rem;text-align:center}.log-item{background-color:#1a1a1a;border-radius:1rem;font-size:.9rem;line-height:1.4;margin-bottom:.8rem;padding:.8rem 1rem}.log-item strong{color:#7effa1}.log-item em{color:#ddd;font-style:italic}@media (max-width:600px){.profile-container{padding:1.5rem 1rem}.profile-btn{font-size:.95rem}.log-item{font-size:.85rem}}@keyframes slideUp{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}.navbar{align-items:center;background-color:#111;box-shadow:0 2px 10px #000000b3;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:space-around;left:0;padding:.75rem 0;position:fixed;top:0;-webkit-user-select:none;user-select:none;width:100%;z-index:9999}.navbar a{border-radius:.5rem;color:#7effa1;font-size:1rem;font-weight:600;padding:.5rem .75rem;text-decoration:none;transition:background-color .3s ease,color .3s ease}.navbar a:focus,.navbar a:hover{background-color:#38f3b9;box-shadow:0 0 10px #38f3b9;color:#111;cursor:pointer;outline:none}.logout-btn{background-color:#e53e3e;border:none;border-radius:.6rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:.5rem 1rem;transition:background-color .3s ease;-webkit-user-select:none;user-select:none}.logout-btn:focus,.logout-btn:hover{background-color:#c53030;box-shadow:0 0 10px #c53030;outline:none}#root,.App,body{padding-top:56px}@media (max-width:350px){.navbar{flex-direction:column;padding:1rem 0}.logout-btn,.navbar a{margin:.3rem 0}}
/*# sourceMappingURL=main.33832a6a.css.map*/