@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500&family=Poppins:wght@300;400&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";*{margin:0}body{font-family:Inter,sans-serif;font-optical-sizing:auto;font-style:normal}textarea:focus,input:focus{outline:none}input{height:30px}input,textarea,button{border-radius:5px;border:none;padding:0 10px}textarea{padding:10px}button:hover{cursor:pointer}a{text-decoration:none;color:inherit;cursor:pointer}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#383838}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}.home-page-container{width:100%;display:flex;flex-direction:column;justify-content:space-between}.home-page-header{height:50px;display:flex;align-items:center}.home-page{display:flex;justify-content:center;align-items:flex-start;margin-left:1.7rem;margin-right:1.7rem;font-size:4.75rem;font-weight:500;position:relative;line-height:80px;letter-spacing:var(--heading-letter-spacing)}.home-left{margin:auto;width:50%;font-family:Inter,sans-serif;font-optical-sizing:auto;font-style:normal}.home-left p{font-size:3rem;font-weight:200;line-height:3.45rem}.home-left>div>p>span{cursor:pointer;color:#3b1e54}.home-left>div>span{line-height:3rem}.home-left>span>p{font-size:5rem;font-weight:200;line-height:3.2rem;color:#191918}.home-left #welcome{color:#0300b1;font-size:8.8rem;font-weight:300;font-family:Inter,sans-serif;line-height:8rem}.home-right{margin:auto;width:50%}.home-right h1{color:#191918}.home-right img{height:85vh;max-width:100%;object-fit:contain}.gradient-text{font-size:5rem;font-weight:700;background:linear-gradient(270deg,#ff0080,#7928ca,#2afadf,#ff0080);background-size:600% 600%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradientShift 8s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media only screen and (max-width: 1200px){.home-left #welcome{font-size:6.5rem;line-height:6rem}.home-left>span>p{font-size:3.5rem;line-height:2.8rem}.gradient-text{font-size:3.5rem;line-height:3.8rem}.home-left p{font-size:2.2rem;line-height:2.5rem}.home-right img{height:70vh}}@media only screen and (max-width: 992px){.home-page{flex-direction:column;margin-left:1rem;margin-right:1rem;align-items:center}.home-left{width:100%;text-align:center;margin-bottom:2rem}.home-right{width:100%;display:flex;justify-content:center}.home-left #welcome{font-size:5.5rem;line-height:5rem}.home-left>span>p{font-size:3rem;line-height:2.5rem}.gradient-text{font-size:3rem;line-height:3.3rem}.home-right img{height:60vh}}@media only screen and (max-width: 768px){.home-page{margin-left:.8rem;margin-right:.8rem}.home-left #welcome{font-size:4rem;line-height:3.8rem}.home-left>span>p{font-size:2rem;line-height:1.8rem}.gradient-text{font-size:2rem;line-height:2.3rem}.home-left p{font-size:1.5rem;line-height:1.8rem}.home-right img{height:50vh}}@media only screen and (max-width: 480px){.home-page{margin-left:.5rem;margin-right:.5rem}.home-left #welcome{font-size:3rem;line-height:2.8rem}.home-left>span>p{font-size:1.5rem;line-height:1.3rem;margin-top:.5rem}.gradient-text{font-size:1.5rem;line-height:1.8rem;margin-top:1rem}.home-left p{font-size:1.2rem;line-height:1.5rem}.home-right img{height:40vh}.home-page-header{height:40px}}@media only screen and (max-width: 360px){.home-left #welcome{font-size:2.5rem;line-height:2.3rem}.gradient-text{font-size:1.3rem;line-height:1.6rem}.home-right img{height:35vh}}.daily-quotes-card{width:100%;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00000026}.card-content{background:linear-gradient(270deg,#f9c,#a3b9ff,#c1c8e4,#f9c);background-size:600% 600%;border-radius:.5rem;animation:dYICda 10s ease infinite;padding:20px}@keyframes dYICda{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.card-title{color:#fff;font-size:1.5rem;font-weight:700;letter-spacing:.05em;margin-bottom:16px;text-align:center}.marquee-container{position:relative;overflow:hidden;padding:16px 0;background-color:#ffffff1a;border-radius:8px}.marquee-content{display:flex;white-space:nowrap;animation:marquee 60s linear infinite}.quote-item{padding:0 32px;flex-shrink:0;color:#9f0000;font-size:1rem}.quote-text{font-weight:500}.quote-author{font-weight:300;font-style:italic}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-content:hover{animation-play-state:paused}@media only screen and (max-width: 1024px){.card-content{padding:18px}.card-title{font-size:1.4rem;margin-bottom:14px}.quote-item{padding:0 24px;font-size:.95rem}.marquee-container{padding:14px 0}}@media only screen and (max-width: 768px){.card-content{padding:15px}.card-title{font-size:1.25rem;margin-bottom:12px}.quote-item{padding:0 20px;font-size:.9rem}.marquee-container{padding:12px 0}.marquee-content{animation:marquee 45s linear infinite}}@media only screen and (max-width: 480px){.daily-quotes-card{border-radius:8px}.card-content{padding:12px;border-radius:.4rem}.card-title{font-size:1.1rem;margin-bottom:10px}.quote-item{padding:0 16px;font-size:.85rem}.marquee-container{padding:10px 0;border-radius:6px}.marquee-content{animation:marquee 35s linear infinite}}@media only screen and (max-width: 360px){.card-content{padding:10px}.card-title{font-size:1rem;margin-bottom:8px}.quote-item{padding:0 12px;font-size:.8rem}.marquee-container{padding:8px 0}}.features-container{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:3rem;min-height:85vh;width:100%;padding:2rem 1rem;--color: rgba(114, 114, 114, .3);background-image:linear-gradient(0deg,transparent 24%,var(--color) 25%,var(--color) 26%,transparent 27%,transparent 74%,var(--color) 75%,var(--color) 76%,transparent 77%,transparent),linear-gradient(90deg,transparent 24%,var(--color) 25%,var(--color) 26%,transparent 27%,transparent 74%,var(--color) 75%,var(--color) 76%,transparent 77%,transparent);background-size:55px 55px}.quotes-wrapper{width:100%;max-width:1200px;margin-bottom:2rem;padding:0 1rem}.cards-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:2rem;width:100%;max-width:1400px;padding:0 1rem}@media only screen and (max-width: 1024px){.features-container{margin-top:2rem;min-height:auto;padding:1.5rem 1rem}.cards-grid{gap:1.5rem}.quotes-wrapper{padding:0 .5rem}}@media only screen and (max-width: 768px){.features-container{margin-top:1.5rem;padding:1rem .5rem;background-size:35px 35px}.cards-grid{flex-direction:column;align-items:center;gap:1.5rem}.quotes-wrapper{margin-bottom:1.5rem}}@media only screen and (max-width: 480px){.features-container{margin-top:1rem;padding:.75rem .25rem;background-size:25px 25px}.cards-grid{gap:1rem}.quotes-wrapper{margin-bottom:1rem;padding:0 .25rem}}@media only screen and (max-width: 800px){.navbar-right-options{display:none!important}.navbar-right-menubar{display:block!important}.navbar-container{position:inherit!important;width:100%}}.navbar-logo{height:2.5vh;padding-right:5px;padding-top:5px}.navbar-container{margin:10px;color:#191918;width:95vw;display:flex;justify-content:space-between;font-size:1.2rem}.navbar-left{width:30%}.navbar-left>a{justify-content:flex-start}.navbar-right-options{color:#191918;width:40%;display:flex;justify-content:space-between}.navbar-right-menubar{display:none}.navbar-menu-options{display:flex;justify-content:space-around;color:#fff;font-size:2rem;align-items:center;flex-direction:column;position:fixed;top:0%;right:0%;width:100vw;height:85vh;background-color:#121212;z-index:1}.navbar-menu-options>svg{font-size:3rem}.custom-footer{background-color:#fdf6f0;color:#333;padding:60px 40px 40px;font-family:Segoe UI,sans-serif;border-radius:16px 16px 0 0;box-shadow:0 -4px 20px #0000000f;margin-top:50px;position:relative;overflow:hidden}.custom-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#e9c4b5,#d63384,#e9c4b5);background-size:200% 100%;animation:gradientFlow 8s ease infinite}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.footer-top{display:flex;justify-content:space-between;align-items:flex-start;max-width:1200px;margin:0 auto;gap:40px}.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:20px}.footer-logo{width:42px;height:42px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transition:transform .3s ease}.footer-logo:hover{transform:scale(1.05)}.footer-name{font-size:24px;font-weight:700;letter-spacing:-.5px;background:linear-gradient(45deg,#333,#d63384);background-clip:text;-webkit-background-clip:text;color:transparent}.footer-tagline{color:#666;font-size:15px;margin-top:8px;line-height:1.5}.footer-links{display:flex;flex-wrap:wrap;gap:60px}.footer-links div{min-width:140px}.footer-links h4{margin-bottom:16px;font-size:15px;color:#555;font-weight:600;text-transform:uppercase;letter-spacing:1px;position:relative;padding-bottom:8px}.footer-links h4:after{content:"";position:absolute;bottom:0;left:0;width:30px;height:2px;background-color:#d63384;transition:width .3s ease}.footer-links div:hover h4:after{width:50px}.footer-links a{display:block;color:#666;font-size:15px;text-decoration:none;margin-bottom:12px;transition:all .3s ease;position:relative;padding-left:0}.footer-links a:hover{color:#d63384;padding-left:5px}.footer-links a:before{content:"";position:absolute;width:0;height:1px;bottom:-2px;left:0;background-color:#d63384;transition:width .3s ease}.footer-links a:hover:before{width:100%}hr{margin:40px 0;border:none;height:1px;background:linear-gradient(90deg,transparent,#e0dcdc,transparent)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;font-size:14px;color:#888;max-width:1200px;margin:0 auto;padding:0 10px}.footer-bottom span{font-weight:500}.social-icons{display:flex;gap:20px}.social-icons a{color:#666;transition:all .3s ease;font-size:18px;width:36px;height:36px;border-radius:50%;background-color:#d633840d;display:flex;align-items:center;justify-content:center}.social-icons a:hover{color:#fff;background-color:#d63384;transform:translateY(-3px);box-shadow:0 4px 10px #d633844d}@media only screen and (max-width: 1024px){.custom-footer{padding:50px 30px 35px}.footer-top{gap:35px}.footer-links{gap:45px}.footer-links div{min-width:130px}.footer-links h4,.footer-links a{font-size:14px}}@media only screen and (max-width: 768px){.custom-footer{padding:40px 20px 30px;border-radius:12px 12px 0 0;margin-top:40px}.footer-top{flex-direction:column;gap:30px;align-items:flex-start}.footer-brand{gap:10px;margin-bottom:15px}.footer-logo{width:38px;height:38px}.footer-name{font-size:22px}.footer-tagline{font-size:14px;margin-top:6px}.footer-links{gap:30px;width:100%;justify-content:space-between}.footer-links div{min-width:auto;flex:1}.footer-links h4{font-size:13px;margin-bottom:14px}.footer-links a{font-size:13px;margin-bottom:10px}hr{margin:30px 0}.footer-bottom{font-size:13px;gap:15px}.social-icons{gap:16px}.social-icons a{width:32px;height:32px;font-size:16px}}@media only screen and (max-width: 576px){.custom-footer{padding:30px 15px 25px;border-radius:8px 8px 0 0;margin-top:30px}.custom-footer:before{height:3px}.footer-brand{gap:8px;margin-bottom:12px}.footer-logo{width:32px;height:32px}.footer-name{font-size:20px}.footer-tagline{font-size:13px}.footer-links{flex-direction:column;gap:25px;width:100%}.footer-links div{min-width:100%}.footer-links h4{font-size:13px;margin-bottom:12px;letter-spacing:.8px}.footer-links a{font-size:13px;margin-bottom:8px}hr{margin:25px 0}.footer-bottom{flex-direction:column;gap:20px;text-align:center;font-size:12px;padding:0}.social-icons{margin:0 auto;gap:14px}.social-icons a{width:30px;height:30px;font-size:14px}}@media only screen and (max-width: 360px){.custom-footer{padding:25px 12px 20px}.footer-logo{width:28px;height:28px}.footer-name{font-size:18px}.footer-tagline{font-size:12px}.footer-links{gap:20px}.footer-links h4{font-size:12px;margin-bottom:10px}.footer-links a{font-size:12px;margin-bottom:7px}hr{margin:20px 0}.footer-bottom{font-size:11px;gap:15px}.social-icons{gap:12px}.social-icons a{width:28px;height:28px;font-size:13px}}:root{--purple-50: #faf5ff;--purple-100: #f3e8ff;--purple-500: #8b5cf6;--purple-600: #7c3aed;--purple-700: #6d28d9;--purple-900: #4c1d95;--amber-50: #fffbeb;--amber-500: #f59e0b;--amber-900: #78350f;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--white: #ffffff;--black: #000000;--yellow-400: #facc15}.light-mode{--bg-primary: var(--gray-50);--bg-secondary: var(--white);--bg-tertiary: var(--gray-100);--text-primary: var(--gray-800);--text-secondary: var(--gray-500);--border-color: var(--gray-200)}.dark-mode{--bg-primary: var(--gray-900);--bg-secondary: var(--gray-800);--bg-tertiary: var(--gray-700);--text-primary: var(--gray-100);--text-secondary: var(--gray-400);--border-color: var(--gray-700)}.app-container{display:flex;min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary)}.sidebar{width:16rem;padding:1.5rem;display:flex;flex-direction:column;background-color:var(--bg-secondary);border-right:1px solid var(--border-color)}.sidebar-logo{display:flex;align-items:center;margin-bottom:2rem}.logo-icon{height:2rem;width:2rem;background-color:var(--purple-600);border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:var(--white);font-weight:700;margin-right:.5rem}.sidebar-nav{flex:1}.nav-list{display:flex;flex-direction:column;gap:.5rem}.nav-item{display:flex;align-items:center;width:100%;padding:.75rem;border-radius:.5rem;transition:background-color .2s}.nav-item:hover{background-color:var(--bg-tertiary)}.nav-item.active{background-color:var(--purple-100);color:var(--purple-600)}.dark-mode .nav-item.active{background-color:var(--purple-900);color:var(--purple-500)}.nav-icon{margin-right:.5rem}.stats-box{padding:1rem;border-radius:.5rem;background-color:var(--bg-tertiary);margin-top:auto}.stats-title{font-size:.875rem;font-weight:500;margin-bottom:.5rem}.stats-item{display:flex;justify-content:space-between;font-size:.875rem;margin-bottom:.25rem}.stats-value{font-weight:500}.toggle-buttons{display:flex;align-items:center;justify-content:space-between;margin-top:1.5rem}.toggle-button{padding:.5rem;border-radius:9999px;background-color:var(--bg-tertiary)}.dark-mode .toggle-button{background-color:var(--gray-700)}.toggle-dark{color:var(--yellow-400)}.main-content{flex:1;display:flex;flex-direction:column}.header{padding:1.5rem 2rem;display:flex;align-items:center;justify-content:space-between;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.header-greeting{font-size:1.125rem;font-weight:500}.header-date{font-size:.875rem;color:var(--text-secondary)}.header-actions{display:flex;gap:.75rem}.search-box{position:relative;width:16rem;display:flex;align-items:center;background-color:var(--bg-tertiary);border-radius:.5rem;padding:0 .75rem}.search-icon{color:var(--text-secondary)}.search-input{width:100%;padding:.5rem;background-color:transparent}.search-input:focus{outline:none}.search-input::placeholder{color:var(--text-secondary)}.new-note-btn{display:flex;align-items:center;gap:.5rem;background-color:var(--purple-600);color:var(--white);padding:.5rem 1rem;border-radius:.5rem;font-weight:500;transition:background-color .2s}.new-note-btn:hover{background-color:var(--purple-700)}.main-area{flex:1;padding:2rem;overflow:auto}.calendar-container{margin-bottom:2rem;padding:1.5rem;border-radius:.5rem;background-color:var(--bg-secondary);box-shadow:0 1px 3px #0000001a}.calendar-title{font-size:1.125rem;font-weight:600;margin-bottom:1rem}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem}.calendar-header{text-align:center;padding:.5rem 0;font-weight:500}.calendar-day{height:4rem;padding:.25rem;font-size:.875rem;border:1px solid var(--border-color)}.calendar-day.faded{opacity:.3}.calendar-day.has-note{border-color:var(--purple-400);background-color:var(--purple-50)}.dark-mode .calendar-day.has-note{background-color:var(--purple-900);border-color:var(--purple-700)}.day-content{display:flex;justify-content:space-between}.note-indicator{height:.5rem;width:.5rem;background-color:var(--purple-500);border-radius:9999px}.notes-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1.5rem}@media (min-width: 768px){.notes-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.notes-grid{grid-template-columns:repeat(3,1fr)}}.note-card{border-radius:.5rem;background-color:var(--bg-secondary);overflow:hidden;box-shadow:0 1px 2px #0000000d;transition:box-shadow .2s;position:relative}.note-card:hover{box-shadow:0 4px 6px -1px #0000001a}.note-header{padding:1rem;display:flex;justify-content:space-between;align-items:flex-start}.note-header.pinned{background-color:var(--amber-50)}.dark-mode .note-header.pinned{background-color:rgba(var(--amber-900),.3)}.note-title{font-weight:600;font-size:1.125rem}.note-actions{display:flex;gap:.25rem}.note-action-btn{padding:.25rem;border-radius:9999px;color:var(--gray-400);opacity:0;transition:opacity .2s,background-color .2s}.note-action-btn:hover{background-color:var(--bg-tertiary)}.note-card:hover .note-action-btn{opacity:1}.note-action-btn.pinned{color:var(--amber-500);opacity:1}.note-content{padding:1rem}.note-text{font-size:.875rem;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:var(--text-secondary)}.note-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.note-tag{font-size:.75rem;padding:.25rem .5rem;border-radius:9999px;background-color:var(--bg-tertiary);color:var(--text-secondary)}.note-footer{padding:.75rem 1rem;font-size:.75rem;border-top:1px solid var(--border-color);color:var(--text-secondary);display:flex;justify-content:space-between}.empty-state{text-align:center;padding:3rem 0;color:var(--text-secondary)}.empty-icon-container{margin:0 auto;width:4rem;height:4rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;border-radius:9999px;background-color:var(--bg-tertiary)}.empty-title{font-size:1.125rem;font-weight:500;margin-bottom:.5rem}.empty-message{max-width:28rem;margin:0 auto}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:50}.modal-container{width:100%;max-width:42rem;border-radius:.5rem;background-color:var(--bg-secondary);box-shadow:0 20px 25px -5px #0000001a}.modal-content{padding:2rem}.modal-title{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.form-group{margin-bottom:1rem}.form-label{display:block;margin-bottom:.25rem;font-size:.875rem;font-weight:500;color:var(--text-primary)}.form-input,.form-textarea{width:100%;padding:.5rem .75rem;border-radius:.5rem;border:1px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-primary)}.dark-mode .form-input,.dark-mode .form-textarea{background-color:var(--bg-tertiary);border-color:var(--gray-600);color:var(--text-primary)}.form-input:focus,.form-textarea:focus{outline:none;box-shadow:0 0 0 2px var(--purple-500)}.form-textarea{min-height:8rem}.modal-actions{margin-top:2rem;display:flex;justify-content:flex-end;gap:.75rem}.btn-cancel{padding:.5rem 1rem;border-radius:.5rem;background-color:var(--bg-tertiary);transition:background-color .2s}.btn-cancel:hover{background-color:var(--gray-300)}.dark-mode .btn-cancel{background-color:var(--gray-700)}.dark-mode .btn-cancel:hover{background-color:var(--gray-600)}.btn-primary{padding:.5rem 1rem;background-color:var(--purple-600);color:var(--white);border-radius:.5rem;transition:background-color .2s}.btn-primary:hover{background-color:var(--purple-700)}.settings-dropdown-container{position:relative}.settings-dropdown{position:absolute;top:2rem;right:0;min-width:8rem;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;box-shadow:0 8px 16px #00000014;z-index:100;animation:fadeInDropdown .2s ease-in-out;overflow:hidden;transition:transform .2s ease}.settings-dropdown-item{display:block;width:100%;padding:.625rem 1rem;font-size:.875rem;color:var(--text-color);text-align:left;background:transparent;border:none;cursor:pointer;transition:background-color .2s,color .2s}.settings-dropdown-item:hover{background-color:var(--bg-hover);color:var(--purple-600)}@keyframes fadeInDropdown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media only screen and (max-width: 1024px){.sidebar{width:14rem;padding:1rem}.header{padding:1rem 1.5rem;flex-wrap:wrap;gap:1rem}.header-actions{width:100%;justify-content:space-between}.search-box{flex:1;max-width:none}.main-area{padding:1.5rem}.notes-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media only screen and (max-width: 768px){.app-container{flex-direction:column}.sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border-color);padding:1rem}.sidebar-logo,.sidebar-nav{margin-bottom:1rem}.nav-list{flex-direction:row;overflow-x:auto;gap:.5rem;padding-bottom:.5rem}.nav-item{white-space:nowrap;padding:.5rem .75rem;font-size:.875rem}.stats-box{display:none}.toggle-buttons{margin-top:.5rem}.header{padding:1rem}.header-greeting{font-size:1rem}.header-date{font-size:.75rem}.search-box{width:100%}.new-note-btn{padding:.5rem .75rem;font-size:.875rem}.main-area{padding:1rem}.notes-grid{grid-template-columns:1fr}.calendar-container{padding:1rem}.calendar-grid{gap:.125rem}.calendar-day{height:3rem;font-size:.75rem}.modal-container{max-width:100%;margin:.5rem}.modal-content{padding:1.5rem}.modal-title{font-size:1.125rem}.modal-actions{flex-direction:column-reverse;gap:.5rem}.btn-cancel,.btn-primary{width:100%}}@media only screen and (max-width: 576px){.sidebar{padding:.75rem}.sidebar-logo{font-size:1rem}.logo-icon{height:1.5rem;width:1.5rem}.nav-item{font-size:.8rem;padding:.5rem}.nav-icon{width:14px;height:14px}.toggle-buttons{flex-direction:row;gap:.5rem}.toggle-button{padding:.375rem}.header{padding:.75rem}.header>div{width:100%}.header-greeting{font-size:.9rem}.header-date{font-size:.7rem}.header-actions{flex-direction:column;gap:.5rem}.search-box{width:100%}.new-note-btn{width:100%;justify-content:center}.main-area,.calendar-container{padding:.75rem}.calendar-title{font-size:1rem}.calendar-header{font-size:.75rem;padding:.25rem 0}.calendar-day{height:2.5rem;font-size:.7rem;padding:.125rem}.note-card{margin-bottom:.75rem}.note-header{padding:.75rem}.note-title{font-size:1rem}.note-content{padding:.75rem}.note-text{font-size:.8rem}.note-tag{font-size:.7rem;padding:.125rem .375rem}.note-footer{padding:.5rem .75rem;font-size:.7rem}.empty-state{padding:2rem 0}.empty-icon-container{width:3rem;height:3rem}.empty-title{font-size:1rem}.empty-message{font-size:.875rem;padding:0 1rem}.modal-content{padding:1rem}.modal-title{font-size:1rem;margin-bottom:1rem}.form-label{font-size:.8rem}.form-input,.form-textarea{font-size:.875rem;padding:.5rem}.form-textarea{min-height:6rem}}@media only screen and (max-width: 360px){.sidebar-logo h1{font-size:.875rem}.logo-icon{height:1.25rem;width:1.25rem;font-size:.75rem}.nav-item{font-size:.75rem;padding:.375rem .5rem}.header-greeting{font-size:.85rem}.new-note-btn{font-size:.8rem;padding:.5rem}.calendar-day{height:2rem;font-size:.65rem}.note-title{font-size:.9rem}.note-action-btn{width:24px;height:24px}.modal-container{margin:.25rem}}@media only screen and (max-height: 600px) and (orientation: landscape){.sidebar{display:none}.main-area,.header{padding:.5rem}.modal-content{max-height:90vh;overflow-y:auto}}@media only screen and (max-width: 768px){.settings-dropdown{right:auto;left:0;min-width:7rem}.settings-dropdown-item{font-size:.8rem;padding:.5rem .75rem}}@media (hover: none) and (pointer: coarse){.note-action-btn{opacity:1}.nav-item:hover{background-color:transparent}.nav-item:active{background-color:var(--bg-tertiary)}}