*{box-sizing:border-box;font-family:Inter,Arial,Helvetica,serif;line-height:1.3;margin:0;padding:0;scroll-behavior:smooth}body .dark-mode{background-color:#1b1f23;color:#f3f3f3}a{color:inherit;text-decoration:none}input,select,textarea{background:none;border:none;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;outline:none}button,select{cursor:pointer}button{background:none;border:none;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;outline:none}.btn{background-color:#0a66c2;font-size:1rem;padding:.75rem 3rem;transition:all .2s ease-in-out}.dark-mode .btn{background-color:#3d9eff;color:#1b1f23}.btn:hover{background-color:#0856a4;transform:scale(1.05)}.dark-mode .btn:hover{background-color:#208fff}.btn:active,.dark-mode .btn:active{transform:scale(.95)}.btn:disabled,.dark-mode .btn:disabled{cursor:not-allowed;transform:none}.App{display:flex;flex-direction:column;min-height:100vh}.color-blue{color:#0a66c2}.underline{text-decoration:underline}.dark-mode .color-blue{color:#3d9eff}.logout-btn{background-color:#c14141;border-radius:5px;font-size:1rem;padding:.5rem 1rem}.navbar-inner{align-items:center;display:flex;flex-wrap:wrap;font-size:1.5rem;font-weight:700;gap:1.5rem;justify-content:space-between;margin:0 auto;max-width:1400px;padding:1.5rem 4rem;text-align:center;width:100%}.navbar .nav-links{align-items:center;display:flex;font-size:1rem;font-weight:400;gap:1rem}.navbar .nav-links .login-btn{transition:all .2s ease-in-out}.navbar .nav-links .login-btn:hover{color:#0a66c2}.dark-mode .navbar .nav-links .login-btn:hover{color:#3d9eff}.navbar .nav-links .signup-btn{background-color:#0a66c2;border-radius:5px;color:#dedfdf;padding:.5rem 1rem;transition:all .2s ease-in-out}.dark-mode .navbar .nav-links .signup-btn{background-color:#3d9eff;color:#1b1f23}.navbar .nav-links .signup-btn:hover{background-color:#0856a4;transform:scale(1.1)}.dark-mode .navbar .nav-links .signup-btn:hover{background-color:#208fff}.navbar .nav-links .signup-btn:active{transform:scale(.9)}.navbar .nav-n{color:#0a66c2}.dark-mode .navbar .nav-n{color:#3d9eff}.footer .footer-inner{align-items:center;display:flex;font-size:.8rem;gap:1rem;justify-content:space-between;margin:0 auto;max-width:1400px;padding:2rem 4rem;text-align:center;width:100%}.footer .footer-inner .footer-links{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.footer .footer-links a{min-width:-webkit-max-content;min-width:max-content;transition:all .2s ease-in-out}.footer .footer-links a:hover{color:#0a66c2}.dark-mode .footer .footer-links a:hover{color:#3d9eff}@media (max-width:900px){.navbar-inner{padding:1rem 2rem}.footer .footer-inner{align-items:center;flex-direction:column-reverse;gap:1rem}}@media (max-width:360px){.navbar-inner{flex-direction:column}}.home{display:flex;flex:1 1;flex-direction:column;justify-content:center;margin:0 auto;max-width:1400px;padding:4rem;text-align:center;width:100%}.home h1{font-size:3rem}.home p{font-size:1.5rem;margin:0 auto;max-width:700px;padding:2rem 0}@media (max-width:900px){.home{padding:2rem}}.loading-container{align-items:center;background-color:#1b1f23;color:#dedfdf;display:flex;flex-direction:column;height:100vh;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.spinner{animation:spin 1s linear infinite;border:6px solid #dedfdf;border-radius:50%;border-top-color:#007bff;height:50px;margin-bottom:1rem;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-container p{color:#555;font-size:1.2rem}.general-msg-container{align-items:flex-start;background:gray;color:#dedfdf;display:flex;font-weight:500;justify-content:space-between;padding:1rem;position:fixed;width:100%;z-index:100}.general-msg-container.success{background:#0a66c2}.general-msg-container.success .progress{background:#074582}.general-msg-container.error{background:#c14141}.general-msg-container.error .progress{background:#8d2121}.general-msg-container .general-msg{flex-grow:1;font-size:1rem;padding-right:.5rem}.general-msg-container button{font-size:1.5rem}.general-msg-container .progress-bar{background:#fff;border-radius:2px;bottom:0;height:4px;left:0;position:absolute;width:100%}.general-msg-container .progress{background:#595959;border-radius:2px;height:100%}.login-page,.signup-page{display:flex;flex:1 1;flex-direction:column;gap:2rem;margin:0 auto;max-width:1400px;padding:2rem 4rem;width:100%}.login-page .login-title,.signup-page .signup-title{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center;width:100%}.login-page .login-title h1,.signup-page .signup-title h1{font-size:3.5rem;font-weight:700}.login-page .login-title h1 span,.signup-page .signup-title h1 span{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#dedfdf,#064d94,#0a66c2);-webkit-background-clip:text}.dark-mode .login-page .login-title h1 span,.dark-mode .signup-page .signup-title h1 span{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#dedfdf,#3d9eff,#208fff);-webkit-background-clip:text}.login-page .login-title .description,.signup-page .signup-title .description{max-width:450px}.login-page .login-form-container,.signup-page .signup-form-container{align-items:center;border-radius:8px;display:flex;gap:4rem;justify-content:center;padding:0 4rem;width:100%}.login-page .login-form,.signup-page .signup-form{align-items:center;display:flex;flex:.85 1;flex-direction:column;gap:2rem;justify-content:center;max-width:600px;width:100%}.forgot-password-modal input,.login-page .login-form button,.login-page .login-form div,.login-page .login-form input,.signup-page .signup-form button,.signup-page .signup-form div,.signup-page .signup-form input{width:100%}.login-form .error,.signup-form .error{color:#c14141;text-align:start}.forgot-password-modal input,.login-form input,.signup-form input{background-color:#ffffff06;border:1px solid #dedfdf1e;border-radius:5px;padding:1rem;transition:all .2s ease-in-out;width:100%}.forgot-password-modal input:hover,.login-form input:hover,.signup-form input:hover{border:1px solid #0a66c2}.forgot-password-modal input:focus,.login-form input:focus,.signup-form input:focus{border:2px solid #0a66c2}.dark-mode .forgot-password-modal input:hover,.dark-mode .login-form input:hover,.dark-mode .signup-form input:hover{border:1px solid #3d9eff}.dark-mode .forgot-password-modal input:focus,.dark-mode .login-form input:focus,.dark-mode .signup-form input:focus{border:2px solid #3d9eff}.signup-form .name-container{display:flex;flex-wrap:wrap;gap:2rem;width:100%}.signup-form .name-container input{flex:1 1;min-width:120px}.login-form .login-button,.signup-form .signup-btn{background-color:#0a66c2;border:none;border-radius:5px;color:#1b1f23;cursor:pointer;font-size:inherit;font-weight:500;padding:1rem 2rem;transition:all .2s ease-in-out}.dark-mode .login-form .login-button,.dark-mode .signup-form .signup-btn{background-color:#208fff;color:#1b1f23}.login-form .login-button:hover,.signup-form .signup-btn:hover{transform:scale(1.03)}.login-form .login-button:active,.signup-form .signup-btn:active{transform:scale(.99)}.password-input-container{position:relative}.login-page .login-form .password-toggle,.signup-page .signup-form .password-toggle{cursor:pointer;font-size:18px;position:absolute;right:1rem;top:54%;transform:translateY(-50%);width:-webkit-max-content;width:max-content}.password-toggle:hover{color:#0a66c2}.dark-mode .password-toggle:hover{color:#3d9eff}.login-form .or,.signup-form .or{color:#9e9e9e;text-align:center}.inactive-user-backdrop{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:99}.inactive-user-msg{background:#1b1f23;border-radius:5px;box-shadow:0 0 5px 2px #0003;font-weight:700;margin:2rem;max-width:500px;padding:4rem;position:relative;text-align:center;width:90%}.login-page .inactive-user-msg .close-btn,.signup-page .inactive-user-msg .close-btn{background:#0000;border:none;cursor:pointer;font-size:1.5rem;font-weight:700;position:absolute;right:1rem;top:.5rem;width:-webkit-max-content;width:max-content}.inactive-user-msg .resend-verification-btn{background-color:#0a66c2;border-radius:5px;color:#dedfdf;margin-top:2rem;padding:1rem 2rem;transition:all .2s ease-in-out}.inactive-user-msg .resend-verification-btn:hover{transform:scale(1.05)}.inactive-user-msg .resend-verification-btn:active{transform:scale(.99)}.dark-mode .inactive-user-msg .resend-verification-btn{background-color:#3d9eff;color:#1b1f23}.inactive-user-msg .resend-verification-btn:disabled{background-color:#dedfdf;color:#1b1f23;cursor:not-allowed}.login-page .login-form .google-signin-btn,.signup-page .signup-form .google-signin-btn{align-items:center;background-color:#f3f3f3;display:flex;gap:1rem;justify-content:center;width:100%}.login-page .forgot-password-btn{color:#3d9eff;text-align:end}.forgot-password-content,.forgot-password-modal{align-items:center;display:flex;flex-direction:column;gap:2rem}label{align-self:flex-start}@media (max-width:900px){.login-page,.signup-page{gap:1rem;padding:1rem 0 0}.login-page .login-title,.signup-page .signup-title{padding:0 2rem}.login-page .login-form-container,.signup-page .signup-form-container{border-radius:0;flex-direction:column;gap:2rem;padding:2rem}}@media (max-width:670px){.login-page .login-title h1,.signup-page .signup-title h1{font-size:2.3rem}}@media (max-width:484px){.login-page .login-title h1,.signup-page .signup-title h1{font-size:2rem}}.landing-page{width:100%}.landing-page-section{margin:0 auto;max-width:1400px;padding:3rem 4rem 0;width:100%}.landing-page section{padding-bottom:3rem}section:last-of-type{padding-bottom:1rem}.landing-bg-color{background-color:#ffffff0a}.landing-page .hero-section{align-items:center;display:flex;gap:4rem;justify-content:space-between;width:100%}.landing-page .hero-txt{display:flex;flex-direction:column;gap:2rem}.landing-page .hero-txt h1{font-size:3.3rem;line-height:3.3rem;max-width:590px}.landing-page .hero-txt p{max-width:550px}.landing-page .btn-container{align-items:center;display:flex;gap:1rem}.landing-page .hero-img{background-image:url(/static/media/landing.2bae9ee4b77f1cf371b3.webp);background-position:100%;background-repeat:no-repeat;background-size:contain;height:85vh;max-height:550px;width:50%}.landing-page .features-section{align-items:center;display:flex;gap:2rem;justify-content:space-between}.landing-page .features-section .feature-container{width:25%}.landing-page .features-section h4{align-items:center;display:flex;gap:1rem;padding-bottom:1rem}.landing-page .features-section .feature-container .icon,.landing-page h2{font-size:2rem}.landing-page p{max-width:600px}.landing-page .demo-section,.landing-page .last-cta-section{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:space-between;text-align:center}.landing-page .demo-section .demo-vid{aspect-ratio:16/9;border:none;border-radius:10px;max-width:900px;width:100%}.landing-page .extension-imgs-section{align-items:center;display:flex;flex-direction:column;gap:2rem;justify-content:center;text-align:center}.landing-page .extension-imgs-section img{max-width:700px;width:100%}.landing-page .mid-cta-section{align-items:center;display:flex;flex-wrap:wrap;gap:1rem 4rem;justify-content:center;margin:0 auto;max-width:1400px;width:100%}.landing-page .mid-cta-section .mid-cta-txt{display:flex;flex-direction:column;gap:1rem}.landing-page .mid-cta-section .store-img{background-image:url(/static/media/Google_Chrome_Web_Store_icon_2022.18a3cee90bb3b0584cfe.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;height:100px;width:100px}.landing-page .faq-section{display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:700px;width:100%}@media (max-width:900px){.landing-page .hero-section{align-items:center;flex-direction:column-reverse;gap:2rem;justify-content:center;margin:2rem auto;margin:0;padding:0 2rem;padding:0}.hero-section .hero-img{background-position:50%;height:90vw;max-height:50vh;width:100%}.landing-page .hero-txt{align-items:center;justify-content:center;padding-left:0;text-align:center}.landing-page .landing-page-section{padding:2rem}.landing-page section{padding-bottom:2rem}.landing-page section .landing-page-section,.landing-page section:last-of-type{padding-bottom:0}}@media (max-width:670px){.landing-page .hero-txt h1{font-size:2.3rem;line-height:2.3rem}.landing-page h2{font-size:1.75rem}.landing-page .mid-cta-section .mid-cta-txt{align-items:center;text-align:center}.landing-page .btn-container{flex-direction:column}}@media (max-width:484px){.landing-page .hero-txt h1{font-size:2rem;line-height:2rem}}.privacy-container{font-family:Arial,Helvetica,sans-serif;margin:0 auto;max-width:1300px;padding:4rem;width:100%}.privacy-container p{font-family:Arial,Helvetica,sans-serif;padding-bottom:1rem}.privacy-container h1{font-family:Arial,Helvetica,sans-serif;padding-bottom:4rem;text-align:center}.privacy-container h2,.privacy-container h3{font-family:Arial,Helvetica,sans-serif;padding-bottom:1rem}@media (max-width:900px){.privacy-container{padding:2rem}.privacy-container h1{padding-bottom:2rem}}.not-found-container{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:2rem;justify-content:center;margin:0 auto;max-width:1400px;padding:4rem;text-align:center;width:100%}.not-found-container .empty-img{max-width:200px}.not-found-container .not-found-container-title{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center;width:100%}.not-found-container .not-found-container-title h1{font-size:3.5rem;font-weight:700}.not-found-container .not-found-container-title h1 span{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#dedfdf,#064d94,#0a66c2);-webkit-background-clip:text}.dark-mode .not-found-container .not-found-container-title h1 span{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#dedfdf,#3d9eff,#208fff);-webkit-background-clip:text}.not-found-container .not-found-container-title p{margin-top:2rem;max-width:600px}@media (max-width:900px){.not-found-container{padding:2rem}}@media (max-width:358px){.not-found-container .not-found-container-title h1{font-size:2.3rem}}.dashboard-container{margin:auto;max-width:1300px;padding:0 4rem;width:100%}.dashboard-title{color:#dedfdf;margin:2rem 0}.metrics-container{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin-bottom:2rem}.metric-card{background-color:#0a66c2;border-radius:8px;flex:1 1;padding:1rem;text-align:center}.metric-card h2{font-size:inherit;margin-bottom:.5rem}.metric-card p{font-size:1.2rem}.highlight{color:#b5d1ed}.graphs{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between}.chart-section{margin-bottom:2rem}.chart-section h3,.chart-select{margin-bottom:1rem}.chart-select{background-color:#1c1c1c;border-radius:4px;color:#b5d1ed}.engagement-pie{color:#1b1f23;height:300px;margin:0 auto;max-width:100%;width:400px}.notes-created,.user-growth{flex:1 1;max-width:100%}@media (max-width:900px){.dashboard-container{padding:2rem 2rem 0}}.contact-page{flex:1 1;gap:4rem;margin:0 auto;max-width:1400px;padding:2rem 4rem}.contact-page,.contact-page .contact-title{display:flex;flex-direction:column;width:100%}.contact-page .contact-title{align-items:center;justify-content:center;text-align:center}.contact-page .contact-title h1{font-size:3.5rem;font-weight:700}.contact-page .contact-title h1 span{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#dedfdf,#064d94,#0a66c2);-webkit-background-clip:text}.dark-mode .contact-page .contact-title h1 span{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#dedfdf,#3d9eff,#208fff);-webkit-background-clip:text}.contact-page .contact-title p{max-width:450px}.contact-page .contact-container{align-items:center;border-radius:8px;display:flex;gap:4rem;justify-content:center;padding:4rem;width:100%}.contact-page .contact-container .contact-form{display:flex;flex:.85 1;flex-direction:column;gap:2rem;width:100%}.contact-page .contact-container .contact-form .contact-form-title h2{font-size:1.75rem}.contact-page .contact-container .contact-form .contact-form-content{display:flex;flex-direction:column;gap:1rem;width:100%}.contact-page .contact-container .contact-form .contact-form-content .names-container{display:flex;gap:1rem;width:100%}.contact-page .contact-container .contact-form .contact-form-content .names-container input{flex:1 1}.contact-page .contact-container .contact-form .contact-form-content input,.contact-page .contact-container .contact-form .contact-form-content select,.contact-page .contact-container .contact-form .contact-form-content textarea{background-color:#ffffff06;border:1px solid #dedfdf1e;border-radius:5px;padding:1rem;transition:all .2s ease-in-out;width:100%}.contact-page .contact-container .contact-form .contact-form-content input:active,.contact-page .contact-container .contact-form .contact-form-content input:hover,.contact-page .contact-container .contact-form .contact-form-content select:hover,.contact-page .contact-container .contact-form .contact-form-content textarea:active,.contact-page .contact-container .contact-form .contact-form-content textarea:hover{border:1px solid #0a66c2}.contact-page .contact-container .contact-form .contact-form-content input:focus,.contact-page .contact-container .contact-form .contact-form-content textarea:focus{border:2px solid #0a66c2}.dark-mode .contact-page .contact-container .contact-form .contact-form-content input:active,.dark-mode .contact-page .contact-container .contact-form .contact-form-content input:hover,.dark-mode .contact-page .contact-container .contact-form .contact-form-content select:hover,.dark-mode .contact-page .contact-container .contact-form .contact-form-content textarea:active,.dark-mode .contact-page .contact-container .contact-form .contact-form-content textarea:hover{border:1px solid #3d9eff}.dark-mode .contact-page .contact-container .contact-form .contact-form-content input:focus,.dark-mode .contact-page .contact-container .contact-form .contact-form-content textarea:focus{border:2px solid #3d9eff}.contact-page .contact-container .contact-form .contact-form-content option{background-color:#dedfdf;color:#1b1f23;padding:8px}.contact-page .contact-container .contact-form .contact-form-content textarea{resize:vertical}.contact-page .contact-container .contact-form .contact-form-content button{background-color:#0a66c2;border:none;border-radius:5px;color:#fff;padding:1rem;transition:all .2s ease-in-out}.dark-mode .contact-page .contact-container .contact-form .contact-form-content button{background-color:#dedfdf;color:#1b1f23}.contact-page .contact-container .contact-form .contact-form-content button:hover{background-color:#064d94}.dark-mode .contact-page .contact-container .contact-form .contact-form-content button:hover{background-color:#3d9eff}.contact-page .contact-container .contact-form .contact-form-content button:active{transform:scale(.95)}.contact-page .contact-container .contact-social-title h2{padding-bottom:.5rem}.contact-page .contact-container .contact-social-container{background-color:#0a66c2;border-radius:8px;display:flex;flex:.75 1;flex-direction:column;gap:1rem;justify-content:center;padding:3rem}.dark-mode .contact-page .contact-container .contact-social-container{background-color:#3d9eff;color:#1b1f23}.contact-page .contact-container .contact-social-container .contact-social{align-items:center;display:flex;gap:.5rem;justify-content:flex-start}.contact-page .contact-container .contact-social-container .contact-social .email{font-weight:700;transition:all .2s ease-in-out}.contact-page .contact-container .contact-social-container .contact-social .email:hover{color:#fff;text-decoration:underline}.contact-page .contact-container .contact-social-container .contact-social .icon{font-size:20px;transition:all .2s ease-in-out}.contact-page .contact-container .contact-social-container .contact-social .icon:hover{color:#fff;transform:scale(1.2)}.contact-page .contact-container .contact-social-container .contact-social .icon:active{transform:scale(.9)}@media (max-width:900px){.contact-page{gap:2rem;padding:2rem 0}.contact-page .contact-title{padding:0 2rem}.contact-page .contact-container{border-radius:0;flex-direction:column;gap:2rem;padding:2rem}.contact-page .contact-container .contact-social-container{padding:2rem}}@media (max-width:670px){.contact-page .contact-title h1{font-size:2.3rem}}.about-page{flex:1 1;gap:4rem;margin:0 auto;max-width:1400px;padding:2rem 4rem}.about-page,.about-page .about-title{display:flex;flex-direction:column;width:100%}.about-page .about-title{align-items:center;justify-content:center;text-align:center}.about-page .about-title h1{font-size:3.5rem;font-weight:700}.about-page .about-title h1 span{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#dedfdf,#064d94,#0a66c2);-webkit-background-clip:text}.dark-mode .about-page .about-title h1 span{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#dedfdf,#3d9eff,#208fff);-webkit-background-clip:text}.about-page .about-title p{max-width:450px}.about-page .ship-or-sink{align-items:center;background-color:#ffffff0a;border-radius:8px;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;padding:4rem}.about-page .ship-or-sink .ship-or-sink-cta{border:4px solid #f3f3f3;border-radius:8px;display:flex;flex-direction:column;gap:1rem;min-width:-webkit-max-content;min-width:max-content;padding:2rem 4rem;text-align:center}.about-page .ship-or-sink .ship-or-sink-cta h2{font-size:2rem}.about-page .ship-or-sink .ship-or-sink-info{font-size:1.25rem;max-width:600px}.about-page .team-members,.about-page .team-members-container{align-items:center;display:flex;flex-direction:column;gap:4rem;justify-content:center;width:100%}.about-page .team-members-container h2{font-size:2rem;text-align:center}.about-page .team-member{align-items:center;display:flex;gap:4rem;justify-content:space-between;width:100%}.about-page .team-member:last-of-type{flex-direction:row-reverse}.about-page .team-member .member-title{flex-wrap:wrap;font-size:1.5rem;justify-content:space-between}.about-page .team-member .member-title,.about-page .team-member .member-title .social-icons{align-items:center;display:flex;gap:1rem}.about-page .team-member .member-title .social-icons a{transition:all .2s ease-in-out}.about-page .team-member .member-title .social-icons a:hover{color:#3d9eff;transform:scale(1.2)}.about-page .team-member .member-info{display:flex;flex-direction:column;font-size:1.2rem;gap:1rem;max-width:700px}.about-page .team-member .member-img{max-width:400px;width:100%}@media (max-width:900px){.about-page{gap:2rem;padding:2rem 0}.about-page .about-title,.about-page .team-members-container h2{padding:0 2rem}.about-page .ship-or-sink .ship-or-sink-info{text-align:center}.about-page .team-members{padding:0 2rem}.about-page .team-member,.about-page .team-member:last-of-type{flex-direction:column;justify-content:center}}@media (max-width:670px){.about-page .about-title h1{font-size:2.3rem}.about-page .ship-or-sink{padding:2rem}.about-page .ship-or-sink .ship-or-sink-info{text-align:left}}@media (max-width:484px){.contact-page .contact-title h1{font-size:2rem}}.Profile-page{flex:1 1;margin:0 auto;max-width:1400px;padding:2rem 0}.Profile-page,.Profile-page .Profile-title{display:flex;flex-direction:column;width:100%}.Profile-page .Profile-title{align-items:center;justify-content:center;text-align:center}.Profile-page .Profile-title h1{font-size:3.5rem;font-weight:700}.Profile-page .Profile-title h1 span{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#dedfdf,#064d94,#0a66c2);-webkit-background-clip:text}.dark-mode .Profile-page .Profile-title h1 span{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#dedfdf,#3d9eff,#208fff);-webkit-background-clip:text}.Profile-page .signup-page{align-items:center}.Profile-page input:disabled{cursor:not-allowed}.Profile-page .signup-page .name-container .btn{flex:1 1}@media (max-width:900px){.Profile-page{gap:2rem;padding:2rem}.Profile-page .Profile-title{padding:0 2rem}}@media (max-width:670px){.Profile-page .Profile-title h1{font-size:2.3rem}}.all-notes-dashboard{display:flex;flex-direction:column;margin:0 auto;max-width:1300px;min-height:80vh;padding:2rem;width:100%}.dashboard-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.notes-grid{grid-gap:1.2rem;align-items:start;display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));width:100%}.dashboard-loading,.no-notes-msg{color:#888;font-size:1.2rem;margin-top:3rem;text-align:center}.note-item{background:#1b1f23;border-radius:.5rem;box-shadow:0 -3px 10px #0000004d;display:flex;flex-direction:column;margin:0;max-width:260px;min-width:180px;position:relative;transition:box-shadow .2s;width:100%}.note-item:focus-within,.note-item:hover{box-shadow:0 0 16px 2px #3d9eff44}.note-header{align-items:center;background:#212427;border-left:.3rem solid #0a66c2;border-radius:.5rem .5rem 0 0;display:flex;gap:.5rem;justify-content:space-between;padding:.7rem 1.2rem .7rem 1rem}.note-title-container{flex:1 1;position:relative}.note-title{background:none;border:none;box-shadow:none;color:#dedfdf;font-size:1.1rem;font-weight:500;outline:none;padding:0;width:100%}.note-title::placeholder{color:#888}.delete-note-btn{background:none;border:none;color:#dedfdf;font-size:1.2rem;transition:color .2s}.delete-note-btn:disabled{cursor:not-allowed;opacity:.6}.delete-note-btn:hover:not(:disabled){color:#cb112d}.note-textarea{background:none;border:none;color:#dedfdf;font-size:.95rem;min-height:40px;outline:none;padding:.7rem 1.2rem 0;resize:vertical;width:100%}.note-textarea::placeholder{color:#888}.note-meta{align-items:center;color:#3d9eff;display:flex;font-size:.85rem;justify-content:space-between;padding:.7rem 1.2rem 0;width:100%}.btn{background-color:#3d9eff;border:none;border-radius:5px;color:#1b1f23;font-size:.95rem;font-weight:600;margin-top:.7rem;min-width:-webkit-max-content;min-width:max-content;padding:.4rem 1.2rem;text-align:center;transition:all .2s}.btn:hover{background-color:#208fff}.btn:active{transform:scale(.95)}.btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:900px){.notes-grid{gap:.7rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.note-item{max-width:100%;min-width:0}}@media (max-width:600px){.dashboard-header{align-items:flex-start;flex-direction:column;gap:.5rem}.notes-grid{gap:.5rem;grid-template-columns:1fr 1fr}.note-item{max-width:100%;min-width:0}}@media (max-width:400px){.notes-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.ad029b33.css.map*/