:root{--font-brand:"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-navbar:"Quicksand",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-heading:"Poppins",var(--font-brand);--font-title:"Nunito",var(--font-brand);--font-body:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--fw-light:300;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--bg-primary:#000;--bg-secondary:#ffffff0d;--bg-card:#ffffff0f;--bg-nav:#ffffffe6;--text-primary:#fff;--text-secondary:#fffc;--border-color:#ffffff1a;--snow-color:#fff9;--color-primary:#6366f1;--color-secondary:#f59e0b;--color-accent:#ec4899;--color-success:#10b981}.light-theme{--bg-primary:#fff;--bg-secondary:#fffffff2;--bg-card:#fffffffa;--bg-nav:#fffffff2;--text-primary:#0f172a;--text-secondary:#475569;--border-color:#0f172a26;--snow-color:#3b82f666}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;background:var(--bg-primary);color:#fff;color:var(--text-primary);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-body);font-weight:400;font-weight:var(--fw-regular);margin:0;min-height:100vh;overflow-x:hidden;padding:0}.home-container{align-items:center;display:flex;font-family:Poppins,sans-serif;height:87vh;justify-content:center;text-align:center}.home-content{padding:30px}.home-title{align-items:center!important;color:#fff!important;color:var(--text-primary)!important;display:flex!important;flex-wrap:wrap!important;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;font-family:var(--font-heading)!important;font-size:3.5rem!important;font-weight:800!important;font-weight:var(--fw-extrabold)!important;gap:1.2rem!important;justify-content:center!important;letter-spacing:-.01em!important;margin-bottom:1.5rem!important;text-shadow:0 4px 20px #0000001a!important}.home-title-icon{height:60px;object-fit:contain;width:60px}.home-tagline{color:#fffc!important;color:var(--text-secondary)!important;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;font-family:var(--font-body)!important;font-size:1.4rem!important;font-style:italic!important;font-weight:500!important;font-weight:var(--fw-medium)!important;letter-spacing:.5px!important;line-height:1.5!important;margin-bottom:3rem!important;text-shadow:0 2px 10px #0000001a!important}.home-buttons{display:flex;gap:20px;justify-content:center}@media (max-width:768px){.home-container{height:60vh;padding:1rem}.home-content{height:45vh;padding:15px}.home-title{font-size:2.2rem!important;gap:.6rem!important;margin-bottom:.8rem!important}.home-title-icon{height:40px;width:40px}.home-tagline{font-size:1rem!important;margin-bottom:1.5rem!important;padding:0 1rem}.home-buttons{gap:10px}.view-btn,.write-btn{border-radius:15px!important;font-size:.8rem!important;letter-spacing:.3px!important;min-width:110px!important;padding:.6rem 1.2rem!important}}.btn{-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;border:2px solid #ffffff1a!important;border:2px solid var(--border-color)!important;border-radius:20px!important;box-shadow:0 10px 30px #00000040!important;color:#fff!important;cursor:pointer!important;font-family:Nunito,Poppins,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;font-family:var(--font-title)!important;font-size:1.2rem!important;font-weight:700!important;font-weight:var(--fw-bold)!important;letter-spacing:.8px!important;padding:1.2rem 2.5rem!important;text-shadow:0 2px 4px #0000004d!important;text-transform:uppercase!important;transition:all .3s ease!important}.light-theme .btn{border:2px solid #3b82f64d!important;box-shadow:0 10px 30px #3b82f626!important;text-shadow:0 2px 4px #3b82f633!important}.write-btn{background:linear-gradient(135deg,#facc15cc,#fde04799)}.write-btn:hover{background:linear-gradient(135deg,#facc15e6,#fde047cc);box-shadow:0 12px 32px #facc154d;transform:translateY(-4px)}.view-btn{background:linear-gradient(135deg,#4ade80cc,#86efac99)}.view-btn:hover{background:linear-gradient(135deg,#4ade80e6,#86efaccc);box-shadow:0 12px 32px #4ade804d;transform:translateY(-4px)}.write-note-container{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#ffffff0f;background:var(--bg-card);border:1px solid #ffffff1a;border:1px solid var(--border-color);border-radius:20px;box-shadow:0 16px 64px #0000004d;font-family:Poppins,sans-serif;margin:1rem auto;max-width:600px;min-height:-webkit-fit-content;min-height:fit-content;padding:2rem 2.5rem}.light-theme .write-note-container{box-shadow:0 16px 64px #3b82f626}.write-note-title{-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#fff,#e0f2fe)!important;-webkit-background-clip:text!important;background-clip:text!important;color:#fff!important;color:var(--text-primary)!important;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;font-family:var(--font-heading)!important;font-size:2.2rem!important;font-weight:800!important;font-weight:var(--fw-extrabold)!important;letter-spacing:-.02em!important;margin-bottom:.5rem!important;text-align:center!important;text-shadow:0 4px 20px #ffffff4d!important}.light-theme .write-note-title{-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#1e293b,#3b82f6)!important;-webkit-background-clip:text!important;text-shadow:0 4px 20px #3b82f633!important}.write-note-tagline{color:#fffc!important;color:var(--text-secondary)!important;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;font-family:var(--font-body)!important;font-size:1rem!important;font-style:italic!important;font-weight:400!important;font-weight:var(--fw-regular)!important;letter-spacing:.3px!important;margin-bottom:2rem!important;text-align:center!important}.write-note-form .form-group{display:flex;flex-direction:column;margin-bottom:1.2rem}.write-note-form label{color:#fff!important;color:var(--text-primary)!important;font-family:Nunito,Poppins,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;font-family:var(--font-title)!important;font-size:1rem!important;font-weight:700!important;font-weight:var(--fw-bold)!important;letter-spacing:.3px!important;margin-bottom:.5rem!important;text-shadow:0 2px 8px #0000004d!important;text-transform:capitalize!important}.light-theme .write-note-form label{text-shadow:0 2px 8px #3b82f61a!important}.write-note-form input,.write-note-form textarea{-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;background:#ffffff0d!important;background:var(--bg-secondary)!important;border:2px solid #ffffff1a!important;border:2px solid var(--border-color)!important;border-radius:12px!important;box-shadow:inset 0 2px 8px #00000026,0 4px 20px #0000001a!important;color:#fff!important;color:var(--text-primary)!important;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;font-family:var(--font-body)!important;font-size:1rem!important;font-weight:400!important;font-weight:var(--fw-regular)!important;line-height:1.5!important;outline:none!important;padding:.8rem 1rem!important;transition:all .3s ease!important}.light-theme .write-note-form input,.light-theme .write-note-form textarea{box-shadow:inset 0 2px 8px #3b82f614,0 4px 20px #3b82f60d!important}.write-note-form input:focus,.write-note-form textarea:focus{background:#ffffff1f;border-color:#facc1599;box-shadow:0 8px 32px #facc1533;transform:translateY(-2px)}.write-note-form input::placeholder,.write-note-form textarea::placeholder{color:#fffc;color:var(--text-secondary)}.submit-btn{-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;border:2px solid #ffffff4d!important;border-radius:15px!important;box-shadow:0 8px 25px #6366f166!important;color:#fff!important;cursor:pointer!important;font-family:Nunito,Poppins,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;font-family:var(--font-title)!important;font-size:1.1rem!important;font-weight:700!important;font-weight:var(--fw-bold)!important;letter-spacing:.8px!important;margin-top:.5rem!important;padding:1rem 1.5rem!important;text-shadow:0 2px 4px #0000004d!important;text-transform:uppercase!important;transition:all .3s ease!important;width:100%!important}.submit-btn:disabled{background:#80808080}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563ebe6,#1d4ed8);box-shadow:0 12px 32px #2563eb66;transform:translateY(-4px)}.notes-view-container{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#ffffff0f;background:var(--bg-card);border:2px solid #ffffff1a;border:2px solid var(--border-color);border-radius:24px;box-shadow:0 20px 80px #96c8ff26,inset 0 1px 0 #fff3,0 0 60px #c8e6ff1a;margin:2rem;padding:2rem;position:relative}.light-theme .notes-view-container{background:#fffffffa;border:2px solid #0f172a1a;box-shadow:0 20px 80px #0f172a1a,inset 0 1px 0 #fffc}.notes-view-container:before{background:radial-gradient(circle at 20% 30%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 70%,#c8e6ff14 0,#0000 50%),radial-gradient(circle at 40% 80%,#ffffff0d 0,#0000 50%);border-radius:24px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.note-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;background:var(--bg-secondary);border:2px solid #ffffff1a;border:2px solid var(--border-color);border-radius:16px;box-shadow:0 8px 32px #0003;cursor:pointer;margin:1rem 0;padding:1.5rem;position:relative;transition:all .3s ease}.light-theme .note-card{background:#fffffff2;border:2px solid #0f172a1a;box-shadow:0 8px 32px #0f172a26}.note-card:hover{border:2px solid #64c8ff99;box-shadow:0 0 30px #64c8ff66,0 16px 48px #0000004d;transform:scale(1.05)}.note-card-top{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.note-actions{display:flex;gap:.5rem}.note-title{color:#fff!important;color:var(--text-primary)!important;flex:1 1!important;font-family:Nunito,Poppins,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;font-family:var(--font-title)!important;font-size:1.4rem!important;font-weight:700!important;font-weight:var(--fw-bold)!important;letter-spacing:.3px!important;line-height:1.3!important;margin:0!important;padding-right:1rem!important;text-shadow:0 2px 8px #0000004d!important}.light-theme .note-title{text-shadow:0 2px 8px #3b82f61a!important}.note-desc{color:#fffc!important;color:var(--text-secondary)!important;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;font-family:var(--font-body)!important;font-size:1rem!important;font-weight:400!important;font-weight:var(--fw-regular)!important;letter-spacing:.2px!important;line-height:1.6!important;margin:0 0 1.2rem!important}.note-footer{border-top:1px solid #ffffff1a;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;margin-top:auto;padding-top:.5rem}.note-date{color:#fffc;color:var(--text-secondary);font-size:.75rem;font-style:italic}.note-badge{background:linear-gradient(135deg,#facc15cc,#fde04799);border:1px solid #fff3;border-radius:12px;box-shadow:0 2px 8px #facc154d;color:#000;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.3px;margin-bottom:.8rem;padding:4px 10px;text-transform:uppercase}.icon-btn,.note-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.icon-btn{align-items:center;background:#ffffff0d;background:var(--bg-secondary);border:1px solid #ffffff1a;border:1px solid var(--border-color);border-radius:8px;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;height:32px;justify-content:center;transition:all .3s ease;width:32px}.icon-btn img{height:16px;object-fit:contain;width:16px}.icon-btn:hover{background:#fff3;transform:scale(1.1)}.icon-edit:hover{background:#4ade804d;border-color:#4ade8080}.icon-delete:hover{background:#ef44444d;border-color:#ef444480}.notes-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-top:2rem}@media (max-width:768px){.notes-view-container{margin:1rem;padding:1.5rem}.notes-grid{gap:1rem;grid-template-columns:1fr}.notes-title{font-size:2.2rem!important}.notes-sub{font-size:1rem!important}}.notes-header-content{text-align:center}.notes-text{margin-bottom:1.5rem}.notes-title{background:linear-gradient(135deg,#fff,#e3f2fd)!important;-webkit-background-clip:text!important;background-clip:text!important;color:#fff!important;color:var(--text-primary)!important;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;font-family:var(--font-heading)!important;font-size:3rem!important;font-weight:800!important;font-weight:var(--fw-extrabold)!important;letter-spacing:-.02em!important;margin:0 0 1rem!important;text-align:center!important;text-shadow:0 4px 20px #fff3!important}.light-theme .notes-title,.notes-title{-webkit-text-fill-color:#0000!important}.light-theme .notes-title{background:linear-gradient(135deg,#1e293b,#3b82f6)!important;-webkit-background-clip:text!important;text-shadow:0 4px 20px #3b82f633!important}.notes-sub{color:#fffc!important;color:var(--text-secondary)!important;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;font-family:var(--font-body)!important;font-size:1.2rem!important;font-weight:500!important;font-weight:var(--fw-medium)!important;letter-spacing:.3px!important;line-height:1.6!important;margin:0 0 2rem!important;text-align:center!important}.write-btn-small{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#facc15cc,#fde04799);border:1px solid #fff3;border-radius:12px;box-shadow:0 4px 16px #facc154d;color:#000;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 16px;transition:all .3s ease;white-space:nowrap}.write-btn-small:hover{background:linear-gradient(135deg,#facc15e6,#fde047cc);box-shadow:0 8px 24px #facc1566;transform:translateY(-2px)}.notes-bottom-action{display:flex;justify-content:center;margin-top:2rem;padding-bottom:2rem}.notes-empty{padding:3rem 1rem;text-align:center}.notes-empty h3{color:#fff;color:var(--text-primary);margin:1rem 0 .5rem}.notes-empty p{color:#fffc;color:var(--text-secondary);margin-bottom:1.5rem}.empty-ill{font-size:3rem;margin-bottom:1rem}.about-container{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:linear-gradient(135deg,#c8e6ff1a,#96c8ff14 50%,#b4dcff1f);border:2px solid #c8e6ff33;border-radius:24px;box-shadow:0 20px 80px #96c8ff26,inset 0 1px 0 #fff3;margin:2rem auto;max-width:1000px;padding:3rem;position:relative}.about-content{text-align:center}.about-title{-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#fff,#e3f2fd)!important;-webkit-background-clip:text!important;background-clip:text!important;color:#fff!important;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;font-family:var(--font-heading)!important;font-size:3.2rem!important;font-weight:800!important;font-weight:var(--fw-extrabold)!important;letter-spacing:-.02em!important;margin-bottom:2rem!important;text-shadow:0 4px 20px #fff3!important}.about-description{color:#ffffffe6!important;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;font-family:var(--font-body)!important;font-size:1.2rem!important;font-weight:400!important;font-weight:var(--fw-regular)!important;letter-spacing:.3px!important;line-height:1.7!important;margin-bottom:3rem!important;margin-left:auto!important;margin-right:auto!important;max-width:650px!important}.about-features{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem}.feature-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:16px;padding:2rem;transition:all .3s ease}.feature-card:hover{border-color:#64c8ff4d;box-shadow:0 12px 32px #64c8ff33;transform:translateY(-4px)}.feature-icon{font-size:2.5rem;margin-bottom:1rem}.feature-card h3{color:#fff!important;font-family:Nunito,Poppins,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;font-family:var(--font-title)!important;font-size:1.4rem!important;font-weight:700!important;font-weight:var(--fw-bold)!important;letter-spacing:.2px!important;margin-bottom:.8rem!important}.feature-card p{color:#ffffffd9!important;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;font-family:var(--font-body)!important;font-weight:400!important;font-weight:var(--fw-regular)!important;letter-spacing:.2px!important;line-height:1.6!important;margin:0!important}.about-tech{text-align:center}.about-tech h3{color:#fff!important;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;font-family:var(--font-heading)!important;font-size:1.8rem!important;font-weight:700!important;font-weight:var(--fw-bold)!important;letter-spacing:-.01em!important;margin-bottom:1.2rem!important}.tech-stack{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.tech-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#4ade80cc,#86efac99);border:1px solid #fff3;border-radius:20px;box-shadow:0 4px 12px #4ade804d;color:#000;font-size:.9rem;font-weight:600;padding:8px 16px}.about-developer{margin-top:3rem;text-align:center}.about-developer h3{color:#fff!important;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;font-family:var(--font-heading)!important;font-size:1.8rem!important;font-weight:700!important;font-weight:var(--fw-bold)!important;letter-spacing:-.01em!important;margin-bottom:1.8rem!important}.developer-info{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;margin:0 auto;max-width:500px;padding:2rem}.developer-name{color:#fff!important;font-family:Nunito,Poppins,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;font-family:var(--font-title)!important;font-size:1.3rem!important;font-weight:700!important;font-weight:var(--fw-bold)!important;letter-spacing:.3px!important;margin-bottom:1.2rem!important}.developer-description{color:#ffffffd9!important;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;font-family:var(--font-body)!important;font-weight:400!important;font-weight:var(--fw-regular)!important;letter-spacing:.2px!important;line-height:1.7!important;margin-bottom:1.8rem!important}.contact-links{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.contact-link{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:12px;color:#fff;font-size:.9rem;padding:8px 16px;text-decoration:none;transition:all .3s ease}.contact-link:hover{background:#fff3;box-shadow:0 4px 12px #64c8ff33;color:#fff;text-decoration:none;transform:translateY(-2px)}.about-footer{border-top:1px solid #ffffff1a;margin-top:3rem;padding-top:2rem;text-align:center}.about-footer p{color:#fff9;font-size:.9rem;margin:0}body{background:#0000;margin:0;padding:0}.about-container,.home-container,.login-card,.navbar,.notes-view-container,.signup-card,.write-note-container{pointer-events:auto;position:relative;z-index:10}.snow{height:100%;left:0;position:fixed;top:0;width:100%;z-index:0}.snow,.snowflake{pointer-events:none}.snowflake{animation:fall linear infinite;color:#fff9;color:var(--snow-color);position:absolute;top:-10px;-webkit-user-select:none;user-select:none}@keyframes fall{0%{opacity:1;transform:translateY(-100vh) rotate(0deg)}to{opacity:0;transform:translateY(100vh) rotate(1turn)}}.snowflake:first-child{animation-delay:0s;animation-duration:8s;font-size:1em;left:10%}.snowflake:nth-child(2){animation-delay:1s;animation-duration:6s;font-size:.8em;left:20%}.snowflake:nth-child(3){animation-delay:2s;animation-duration:10s;font-size:1.2em;left:30%}.snowflake:nth-child(4){animation-delay:.5s;animation-duration:7s;font-size:.9em;left:40%}.snowflake:nth-child(5){animation-delay:1.5s;animation-duration:9s;font-size:1.1em;left:50%}.snowflake:nth-child(6){animation-delay:2.5s;animation-duration:5s;font-size:.7em;left:60%}.snowflake:nth-child(7){animation-delay:.8s;animation-duration:8s;font-size:1em;left:70%}.snowflake:nth-child(8){animation-delay:1.8s;animation-duration:6s;font-size:.9em;left:80%}.snowflake:nth-child(9){animation-delay:.3s;animation-duration:7s;font-size:1.3em;left:90%}.snowflake:nth-child(10){animation-delay:2.2s;animation-duration:9s;font-size:.8em;left:15%}.note-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;display:flex;height:100%;justify-content:center;left:0;padding:0;position:fixed;top:0;width:100%;z-index:1500}.note-modal{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#ffffff1a;border:2px solid #fff3;border-radius:20px;box-shadow:0 20px 80px #00000080;max-height:80vh;max-width:600px;overflow-y:auto;position:relative;width:100%}.note-modal-header{border-bottom:1px solid #ffffff1a;padding:2rem 2rem 1rem}.note-modal-title{color:#fff!important;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;font-family:var(--font-heading)!important;font-size:2.2rem!important;font-weight:800!important;font-weight:var(--fw-extrabold)!important;letter-spacing:-.01em!important;margin:0!important;text-shadow:0 4px 15px #fff3!important}.note-modal-close{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:40px}.note-modal-close:hover{background:#fff3;transform:scale(1.1)}.note-modal-body{padding:1rem 2rem 2rem}.note-modal-description{color:#ffffffe6!important;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;font-family:var(--font-body)!important;font-size:1.15rem!important;font-weight:400!important;font-weight:var(--fw-regular)!important;letter-spacing:.2px!important;line-height:1.7!important;margin:0 0 2rem!important;white-space:pre-wrap!important}.note-modal-footer{align-items:center;display:flex;justify-content:space-between;margin-top:1.5rem}.note-modal-tag{background:linear-gradient(135deg,#facc15cc,#fde04799);border-radius:20px;box-shadow:0 4px 12px #facc154d;color:#000;display:inline-block;font-size:.9rem;font-weight:600;padding:8px 16px}.note-modal-date{color:#ffffffb3;font-size:.85rem;font-style:italic}.edit-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;display:flex;height:100%;justify-content:center;left:0;padding:2rem;position:fixed;top:0;width:100%;z-index:2000}.edit-modal{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#ffffff1a;border:2px solid #fff3;border-radius:20px;box-shadow:0 20px 80px #00000080;max-height:80vh;max-width:600px;overflow-y:auto;position:relative;width:100%}.edit-modal-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:2rem 2rem 1rem}.edit-modal-title{color:#fff!important;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;font-family:var(--font-heading)!important;font-size:2.2rem!important;font-weight:800!important;font-weight:var(--fw-extrabold)!important;letter-spacing:-.01em!important;margin:0 0 .3rem!important;text-shadow:0 4px 15px #fff3!important}.edit-modal-tagline{color:#fff9!important;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;font-family:var(--font-body)!important;font-size:.9rem!important;font-style:italic!important;font-weight:400!important;font-weight:var(--fw-regular)!important;letter-spacing:.2px!important;margin:0 0 1rem!important}.edit-modal-close{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.edit-modal-close:hover{background:#fff3;transform:scale(1.1)}.edit-modal-body{padding:1rem 2rem}.edit-form-group{margin-bottom:1.5rem}.edit-form-label{color:#fff!important;display:block!important;font-family:Nunito,Poppins,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;font-family:var(--font-title)!important;font-size:1.1rem!important;font-weight:700!important;font-weight:var(--fw-bold)!important;letter-spacing:.4px!important;margin-bottom:.8rem!important;text-transform:capitalize!important}.edit-form-input,.edit-form-textarea{-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;background:#ffffff1f!important;border:2px solid #ffffff40!important;border-radius:15px!important;box-sizing:border-box!important;color:#fff!important;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;font-family:var(--font-body)!important;font-size:1.05rem!important;font-weight:400!important;font-weight:var(--fw-regular)!important;letter-spacing:.2px!important;line-height:1.5!important;outline:none!important;padding:15px 20px!important;transition:all .3s ease!important;width:100%!important}.edit-form-input:focus,.edit-form-textarea:focus{background:#ffffff26;border-color:#facc1599;box-shadow:0 4px 16px #facc1533}.edit-form-input::placeholder,.edit-form-textarea::placeholder{color:#fff9}.edit-modal-footer{display:flex;gap:1rem;justify-content:flex-end;padding:1rem 2rem 2rem}.edit-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff3;border-radius:12px;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.edit-btn-cancel{background:#8080804d;color:#fff}.edit-btn-cancel:hover{background:#80808080;transform:translateY(-2px)}.edit-btn-save{background:linear-gradient(135deg,#2563ebcc,#1d4ed8e6);color:#fff}.edit-btn-save:hover:not(:disabled){background:linear-gradient(135deg,#2563ebe6,#1d4ed8);box-shadow:0 8px 24px #2563eb66;transform:translateY(-2px)}.edit-btn-save:disabled{background:#80808080;cursor:not-allowed;opacity:.6}@media (max-width:768px){.edit-modal-overlay{align-items:center;justify-content:center;padding:0}.edit-modal{margin:0 auto;max-height:90vh;max-width:500px;width:100%}.edit-modal-header{padding:1.5rem 1.5rem 1rem}.edit-modal-title{font-size:1.8rem!important}.edit-modal-body{padding:1rem 1.5rem}.edit-form-input,.edit-form-textarea{font-size:1rem!important;padding:12px 16px!important}.edit-modal-footer{flex-direction:column;gap:.8rem;padding:1rem 1.5rem 1.5rem}.edit-btn{padding:12px 16px;width:100%}}.submit-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;display:flex;height:100%;justify-content:center;left:0;padding:0;position:fixed;top:0;width:100%;z-index:1800}.submit-modal{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#ffffff1a;border:2px solid #4ade804d;border-radius:20px;box-shadow:0 20px 80px #00000080;max-width:500px;position:relative;text-align:center;width:100%}.submit-modal-header{border-bottom:1px solid #ffffff1a;padding:2rem 2rem 1rem}.submit-modal-title{color:#4ade80!important;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;font-family:var(--font-heading)!important;font-size:2.2rem!important;font-weight:800!important;font-weight:var(--fw-extrabold)!important;letter-spacing:-.01em!important;margin:0!important;text-shadow:0 4px 15px #4ade804d!important}.submit-modal-body{padding:1rem 2rem}.submit-modal-message{color:#ffffffe6!important;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;font-family:var(--font-body)!important;font-size:1.15rem!important;font-weight:400!important;font-weight:var(--fw-regular)!important;letter-spacing:.2px!important;line-height:1.6!important;margin:0!important}.submit-modal-footer{display:flex;gap:1rem;justify-content:center;padding:1rem 2rem 2rem}.submit-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff3;border-radius:12px;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.submit-btn-secondary{background:#8080804d;color:#fff}.submit-btn-secondary:hover{background:#80808080;transform:translateY(-2px)}.submit-btn-primary{background:linear-gradient(135deg,#4ade80cc,#86efac99);color:#000;font-weight:700}.submit-btn-primary:hover{background:linear-gradient(135deg,#4ade80e6,#86efaccc);box-shadow:0 8px 24px #4ade8066;transform:translateY(-2px)}.loader-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2rem}.loader-small{padding:1rem}.loader-medium{padding:2rem}.loader-large{padding:4rem}.loader-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#facc15cc;height:40px;margin-bottom:1rem;width:40px}.loader-small .loader-spinner{border-width:2px;height:24px;width:24px}.loader-large .loader-spinner{border-width:4px;height:60px;width:60px}.loader-text{color:#fffc;font-size:.9rem;margin:0;text-align:center}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.modern-nav{display:flex;justify-content:center;padding:18px 16px;pointer-events:auto;position:-webkit-sticky;position:sticky;top:12px;width:100%;z-index:50}.nav-inner{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid #fff9;border-radius:999px;box-shadow:0 10px 30px #080f2314;display:flex;gap:28px;max-width:calc(100% - 40px);padding:10px 22px}.brand{color:#fff!important;color:var(--text-primary)!important;font-family:Quicksand,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;font-family:var(--font-navbar)!important;font-size:1.4rem!important;font-weight:800!important;font-weight:var(--fw-extrabold)!important;letter-spacing:.8px!important;padding-left:4px!important;text-decoration:none!important;text-shadow:0 2px 4px #0000001a!important}.nav-links{display:flex;gap:12px;list-style:none;margin:0;padding:0}.nav-links a{border-radius:999px!important;color:#fffc!important;color:var(--text-secondary)!important;display:inline-block!important;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;font-family:var(--font-body)!important;font-size:1rem!important;font-weight:600!important;font-weight:var(--fw-semibold)!important;letter-spacing:.3px!important;padding:10px 16px!important;text-decoration:none!important;text-transform:uppercase!important;transition:all .18s ease!important}.nav-links a:hover{background:#2563eb1a;color:#2563eb}.nav-links a.active{background:linear-gradient(90deg,#2563eb,#60a5fa);box-shadow:0 6px 18px #2563eb2e;color:#fff!important}.nav-auth{display:flex;gap:10px;margin-left:auto}.auth-btn{align-items:center!important;background:#2563eb!important;border:none!important;border-radius:999px!important;color:#fff!important;cursor:pointer!important;display:inline-flex!important;font-family:Nunito,Poppins,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;font-family:var(--font-title)!important;font-size:1rem!important;font-weight:700!important;font-weight:var(--fw-bold)!important;justify-content:center!important;letter-spacing:.5px!important;padding:10px 18px!important;text-decoration:none!important;text-transform:uppercase!important;transition:transform .12s ease,background .12s ease!important}.auth-btn.outline{background:#0000;border:1.5px solid #2563eb24;color:#2563eb}.auth-btn:hover{transform:translateY(-2px)}.auth-btn.outline:hover{background:#2563eb0f}.logout{background:#ef4444;border:none}.logout:hover{background:#dc2626}.nav-dropdown{display:none;position:relative}.dropdown-toggle{background:#0000;border:none;border-radius:8px;color:#fff;color:var(--text-primary);cursor:pointer;font-size:1.5rem;padding:8px 12px;transition:all .3s ease}.dropdown-toggle:hover{background:#2563eb1a}.dropdown-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff9;border-radius:12px;box-shadow:0 10px 40px #00000026;margin-top:8px;min-width:180px;padding:8px 0;position:absolute;right:0;top:100%;z-index:100}:root .dropdown-menu{background:#000000e6;border:1px solid #fff3;box-shadow:0 10px 40px #00000080}.light-theme .dropdown-menu{background:#fffffff2;border:1px solid #fff9;box-shadow:0 10px 40px #00000026}.dropdown-menu a{border-radius:0;color:#fff;color:var(--text-primary);display:block;font-size:.95rem;font-weight:600;font-weight:var(--fw-semibold);padding:12px 20px;text-decoration:none;transition:all .2s ease}.dropdown-menu a:hover{background:#2563eb1a;color:#2563eb}.dropdown-menu a.active{background:linear-gradient(90deg,#2563eb,#60a5fa);border-radius:8px;color:#fff;margin:0 8px}.dropdown-logout{background:#0000;border:none;color:#ef4444;cursor:pointer;display:block;font-size:.95rem;font-weight:600;font-weight:var(--fw-semibold);padding:12px 20px;text-align:left;transition:all .2s ease;width:100%}.dropdown-logout:hover{background:#ef44441a}@media (max-width:768px){.nav-inner{gap:0;justify-content:space-between;max-width:90%}.nav-auth,.nav-links{display:none}.nav-dropdown{display:block}.brand{font-size:1.2rem!important}}.login-page{align-items:center;box-sizing:border-box;display:flex;justify-content:center;min-height:80vh;padding:32px 20px;width:100%}.login-outer{margin:0 auto;max-width:520px;width:100%}.login-card{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:linear-gradient(180deg,#ffffffd1,#ffffffc7);border:1px solid #fff9;border-radius:14px;box-shadow:0 12px 40px #040b1a2e;padding:28px}.login-header{margin-bottom:18px;text-align:left}.login-title{color:#0f172a;font-size:1.6rem;margin:0 0 6px}.login-sub{color:#5b6b78;font-size:.95rem;margin:0}.login-error{background:#fee2e2f2;border:1px solid #dc262614;border-radius:10px;color:#b91c1c;font-size:.95rem;margin-bottom:14px;padding:10px 12px}.login-footer{color:#475569;font-size:.9rem;margin-top:14px;text-align:center}.login-card,.login-outer{position:relative;z-index:2}.signup-page{align-items:center;box-sizing:border-box;display:flex;justify-content:center;min-height:80vh;padding:32px 20px;width:100%}.signup-outer{margin:0 auto;max-width:560px;width:100%}.signup-card{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:linear-gradient(180deg,#ffffffd1,#ffffffc7);border:1px solid #fff9;border-radius:14px;box-shadow:0 12px 40px #040b1a2e;padding:28px;position:relative;z-index:2}.signup-header{margin-bottom:18px;text-align:left}.signup-title{color:#0f172a;font-size:1.6rem;margin:0 0 6px}.signup-sub{color:#5b6b78;font-size:.95rem;margin:0}.signup-error{background:#fee2e2f2;border:1px solid #dc262614;border-radius:10px;color:#b91c1c;font-size:.95rem;margin-bottom:14px;padding:10px 12px}.form-label{color:#263238;margin-bottom:12px}.form-label,.label-text{display:block;font-size:.9rem;font-weight:600}.label-text{color:#374151;margin-bottom:6px}.form-input{background:#fffffffa;border:1px solid #10182814;border-radius:10px;box-sizing:border-box;font-size:1rem;outline:none;padding:12px 14px;transition:box-shadow .18s ease,border-color .18s ease,transform .12s ease;width:100%}.form-input:focus{border-color:#2563eb;box-shadow:0 6px 18px #2563eb1f;transform:translateY(-1px)}.password-row{align-items:center;display:flex;gap:8px}.show-pass-btn{background:#0000;border:none;border-radius:8px;color:#2563eb;cursor:pointer;font-weight:600;padding:8px 10px;transition:background .12s ease}.show-pass-btn:hover{background:#2563eb0f}.form-actions{margin-top:14px}.submit-btn{background:linear-gradient(90deg,#2563eb,#60a5fa);border:none;border-radius:10px;box-shadow:0 8px 22px #2563eb29;color:#fff;cursor:pointer;font-weight:700;padding:12px 14px;transition:transform .16s ease,box-shadow .16s ease;width:100%}.submit-btn:hover:not(:disabled){box-shadow:0 14px 34px #2563eb2e;transform:translateY(-3px)}.submit-btn:disabled{cursor:not-allowed;opacity:.7}.signup-footer{color:#475569;font-size:.9rem;margin-top:14px;text-align:center}@media (prefers-reduced-motion:reduce){.form-input,.show-pass-btn,.submit-btn{transition:none!important}.submit-btn:hover{transform:none}}.ballpit-canvas{background:linear-gradient(135deg,#000,#030303)}.light-theme .ballpit-canvas{background:linear-gradient(135deg,#f7f4f4,#fefcf0)}.create-btn-corner{background:none;border:none;border-radius:0;cursor:pointer;height:60px;overflow:hidden;padding:0;position:fixed;right:26px;top:0;transition:all .3s ease;width:60px;z-index:200}.create-btn-corner img{height:100%;object-fit:contain;transition:all .3s ease;width:100%}.create-btn-corner:hover{box-shadow:none;transform:scale(1.1)}.create-btn-corner:focus{box-shadow:none;outline:none}.light-theme .about-container{background:linear-gradient(135deg,#3b82f614,#6366f10f 50%,#8b5cf614);border:2px solid #ffffff1a;border:2px solid var(--border-color);box-shadow:0 20px 80px #3b82f61a,inset 0 1px 0 #3b82f61a}.light-theme .about-title{-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#1e293b,#3b82f6)!important;-webkit-background-clip:text!important;text-shadow:0 4px 20px #3b82f633!important}.light-theme .about-description{color:#fffc!important;color:var(--text-secondary)!important}.light-theme .feature-card{background:#ffffff0d;background:var(--bg-secondary);border:1px solid #ffffff1a;border:1px solid var(--border-color)}.light-theme .feature-card h3{color:#fff!important;color:var(--text-primary)!important}.light-theme .feature-card p{color:#fffc!important;color:var(--text-secondary)!important}.light-theme .about-developer h3,.light-theme .about-tech h3{color:#fff!important;color:var(--text-primary)!important}.light-theme .developer-info{background:#ffffff0d;background:var(--bg-secondary);border:1px solid #ffffff1a;border:1px solid var(--border-color)}.light-theme .developer-name{color:#fff!important;color:var(--text-primary)!important}.light-theme .developer-description{color:#fffc!important;color:var(--text-secondary)!important}.light-theme .contact-link{background:#ffffff0d;background:var(--bg-secondary);border:1px solid #ffffff1a;border:1px solid var(--border-color);color:#fff;color:var(--text-primary)}.light-theme .about-footer{border-top:1px solid #ffffff1a;border-top:1px solid var(--border-color)}.light-theme .about-footer p{color:#fffc;color:var(--text-secondary)}.light-theme .note-modal{background:#ffffff0f;background:var(--bg-card);border:2px solid #ffffff1a;border:2px solid var(--border-color);box-shadow:0 20px 80px #3b82f633}.light-theme .note-modal-header{border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-color)}.light-theme .note-modal-title{color:#fff!important;color:var(--text-primary)!important;text-shadow:0 4px 15px #3b82f633!important}.light-theme .note-modal-close{background:#ffffff0d;background:var(--bg-secondary);border:1px solid #ffffff1a;border:1px solid var(--border-color);color:#fff;color:var(--text-primary)}.light-theme .note-modal-description{color:#fffc!important;color:var(--text-secondary)!important}.light-theme .note-modal-date{color:#fffc;color:var(--text-secondary)}.light-theme .edit-modal{background:#ffffff0f;background:var(--bg-card);border:2px solid #ffffff1a;border:2px solid var(--border-color);box-shadow:0 20px 80px #3b82f633}.light-theme .edit-modal-header{border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-color)}.light-theme .edit-modal-title{color:#fff!important;color:var(--text-primary)!important;text-shadow:0 4px 15px #3b82f633!important}.light-theme .edit-modal-tagline{color:#fffc!important;color:var(--text-secondary)!important}.light-theme .edit-modal-close{background:#ffffff0d;background:var(--bg-secondary);border:1px solid #ffffff1a;border:1px solid var(--border-color);color:#fff;color:var(--text-primary)}.light-theme .edit-form-label{color:#fff!important;color:var(--text-primary)!important}.light-theme .edit-form-input,.light-theme .edit-form-textarea{background:#ffffff0d!important;background:var(--bg-secondary)!important;border:2px solid #ffffff1a!important;border:2px solid var(--border-color)!important;color:#fff!important;color:var(--text-primary)!important}.light-theme .edit-form-input::placeholder,.light-theme .edit-form-textarea::placeholder{color:#fffc;color:var(--text-secondary)}.light-theme .submit-modal{background:#ffffff0f;background:var(--bg-card);border:2px solid #4ade804d;box-shadow:0 20px 80px #3b82f633}.light-theme .submit-modal-header{border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-color)}.light-theme .submit-modal-message{color:#fffc!important;color:var(--text-secondary)!important}.light-theme .loader-spinner{border:3px solid #ffffff1a;border:3px solid var(--border-color);border-top:3px solid #3b82f6cc}.light-theme .loader-text{color:#fffc;color:var(--text-secondary)}
/*# sourceMappingURL=main.71e734cb.css.map*/