*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;margin:0}button,a,div{-webkit-tap-highlight-color:transparent}body{font-family:sans-serif;background:#fffdf1}.profile-wrapper{position:relative;display:inline-block}.profile-header{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:600}.profile-greeting{font-size:16px;white-space:nowrap}.profile-icon{width:38px;height:38px;background:#bf4646;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.dropdown-arrow{transition:transform .3s ease;font-size:18px}.dropdown-arrow.rotate{transform:rotate(180deg)}.profile-dropdown{position:absolute;right:0;top:56px;width:220px;background:#fbf4e3;border-radius:10px;box-shadow:0 8px 25px #0000001f;z-index:999}.dropdown-item{padding:14px 18px;cursor:pointer;transition:background .2s ease;font-size:14px}.dropdown-item:hover{background:#f5ecec}.dropdown-item.logout{color:#bf4646;font-weight:600}@media(max-width:768px){.profile-wrapper{position:relative;width:100%}.profile-greeting{font-size:14px}.profile-icon{width:34px;height:34px;font-size:13px}.dropdown-arrow{font-size:16px}.profile-dropdown{position:absolute;top:47px;left:0;right:0;width:100%;border-radius:12px}.dropdown-item{padding:16px;font-size:15px}}.searchbar-01{display:flex;align-items:center;padding-left:1rem;padding-right:1rem;background-color:#fff;border-radius:10px;box-shadow:0 1px 2px #0000000d;border:3px solid #BF4646;transition:all .2s ease;margin-left:90px}.searchbar-01:focus-within{border-color:#bf4646}.search-input{width:100%;font-size:.875rem;line-height:1.25rem;background-color:transparent;padding-top:11px;padding-bottom:11px;color:#1e293b;outline:none;border:none}.search-close{font-size:1.125rem;line-height:1.75rem;color:#b45309;cursor:pointer;transition:color .2s ease}.search-close:hover{color:#30364f}.search-magnify{margin-left:.5rem;color:#bf4646;cursor:pointer;transition:color .2s ease}.search-magnify:hover{color:#b45309}@media(max-width:640px){.searchbar-01{margin-left:0}}.navbar{align-items:center;padding:.75rem 1rem;width:100%;box-shadow:0 4px 6px #0000001a;position:fixed;border-bottom:1px solid #BF4646;background:#fbf4e3;z-index:10}@media(min-width:640px){.navbar{padding-left:1.5rem;padding-right:1.5rem}}.navbar-01{display:none}.navbar-02{display:flex;align-items:center}.navbar-left{font-size:1.5rem;line-height:2rem;font-weight:800;letter-spacing:-.025em;color:#1e293b;text-shadow:0 1px 2px rgba(0,0,0,.15)}.navbar-right{display:flex;align-items:center;gap:15px}.navbar-03{display:inline-block;color:#bf4646;transition:transform .3s}.navbar-04{display:inline-block;color:#b45309;margin-left:6px}.navbar-search{width:auto}.mobile-header{display:block}@media(min-width:640px){.mobile-header{display:none}}.gradient-button{cursor:pointer;width:60px;height:40px;display:flex;align-items:center;justify-content:center;font-size:25px;border-radius:5px;background:#bf4646;color:#fff}.gradient-button:hover{background:#f37272}.mobile-add-button{cursor:pointer;width:40px;height:30px;display:flex;align-items:center;justify-content:center;font-size:20px;border-radius:5px;background:#bf4646;color:#fff}.mobile-add-button:hover{background:#f37272}.header-row{display:flex;justify-content:space-between;align-items:center}.header-title{font-size:1.5rem;line-height:2rem;font-weight:800;letter-spacing:-.025em;text-shadow:0 1px 2px rgba(0,0,0,.15)}.mobile-navbar-right{display:flex;justify-content:center;align-items:center;gap:10px}.brand-primary{color:#bf4646}.brand-secondary{color:#b45309;margin-left:6px}.menu-button{background:none;border:none;cursor:pointer}.menu-button:focus{outline:none}.menu-icon{margin-top:6px;width:2rem;height:2rem;color:#bf4646}.navbar-mobile-search{display:flex;flex-direction:column;margin-top:.75rem;gap:.75rem}.mobile-profile-view{margin-top:.5rem}@media(min-width:640px){.navbar-01{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:0}}.notecards-container{break-inside:avoid;margin-bottom:16px;width:100%;max-width:600px;border-radius:1rem;border-width:1px;border-style:solid;box-shadow:0 1px 2px #0000000d}.notecard-01{display:flex;align-items:start;justify-content:space-between;gap:5px}.notecard-h6{font-size:1.125rem;line-height:1.5rem;font-weight:700}.notecard-02{display:flex;align-items:center;gap:.25rem;margin-top:.25rem;font-size:.875rem;line-height:1.25rem;color:#6b7280}.notecard-03{font-size:.875rem;line-height:1.25rem;color:#9ca3af}.notecard-04{border:none;outline:none}.notecard-button{background:#fff;color:#bf4646;cursor:pointer;height:30px;width:30px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%}.notecard-button.pinned{background:#bf4646;color:#fff}.notecard-05{margin-top:.75rem;margin-bottom:.75rem}.notecard-06{font-size:.875rem;line-height:1.625;color:#374151}.read-more-btn{font-size:20px;background:none;border:none;cursor:pointer;color:#bf4646}.notecard-07{display:flex;align-items:center;justify-content:space-between;margin-top:1rem}.notecard-08{display:flex;flex-wrap:wrap;gap:.25rem}.tags-list{font-size:1rem;line-height:1rem;padding:.25rem .5rem;border-radius:9999px}.notecard-09{display:flex;align-items:center;gap:.5rem}.notecard-10{height:30px;width:30px;cursor:pointer;border-radius:9999px;background-color:transparent;color:#bf4646;transition:color .15s,background-color .15s}.notecard-10:hover{color:#f48181}.notecard-11{font-size:1.125rem;line-height:1.75rem}.notecard-12{height:30px;width:30px;cursor:pointer;border-radius:9999px;background-color:transparent;color:#bf4646;transition:color .15s ease-in-out,background-color .15s ease-in-out}.notecard-12:hover{color:#f48181}.notecard-13{font-size:1.125rem;line-height:1.75rem}.tags-container{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}.badge{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#bf4646;background-color:#b5b5b536;padding:.25rem .75rem;border-radius:9999px;box-shadow:0 1px 2px #0000000d}.tag-button{height:20px;width:20px;display:flex;align-items:center;justify-content:center;transition:color .15s ease-in-out;border-radius:50%;cursor:pointer;background:#bf4646;color:#fff;border:none}.tag-button:hover{background:#e39f9f}.tags-03{display:flex;align-items:center;gap:1rem;margin-top:.75rem}.tags-input{font-size:.875rem;padding:.5rem .75rem;border-radius:.25rem;outline:none;background-color:#fff;transition:all .2s ease}.tags-input::placeholder{color:#94a3b8}.tags-button-01{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem;background:#bf4646;box-shadow:0 1px 2px #0000000d;transition:all .2s ease}.tags-button-01:hover{background-color:#ed6e6e}.tags-add-btn{cursor:pointer;font-size:1.5rem;color:#fff}.tags-add-btn:hover{background-color:#ed6e6e}.notes1-container{position:relative;background-color:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:1rem;border-width:1px;border-style:solid;border-color:#bb6653;width:100%;max-width:100%;margin-left:auto;margin-right:auto}.badge-button{position:absolute;top:-.5rem;right:-.5rem;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:9999px;background-color:#bf4646;color:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;cursor:pointer;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.badge-button:hover{background-color:#ed7171}.close-btn{font-size:1.125rem}.notes-7{display:flex;flex-direction:column;gap:.5rem}.input-label{color:#bf4646;font-weight:500;letter-spacing:.05em;font-size:.875rem}.title_input{font-size:1rem;color:#334155;outline:none;border:none;border-bottom:2px solid transparent;width:100%;transition:border-color .2s ease}.title_input::placeholder{font-size:1rem}.title_input:focus{border-bottom-color:#bf4646}.notes-8{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;position:relative}.content_input{font-size:.875rem;color:#334155;outline:none;background-color:#fff;padding:.75rem;border-radius:.5rem;resize:none;width:100%;transition:background-color .2s ease,box-shadow .2s ease}.content_input:focus{box-shadow:inset 0 2px 4px #0000000f}.mic-handle{position:absolute;right:10px;bottom:10px;background:none;border:none}.microphone-on{height:20px;width:20px;color:#bf4646;cursor:pointer;border:none}.microphone-on:hover{color:#fb7f7f}.microphone-off{height:20px;width:20px;color:gray;cursor:pointer;border:none}.microphone-off:hover{color:#cdcccc}.notes-10{margin-top:1rem}.error-para{color:#ef4444;font-size:.75rem;padding-top:.75rem;display:flex;align-items:center}.btn-primary{font-weight:500;margin-top:1rem;padding:.5rem;width:100%;cursor:pointer;border-radius:.5rem;color:#fff;box-shadow:0 4px 6px #0000001a;background:#bf4646;border:none}.btn-primary:hover{background-color:#ed6e6e}.btn-primary-1{opacity:.8}.btn-01{display:flex;align-items:center;justify-content:center}.btn-spinning{margin-left:.25rem;margin-right:.5rem;height:1rem;width:1rem;color:#fff;animation:spin 1s linear infinite}.circle-01{opacity:.25}.path-01{opacity:.75}@media(min-width:640px){.notecard-btn{margin-top:1.25rem;padding:.75rem}}@media(min-width:640px){.error-para{padding-top:1rem}}@media(min-width:640px){.notes-10{margin-top:1.25rem}}@media(min-width:640px){.content_input{padding:1rem}}@media(min-width:640px){.notes-8{margin-top:1.5rem}}@media(min-width:640px){.title_input{font-size:1.5rem}}@media(min-width:640px){.input-label{font-size:1rem}}@media(min-width:640px){.badge-button{width:2.5rem;height:2.5rem;top:-.75rem;right:-.75rem}}@media(min-width:640px){.your-class{font-size:1.25rem}}@media(min-width:640px){.notes1-container{padding:1.5rem}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:2.5rem;padding-bottom:4rem;text-align:center}.empty-message{color:#bf4646}.empty-text{font-size:.875rem;font-weight:600;line-height:1.75rem;margin-top:1.5rem;color:#1e293b}@media(max-width:640px){.empty-state{margin-bottom:0;padding-bottom:8rem}.empty-text{margin-top:none;font-size:1rem}}.home{height:100%;display:flex;flex-direction:column;background:#fffdf1}.home-1{flex:1}.container{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:12px;padding-right:12px;padding-top:16px}.ai-summarizer{display:flex;justify-content:center;flex-direction:column;align-items:center;margin-top:30px}.summarize-btn{padding:10px;border-radius:3rem;cursor:pointer;font-weight:600;background-color:#bf4646;color:#fff;outline:none}.summarize-btn:hover{background-color:#f37272}.dots-container{display:flex;align-items:center;justify-content:center;height:100%;width:100%;margin-top:10px}.dot{height:12px;width:12px;margin-right:10px;border-radius:10px;background-color:#bf4646;animation:pulse 1.5s infinite ease-in-out}.dot:last-child{margin-right:0}.dot:nth-child(1){animation-delay:-.3s}.dot:nth-child(2){animation-delay:-.1s}.dot:nth-child(3){animation-delay:.1s}@keyframes pulse{0%{transform:scale(.8);background-color:#e6a3a3;box-shadow:0 0 #bf4646b3}50%{transform:scale(1.2);background-color:#bf4646;box-shadow:0 0 0 10px #bf464600}to{transform:scale(.8);background-color:#e6a3a3;box-shadow:0 0 #bf4646b3}}.ai-summary{margin-block:10px;display:flex;flex-direction:column;align-items:center;line-height:1.6;margin-inline:10px;text-align:justify;text-justify:inter-word}.inner{margin-bottom:16px}.inner-1{display:flex;align-self:center}.notes-icon{font-size:24px;color:#bf4646;margin-right:8px}.notes-title{font-size:20px;font-weight:700;color:#1f2937}.gradient-bar{height:4px;width:64px;margin-top:8px;border-radius:9999px;background:#bf4646}.bruh-1{display:flex;justify-content:center;align-items:center;height:12rem}.bruh-2{position:relative}.spinner{width:48px;height:48px;border-radius:50%;border:4px solid #BF4646;border-top:4px solid #BF4646;animation:spin 1s linear infinite}.ping-circle{position:absolute;inset:0;width:48px;height:48px;border-radius:50%;background-color:#bf4646;animation:ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes ping{0%{transform:scale(1);opacity:1}75%,to{transform:scale(2);opacity:0}}.notes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;grid-auto-flow:row;align-items:start}.card{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:16px;box-shadow:0 10px 20px -8px #0000001a,0 -10px 20px -8px #0000001a;transition:all .3s ease;height:auto}.button-text{font-size:2.25rem}.modal{width:95%;max-height:90vh;overflow-y:auto;border-radius:1rem;background:linear-gradient(to bottom right,#fff,#f0fdf4,#fff);padding:.75rem;box-shadow:0 25px 50px -12px #00000040;outline:2px solid transparent;outline-offset:2px;z-index:1000}@media(min-width:640px){.modal{width:75%;max-height:85vh;margin-top:2.5rem;padding:1.5rem}}@media(min-width:1024px){.modal{width:40%}}@media(max-width:768px){.notes-grid{grid-template-columns:1fr}}.footer{width:100%;font-family:sans-serif;display:flex;flex-direction:column;border-top:2px solid #BF4646;position:relative;padding-bottom:.2rem;background:#fbf4e3}.main-footer{display:flex;flex-direction:column;align-items:center;width:100%}.socials{padding:20px;display:flex;-webkit-user-select:none;user-select:none}.socials ul{display:flex;gap:40px;list-style:none;font-size:18px}.socials li{display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer}.socials li:hover{filter:brightness(1.2)}.my-copyright{font-weight:600;margin-bottom:10px;-webkit-user-select:none;user-select:none;color:#bf4646}@media(max-width:480px){.socials ul{font-size:14px}.socials{margin-top:5px}.socials ul{gap:20px}}.signup{height:100vh;width:100%;display:flex;justify-content:center;align-items:center;background:#fffdf1}.signup-container{height:auto;width:500px;border-radius:15px;display:flex;flex-direction:column;align-items:center;padding-block:2rem;background:#fff;box-shadow:5px 5px 10px gray}.signup-container h1{color:#000;font-size:2rem}.signup-container p{font-size:1.1rem;margin-block:1rem;color:#000}.form-container{display:flex;gap:20px;flex-direction:column;width:80%}.signup-btn{height:50px;font-size:1rem;cursor:pointer;color:#fff;border-radius:5px;background-color:#bf4646}.form-container button{height:50px;font-size:1rem;cursor:pointer}@media(max-width:768px){.signup-container{margin-bottom:100px}}.password-container{display:flex;width:auto;position:relative;background-color:#fff;box-shadow:0 1px 2px #0000000d;transition:all .2s ease}.password-container:focus-within{border-color:#16a34a}.input-password{flex:1;background-color:transparent;font-size:.875rem;color:#1e293b;outline:none;border:none}.input-password::placeholder{color:#94a3b8}.password-buttons{position:absolute;right:10px;border:none;background:transparent}.password-buttons:focus{outline:none}.show-password{color:#000;cursor:pointer;transition:color .2s ease}.hide-password{color:#bf4646;transition:color .2s ease}.hide-password:hover{color:#b45309}.login{height:100vh;width:100%;display:flex;justify-content:center;align-items:center;background:#fffdf1;font-family:sans-serif}.login-container{height:450px;width:500px;border-radius:15px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-block:2rem;background:#fff;box-shadow:5px 5px 10px gray}.login-container h1{color:#000;font-size:2rem}.login-container p{font-size:1.1rem;margin-block:1rem;color:#000}.form-container{display:flex;gap:20px;flex-direction:column;width:80%;margin-top:10px}.form-container input{height:50px;width:auto;border:2px solid gray;border-radius:5px;font-size:1rem;padding:1rem}.error-container{display:flex;justify-content:center;text-align:center;height:10px}.error-text{font-size:1rem;color:#bf4646}.isloading{display:inline-flex;align-items:center}.animate{margin-left:-.25rem;margin-right:.75rem;height:1.25rem;width:1.25rem;color:#fff;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.opa{opacity:.25}.opa1{opacity:.75}.login-btn{height:50px;font-size:1rem;cursor:pointer;color:#fff;border-radius:5px;background-color:#bf4646}.form-extras{display:flex;align-items:center;justify-content:center;gap:5px}.extra-1{cursor:pointer;font-weight:700;color:#bf4646}@media(max-width:768px){.login-container{margin-bottom:100px}}