@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Outfit:wght@100..900&family=Sarina&family=Teko:wght@300..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Merriweather:wght@300;400;700&family=Crimson+Text:wght@400;600&family=Lora:wght@400;500;700&family=Source+Sans+Pro:wght@300;400;600&family=Montserrat:wght@400;500;700&display=swap";:root{font-family:Outfit,sans-serif}.font-teko{font-family:Teko,sans-serif}body{margin:0}#app{display:flex;flex-direction:column;min-height:100vh}ul{list-style-type:none;padding:0;margin:0}:root{--primary-color: #0696ca;--secondary-color: #FF6347;--background-color: #F5F5F5;--text-color: #333333}*{scrollbar-width:none;box-sizing:border-box}.auth-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:#0a0a0a;color:#fff;padding:20px;box-sizing:border-box;overflow:hidden}.auth-wrapper .bg-gradient{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background-color:#131313;animation:gradientShift 20s ease infinite;pointer-events:none}.auth-wrapper .bg-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;opacity:.5}@keyframes gradientShift{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(-5%,5%) rotate(1deg)}66%{transform:translate(5%,-5%) rotate(-1deg)}}.auth-wrapper .notification{position:fixed;top:30px;right:30px;background:#151515;border:1px solid #252525;border-radius:12px;padding:16px 20px;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500;box-shadow:0 10px 40px #00000080;transform:translate(400px);opacity:0;transition:all .4s cubic-bezier(.34,1.56,.64,1);z-index:1000;max-width:400px}.auth-wrapper .notification svg{font-size:20px;flex-shrink:0}.auth-wrapper .notification.show{transform:translate(0);opacity:1}.auth-wrapper .notification.success{border-color:#10b981}.auth-wrapper .notification.success svg{color:#10b981}.auth-wrapper .notification.error{border-color:#ef4444}.auth-wrapper .notification.error svg{color:#ef4444}@media(max-width:768px){.auth-wrapper .notification{top:20px;right:20px;left:20px;max-width:none}}.auth-wrapper .auth-container{position:relative;width:100%;max-width:520px;text-align:center;padding:50px 60px;border-radius:24px;z-index:1}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.auth-wrapper .auth-container{padding:40px 30px;max-width:100%;border-radius:20px}}.auth-wrapper .auth-container .logo-section{margin-bottom:0;animation:fadeIn .8s ease-out .2s backwards}.auth-wrapper .auth-container .logo-section .logo-circle{width:80px;height:80px;margin:0 auto 20px;background:linear-gradient(135deg,var(--primary-color),#0a7ea4);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:36px;color:#fff;box-shadow:0 8px 32px #0696ca4d;animation:float 3s ease-in-out infinite;transition:transform .3s ease}.auth-wrapper .auth-container .logo-section .logo-circle:hover{transform:scale(1.05)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.auth-wrapper .auth-container .logo-section h1{font-size:48px;font-weight:400;margin:0;text-transform:uppercase;letter-spacing:2px;background:linear-gradient(135deg,#fff,#a0a0a0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:39px}@media(max-width:768px){.auth-wrapper .auth-container .logo-section h1{font-size:36px}}.auth-wrapper .auth-container .logo-section h1 span{background:linear-gradient(135deg,var(--primary-color),#0a7ea4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-wrapper .auth-container .subtitle{color:#888;margin-bottom:30px;font-size:15px;animation:fadeIn .8s ease-out .3s backwards}.auth-wrapper .auth-container .loading-bar-container{width:100%;height:3px;background:#ffffff0d;border-radius:10px;overflow:hidden;margin-bottom:20px}.auth-wrapper .auth-container .loading-bar-container .loading-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),#0a7ea4);border-radius:10px;transition:width .3s ease;box-shadow:0 0 20px #0696ca66;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{opacity:.8}50%{opacity:1}to{opacity:.8}}.auth-wrapper .auth-container .auth-form{animation:fadeIn .8s ease-out .4s backwards}.auth-wrapper .auth-container .auth-form .input-group{position:relative;margin-bottom:20px}.auth-wrapper .auth-container .auth-form .input-group .input-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:#666;font-size:20px;pointer-events:none;z-index:1;transition:color .3s ease}.auth-wrapper .auth-container .auth-form .input-group input{width:100%;padding:18px 18px 18px 52px;background:#1a1a1a;border:1px solid #252525;border-radius:14px;color:#fff;font-size:15px;outline:none;box-sizing:border-box;transition:all .3s ease}.auth-wrapper .auth-container .auth-form .input-group input:focus{border-color:var(--primary-color);background:#1f1f1f;box-shadow:0 0 0 3px #0696ca1a}.auth-wrapper .auth-container .auth-form .input-group input:focus~.input-icon{color:var(--primary-color)}.auth-wrapper .auth-container .auth-form .input-group input:disabled{opacity:.5;cursor:not-allowed}.auth-wrapper .auth-container .auth-form .input-group input::placeholder{color:#555}.auth-wrapper .auth-container .auth-form .input-group .input-border{position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--primary-color),#0a7ea4);transition:width .3s ease;border-radius:2px}.auth-wrapper .auth-container .auth-form .input-group input:focus~.input-border{width:100%}.auth-wrapper .auth-container .auth-form .collapsible{overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);max-height:0;opacity:0}.auth-wrapper .auth-container .auth-form .collapsible.is-visible{max-height:100px;opacity:1}.auth-wrapper .auth-container .auth-form .form-options{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#888;transition:all .4s cubic-bezier(.4,0,.2,1);margin:10px 0 28px;overflow:hidden}.auth-wrapper .auth-container .auth-form .form-options.is-hidden{max-height:0;opacity:0;margin:0;pointer-events:none}@media(max-width:480px){.auth-wrapper .auth-container .auth-form .form-options{flex-direction:column;gap:12px;align-items:flex-start}}.auth-wrapper .auth-container .auth-form .form-options .checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;transition:color .2s ease}.auth-wrapper .auth-container .auth-form .form-options .checkbox-label:hover{color:#fff}.auth-wrapper .auth-container .auth-form .form-options .checkbox-label input{accent-color:var(--primary-color);cursor:pointer;width:16px;height:16px}.auth-wrapper .auth-container .auth-form .form-options .checkbox-label input:disabled{cursor:not-allowed}.auth-wrapper .auth-container .auth-form .form-options .forgot-link{color:var(--primary-color);text-decoration:none;font-weight:500;transition:opacity .2s ease}.auth-wrapper .auth-container .auth-form .form-options .forgot-link:hover{opacity:.8}.auth-wrapper .auth-container .auth-form .btn-primary{position:relative;width:100%;padding:18px;background:linear-gradient(135deg,var(--primary-color),#0a7ea4);color:#fff;border:none;border-radius:14px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:10px}.auth-wrapper .auth-container .auth-form .btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.auth-wrapper .auth-container .auth-form .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #0696ca66}.auth-wrapper .auth-container .auth-form .btn-primary:hover:not(:disabled):before{left:100%}.auth-wrapper .auth-container .auth-form .btn-primary:active:not(:disabled){transform:translateY(0)}.auth-wrapper .auth-container .auth-form .btn-primary:disabled{opacity:.7;cursor:not-allowed}.auth-wrapper .auth-container .auth-form .btn-primary .spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-wrapper .auth-container .divider{margin:36px 0;position:relative;border-bottom:1px solid #252525;animation:fadeIn .8s ease-out .5s backwards}.auth-wrapper .auth-container .divider span{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:#151515;padding:0 16px;color:#666;font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.auth-wrapper .auth-container .social-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:32px;animation:fadeIn .8s ease-out .6s backwards}@media(max-width:480px){.auth-wrapper .auth-container .social-grid{grid-template-columns:1fr}}.auth-wrapper .auth-container .social-grid .btn-social{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;border:1px solid #252525;background:transparent;color:#fff;border-radius:12px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;position:relative;overflow:hidden}.auth-wrapper .auth-container .social-grid .btn-social:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffff0d;transform:translateY(100%);transition:transform .3s ease}.auth-wrapper .auth-container .social-grid .btn-social:hover:not(:disabled){border-color:#444;transform:translateY(-2px)}.auth-wrapper .auth-container .social-grid .btn-social:hover:not(:disabled):before{transform:translateY(0)}.auth-wrapper .auth-container .social-grid .btn-social:disabled{opacity:.5;cursor:not-allowed}.auth-wrapper .auth-container .social-grid .btn-social img{width:20px;height:20px;object-fit:contain}.auth-wrapper .auth-container .toggle-text{color:#888;font-size:14px;animation:fadeIn .8s ease-out .7s backwards}.auth-wrapper .auth-container .toggle-text .toggle-link{color:var(--primary-color);font-weight:600;cursor:pointer;margin-left:4px;transition:opacity .2s ease}.auth-wrapper .auth-container .toggle-text .toggle-link:hover{opacity:.8;text-decoration:underline}.auth-wrapper .auth-footer{position:relative;margin-top:40px;font-size:13px;color:#555;display:flex;flex-direction:column;gap:12px;animation:fadeIn 1s ease-out .8s backwards;z-index:1}.auth-wrapper .auth-footer .footer-links{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.auth-wrapper .auth-footer .footer-links a{color:#666;text-decoration:none;transition:color .2s ease}.auth-wrapper .auth-footer .footer-links a:hover{color:#888}.auth-wrapper .auth-footer p{margin:0}.left-menu{background-color:#000;display:flex;flex-direction:column;padding:20px 15px;align-items:center;position:relative}.left-menu ul{list-style:none;margin:5px 0 0;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px}.left-menu ul li{color:#6b6b6b;font-size:18px;cursor:pointer;display:flex;align-items:center;margin:0;padding:0;gap:10px;font-size:30px}.left-menu ul li:hover,.left-menu ul .active{color:#fff}.left-menu .foot{position:absolute;bottom:70px;left:10px;width:100%;display:flex;justify-content:center;padding-bottom:20px;color:#e6e6e6;font-size:21px;font-family:Sarina;font-weight:300;cursor:pointer;transform:rotate(-90deg)}.left-menu .foot:hover{color:#fff}.left-menu .profile-pic{height:45px;width:45px;position:absolute;bottom:10px;background-color:#212121;border-radius:30px;background-image:url(/assets/user-Bu6tMMKb.png);background-size:cover;background-position:center;margin-left:2px;border:1px solid #323232;cursor:pointer}.note-list{background-color:#1e1e1e;border-right:1px solid #333;position:relative;display:flex;flex-direction:column}.note-list .top{padding:20px 20px 0;height:130px}.note-list .search-wrap{min-width:270px;background-color:#111;border-radius:8px;display:flex;justify-content:center;align-items:center;padding-left:10px;border:1px solid transparent;transition:border-color .2s ease,background-color .2s ease}.note-list .search-wrap:focus-within{background-color:#161616;border-color:var(--primary-color)}.note-list .search-wrap:focus-within svg{color:var(--primary-color)}.note-list .search-wrap svg{font-size:24px;color:#9e9e9e;transition:color .2s ease}.note-list .search-wrap input{background-color:transparent;border:0;padding:10px;width:100%;font-size:16px;color:#eee;outline:none}.note-list .search-wrap input::placeholder{color:#555}.note-list .title-section{color:#616161;display:flex;padding:20px 1px;justify-content:center;align-items:center;font-family:Inter;cursor:pointer}.note-list .title-section b{background-color:var(--primary-color);padding:3px 10px;border-radius:10px;font-size:12px;color:#111;margin-left:5px}.note-list .title-section span{flex:1;text-transform:uppercase;font-size:12px;font-weight:600}.note-list .title-section svg{font-size:20px;cursor:pointer}.note-list .title-section svg:hover{color:var(--primary-color)}.note-list .bottom{flex:1;width:100%;max-height:calc(100vh - 130px);display:flex;flex-direction:column;align-items:center;overflow-y:scroll}.note-list .note-items{flex:1;overflow:scroll;transition:.5s}.note-list .note-item{border:1px solid #2c2c2c;padding:15px;border-radius:12px;margin-bottom:15px;cursor:pointer;max-width:270px;transition:.2s ease-in-out;font-family:Inter}.note-list .note-item .note-title{color:#b3b3b3;font-size:14px;margin-bottom:10px;font-weight:600}.note-list .note-item .note-content{color:#8a8a8a;font-size:12px}.note-list .note-item:hover{border:1px solid var(--secondary-color)}.note-list .note-item .foot{display:flex;justify-content:center;align-items:center;margin-top:15px}.note-list .note-item .foot .visibility{background-color:#618081;font-size:10px;padding:3px 5px;display:flex;justify-content:center;align-items:center;height:20px;font-style:italic;border-radius:3px;color:#111}.note-list .note-item .foot .note-date{flex:1;color:#6b6b6b;font-size:10px;text-align:right}.note-list .folder-wrap{width:100%;padding:0 20px 5px;border-top:1px solid #333;background-color:#202020;min-height:60px;overflow-y:auto;flex:0 0 auto;max-height:300px}.note-list .folder-wrap:not(.flex-0){flex:1;max-height:none}.note-list .folder-wrapper{margin-bottom:5px}.note-list .folder-item .folder-header{display:flex;align-items:center;padding-bottom:10px;cursor:pointer;transition:.2s ease-in-out}.note-list .folder-item .folder-header svg{margin-right:8px;color:#9e9e9e;font-size:16px}.note-list .folder-item .folder-header .folder-title{flex:1;color:#b3b3b3;font-size:14px;font-weight:600}.note-list .folder-item .folder-header b{background-color:var(--primary-color);padding:3px 10px;border-radius:10px;font-size:12px;color:#111;margin-left:5px}.note-list .folder-notes{margin-top:5px;padding-left:0}.note-list .folder-note-item{display:flex;align-items:center;justify-content:space-between;padding:10px;margin-bottom:8px;border:1px solid #2c2c2c;border-radius:8px;cursor:pointer;transition:.2s ease-in-out}.note-list .folder-note-item .folder-note-content{flex:1}.note-list .folder-note-item .note-title{color:#b3b3b3;font-size:12px;margin-bottom:5px;font-weight:600}.note-list .folder-note-item .note-content{color:#8a8a8a;font-size:11px}.note-list .folder-note-item .remove-note-btn{color:#999;font-size:16px;cursor:pointer;padding:5px;margin-left:10px}.note-list .folder-note-item .remove-note-btn:hover{color:#f44}.note-list .folder-note-item:hover{border-color:var(--secondary-color)}.note-list .folder-note-item.selected{border:2px solid var(--primary-color)}.note-list .folder-note-item.selected .note-title{color:#ebeaea}.note-list .folder-note-item.selected .note-content{color:#969696}.note-list .selected{border:2px solid var(--primary-color)!important}.note-list .selected .note-title{color:#ebeaea}.note-list .selected .note-content{color:#969696}.note-list .selected .note-date{color:#ccc}.note-list .modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.note-list .modal-content{background-color:#2a2a2a;border-radius:12px;width:90%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 4px 20px #00000080}.note-list .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #333}.note-list .modal-header h2{color:#eee;font-size:18px;margin:0}.note-list .modal-header svg{font-size:24px;color:#999;cursor:pointer}.note-list .modal-header svg:hover{color:#fff}.note-list .modal-body{padding:20px;overflow-y:auto;flex:1}.note-list .modal-body .folder-name-input{width:100%;padding:12px;background-color:#1e1e1e;border:1px solid #444;border-radius:8px;color:#eee;font-size:16px;margin-bottom:20px}.note-list .modal-body .folder-name-input:focus{outline:none;border-color:var(--primary-color)}.note-list .modal-body .notes-selection h3{color:#b3b3b3;font-size:14px;margin-bottom:10px;text-transform:uppercase}.note-list .modal-body .notes-selection .selectable-notes{max-height:300px;overflow-y:auto}.note-list .modal-body .notes-selection .selectable-notes .selectable-note{display:flex;align-items:center;padding:10px;margin-bottom:8px;background-color:#1e1e1e;border:1px solid #333;border-radius:8px;cursor:pointer;transition:.2s ease-in-out}.note-list .modal-body .notes-selection .selectable-notes .selectable-note input[type=checkbox]{margin-right:10px;cursor:pointer}.note-list .modal-body .notes-selection .selectable-notes .selectable-note span{color:#b3b3b3;font-size:14px}.note-list .modal-body .notes-selection .selectable-notes .selectable-note:hover{border-color:var(--secondary-color)}.note-list .modal-body .notes-selection .selectable-notes .selectable-note.selected{border-color:var(--primary-color);background-color:rgba(var(--primary-color-rgb),.1)}.note-list .modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px;border-top:1px solid #333}.note-list .modal-footer button{padding:10px 20px;border-radius:8px;border:none;font-size:14px;cursor:pointer;transition:.2s ease-in-out}.note-list .modal-footer button.btn-cancel{background-color:#444;color:#eee}.note-list .modal-footer button.btn-cancel:hover{background-color:#555}.note-list .modal-footer button.btn-save{background-color:var(--primary-color);color:#111;font-weight:600}.note-list .modal-footer button.btn-save:hover{opacity:.9}.note-list .flex-0{flex:0 0 60px!important;max-height:0px!important;overflow:hidden}.note-list .empty-state{padding:160px 20px;text-align:center;color:#616161;font-size:13px}.note-list .empty-state.small{padding:20px;font-size:11px}@keyframes shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}.note-list .skeleton-note,.note-list .skeleton-folder{background:#252525;background-image:linear-gradient(to right,#252525,#333 20%,#252525 40% 100%);background-repeat:no-repeat;background-size:800px 100%;display:inline-block;position:relative;animation:shimmer 1.5s infinite linear}.note-list .skeleton-note{height:100px;width:270px;max-width:270px;border-radius:12px;margin-bottom:15px}.note-list .note-items:has(.skeleton-note){display:flex;flex-direction:column}.note-list .skeleton-folder{height:30px;width:80%;border-radius:4px;margin-bottom:10px}.note-wrap{background-color:#1a1a1a;color:#e0e0e0;max-height:100vh;width:100%;overflow:scroll;font-family:Georgia,serif;font-size:20px;position:relative}.note-wrap .modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;justify-content:center;align-items:center;z-index:10000;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.note-wrap .modal-overlay .modal-content{background:#2a2a2a;border:1px solid #444;border-radius:16px;box-shadow:0 20px 60px #00000080;max-width:480px;width:90%;animation:slideUp .3s ease;overflow:hidden}.note-wrap .modal-overlay .modal-content .modal-header{padding:24px 24px 16px;border-bottom:1px solid #333}.note-wrap .modal-overlay .modal-content .modal-header h2{margin:0;font-size:1.5rem;color:#fff;font-family:Playfair Display,serif;font-weight:700}.note-wrap .modal-overlay .modal-content .modal-body{padding:24px}.note-wrap .modal-overlay .modal-content .modal-body p{margin:0 0 12px;color:#e0e0e0;line-height:1.6;font-family:Source Sans Pro,sans-serif;font-size:1rem}.note-wrap .modal-overlay .modal-content .modal-body p strong{color:#fff;font-weight:600}.note-wrap .modal-overlay .modal-content .modal-body .modal-warning{color:#ff8a84;font-size:.9rem;margin-top:16px}.note-wrap .modal-overlay .modal-content .modal-actions{display:flex;gap:12px;padding:16px 24px 24px;justify-content:flex-end}.note-wrap .modal-overlay .modal-content .modal-actions .modal-btn{padding:10px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;font-family:Source Sans Pro,sans-serif;display:flex;align-items:center;gap:8px;border:none}.note-wrap .modal-overlay .modal-content .modal-actions .modal-btn.cancel-btn{background:transparent;color:#e0e0e0;border:1px solid #555}.note-wrap .modal-overlay .modal-content .modal-actions .modal-btn.cancel-btn:hover{background:#3a3a3a;border-color:#666}.note-wrap .modal-overlay .modal-content .modal-actions .modal-btn.delete-btn{background:#ff5f56;color:#fff}.note-wrap .modal-overlay .modal-content .modal-actions .modal-btn.delete-btn:hover{background:#ff8a84;transform:translateY(-1px);box-shadow:0 4px 12px #ff5f564d}.note-wrap .modal-overlay .modal-content .modal-actions .modal-btn.delete-btn:active{transform:translateY(0)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.note-wrap .note-header{display:flex;justify-content:space-between;align-items:center;background:#1a1a1a;padding:12px 20px;position:sticky;top:0;z-index:100}.note-wrap .note-header .header-left,.note-wrap .note-header .header-right{flex:0 0 auto}.note-wrap .note-header .header-center{flex:1;display:flex;justify-content:center;padding:0 20px}.note-wrap .note-header .breadcrumbs{color:#e0e0e0;font-size:16px;font-weight:600;display:flex;align-items:center;gap:6px;flex:1;font-family:Inter}.note-wrap .note-header .breadcrumbs .hash{color:#fff;font-size:18px}.note-wrap .note-header .delete-btn{background:none;border:none;color:#ff5f56;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center}.note-wrap .note-header .delete-btn:hover{background:#ff5f561a;color:#ff8a84}.note-wrap .note-header .header-btn{border:1px solid #5b5b5b;padding:10px 15px;margin-right:10px;display:flex;justify-content:center;align-items:center;border-radius:10px;font-size:14px;column-gap:5px;font-family:Inter;cursor:pointer;transition:all .2s;background:transparent;color:#e0e0e0}.note-wrap .note-header .header-btn:hover{background:#ff5f561a;border-color:#ff5f56;color:#ff8a84}.note-wrap .note-header .share-btn-wrapper{position:relative}.note-wrap .note-header .share-btn{background-color:#5b5b5b;padding:10px 15px;display:flex;justify-content:center;align-items:center;border-radius:10px;font-size:14px;column-gap:5px;font-family:Inter;cursor:pointer;transition:all .2s}.note-wrap .note-header .share-btn:hover{background-color:#6b6b6b}.note-wrap .note-header .share-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#161616;border:1px solid #444;border-radius:12px;box-shadow:0 8px 24px #00000080;z-index:1000;min-width:320px;padding:12px;animation:dropdownFadeIn .2s ease;font-family:Inter}.note-wrap .note-header .share-dropdown .share-link-section{padding:8px;margin-bottom:8px}.note-wrap .note-header .share-dropdown .share-link-section label{display:block;font-size:11px;color:#888;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-family:Source Sans Pro,sans-serif}.note-wrap .note-header .share-dropdown .share-link-section .share-link-button{background-color:var(--primary-color);border-radius:10px;display:flex;justify-content:center;align-items:center;padding:8px;font-size:14px;text-transform:capitalize;gap:10px;cursor:pointer;transition:all .2s}.note-wrap .note-header .share-dropdown .share-link-section .share-link-button svg{font-size:20px}.note-wrap .note-header .share-dropdown .share-link-section .share-link-button:hover{background-color:#3a3a3a}.note-wrap .note-header .share-dropdown .share-link-section .copy-success{display:block;color:#4caf50;font-size:12px;margin-top:6px;font-family:Source Sans Pro,sans-serif;animation:fadeIn .2s ease}.note-wrap .note-header .share-dropdown .share-divider{height:1px;background:#ffffff1a;margin:8px 0}.note-wrap .note-header .share-dropdown .share-option{width:100%;background:none;border:none;color:#e0e0e0;padding:12px 14px;cursor:pointer;border-radius:8px;font-size:14px;text-align:left;display:flex;align-items:center;gap:12px;transition:all .15s;font-family:Source Sans Pro,sans-serif;font-weight:500}.note-wrap .note-header .share-dropdown .share-option:hover{background:#3a3a3a;color:#fff}.note-wrap .note-header .share-dropdown .share-option svg{opacity:.8}.note-wrap .note-header .share-dropdown .share-option span{flex:1}.note-wrap .editor-toolbar{display:flex;gap:4px;align-items:center;background:#000;padding:6px 10px;box-shadow:inset 0 2px 4px #0003}.note-wrap .editor-toolbar .toolbar-group{display:flex;gap:2px;position:relative}.note-wrap .editor-toolbar .toolbar-group button{background:none;border:none;color:#e0e0e0;padding:7px 10px;cursor:pointer;border-radius:6px;font-size:16px;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s;min-width:36px;height:36px;position:relative;font-family:Source Sans Pro,sans-serif;font-weight:500}.note-wrap .editor-toolbar .toolbar-group button:hover{background:#3a3a3a;color:#fff}.note-wrap .editor-toolbar .toolbar-group button:active{background:#4a4a4a;transform:scale(.95)}.note-wrap .editor-toolbar .toolbar-group button svg{font-size:18px}.note-wrap .editor-toolbar .toolbar-group button.task-list-btn svg{font-size:20px}.note-wrap .editor-toolbar .toolbar-group.dropdown-group .dropdown-trigger{padding-right:8px;font-size:14px}.note-wrap .editor-toolbar .toolbar-group.dropdown-group .dropdown-trigger.font-trigger{min-width:140px;justify-content:space-between}.note-wrap .editor-toolbar .toolbar-group.dropdown-group .color-trigger{gap:8px}.note-wrap .editor-toolbar .toolbar-group.dropdown-group .color-trigger .color-preview{width:20px;height:20px;border-radius:4px;border:2px solid #555;box-shadow:0 2px 4px #0000004d}.note-wrap .editor-toolbar .toolbar-divider{width:1px;height:28px;background:#ffffff1a;margin:0 6px}.note-wrap .dropdown-menu{position:absolute;top:100%;left:0;margin-top:8px;background:#2d2d2d;border:1px solid #444;border-radius:8px;box-shadow:0 8px 24px #00000080;z-index:1000;min-width:200px;padding:6px;animation:dropdownFadeIn .2s ease}.note-wrap .dropdown-menu label{display:block;padding:8px 12px;font-size:12px;color:#888;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.note-wrap .dropdown-menu button{width:100%;background:none;border:none;color:#e0e0e0;padding:10px 12px;cursor:pointer;border-radius:6px;font-size:15px;text-align:left;display:flex;align-items:center;gap:10px;transition:all .15s}.note-wrap .dropdown-menu button:hover{background:#3a3a3a;color:#fff}.note-wrap .dropdown-menu button svg{font-size:18px;opacity:.7}.note-wrap .dropdown-menu.heading-menu button{font-weight:500}.note-wrap .dropdown-menu.heading-menu button:nth-child(2){font-size:20px}.note-wrap .dropdown-menu.heading-menu button:nth-child(3){font-size:18px}.note-wrap .dropdown-menu.heading-menu button:nth-child(4){font-size:16px}.note-wrap .dropdown-menu.heading-menu button:nth-child(5){font-size:14px}.note-wrap .dropdown-menu.table-menu button{justify-content:center;font-family:Courier New,monospace}.note-wrap .dropdown-menu.color-menu{min-width:280px;max-width:320px}.note-wrap .dropdown-menu.color-menu .color-section{margin-bottom:12px}.note-wrap .dropdown-menu.color-menu .color-section:last-child{margin-bottom:0}.note-wrap .dropdown-menu.color-menu .color-section label{margin-bottom:4px}.note-wrap .dropdown-menu.color-menu .color-section .color-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:6px;padding:0 6px}.note-wrap .dropdown-menu.color-menu .color-section .color-grid .color-swatch{width:24px;height:24px;border-radius:4px;border:2px solid transparent;cursor:pointer;transition:all .15s;padding:0;min-width:unset}.note-wrap .dropdown-menu.color-menu .color-section .color-grid .color-swatch:hover{border-color:#fff;transform:scale(1.15);box-shadow:0 2px 8px #0006}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.note-wrap .metadata{font-size:.8rem;color:#888;margin-bottom:20px;font-family:Source Sans Pro,sans-serif}.note-wrap .metadata .author{margin-right:15px}.note-wrap .note-title{font-size:3rem;font-weight:700;margin-bottom:30px;outline:none;border:none;color:#fff;line-height:1.2;font-family:Playfair Display,serif;transition:color .2s;letter-spacing:-.5px}.note-wrap .note-title:empty:before{content:"Enter Note Title";color:#555;font-style:italic}.note-wrap .note-container{padding:40px 15%;max-width:1400px;margin:0 auto}@media(max-width:1400px){.note-wrap .note-container{padding:40px 12%}}@media(max-width:1024px){.note-wrap .note-container{padding:30px 8%}}@media(max-width:768px){.note-wrap .note-container{padding:20px 5%}}.note-wrap .note-content{line-height:1.8;outline:none;min-height:500px;color:#e0e0e0;font-size:1.1rem}.note-wrap .note-content:empty:before{content:"Start writing your thoughts...";color:#555;font-style:italic}.note-wrap .note-content p{margin-bottom:1.5rem}.note-wrap .note-content h1,.note-wrap .note-content h2,.note-wrap .note-content h3,.note-wrap .note-content h4,.note-wrap .note-content h5,.note-wrap .note-content h6{margin-top:2.5rem;margin-bottom:1.2rem;font-weight:700;color:#fff;line-height:1.3;font-family:Playfair Display,serif;letter-spacing:-.5px}.note-wrap .note-content h1{font-size:2.5rem;border-bottom:2px solid #333;padding-bottom:.5rem}.note-wrap .note-content h2{font-size:2rem}.note-wrap .note-content h3{font-size:1.6rem;color:#ddd}.note-wrap .note-content h4{font-size:1.3rem;color:#ccc}.note-wrap .note-content ul[data-type=taskList]{list-style:none;padding-left:0;margin:2rem 0}.note-wrap .note-content ul[data-type=taskList] li[data-type=taskItem]{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px;padding:12px 16px;border-radius:8px;transition:all .2s;position:relative;background:#ffffff05;border:1px solid rgba(255,255,255,.05)}.note-wrap .note-content ul[data-type=taskList] li[data-type=taskItem]:hover{background:#ffffff0a;border-color:#f39c1233}.note-wrap .note-content ul[data-type=taskList] li[data-type=taskItem]>label{position:relative;display:flex;align-items:center;cursor:pointer;margin-top:2px;flex-shrink:0}.note-wrap .note-content ul[data-type=taskList] li[data-type=taskItem]>label input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.note-wrap .note-content ul[data-type=taskList] li[data-type=taskItem]>label input[type=checkbox]:checked+span{background:#f39c12;border-color:#f39c12}.note-wrap .note-content ul[data-type=taskList] li[data-type=taskItem]>label input[type=checkbox]:checked+span:after{display:block}.note-wrap .note-content ul[data-type=taskList] li[data-type=taskItem]>label>span{height:22px;width:22px;background-color:transparent;border:2px solid #555;border-radius:5px;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;display:inline-block}.note-wrap .note-content ul[data-type=taskList] li[data-type=taskItem]>label>span:after{content:"";position:absolute;display:none;left:6px;top:2px;width:5px;height:10px;border:solid #1a1a1a;border-width:0 2px 2px 0;transform:rotate(45deg)}.note-wrap .note-content ul[data-type=taskList] li[data-type=taskItem]>label:hover>span{border-color:#f39c12;background:#f39c121a}.note-wrap .note-content ul[data-type=taskList] li[data-type=taskItem]>div{flex:1;outline:none;min-height:24px}.note-wrap .note-content ul[data-type=taskList] li[data-type=taskItem]>div p{margin:0;transition:all .2s}.note-wrap .note-content ul[data-type=taskList] li[data-type=taskItem][data-checked=true]>div p{color:#666;text-decoration:line-through;opacity:.7}.note-wrap .note-content ul:not([data-type=taskList]),.note-wrap .note-content ol{margin:1.5rem 0;padding-left:2.5rem}.note-wrap .note-content ul:not([data-type=taskList]) li,.note-wrap .note-content ol li{margin-bottom:.8rem;line-height:1.7}.note-wrap .note-content ul:not([data-type=taskList]){list-style-type:disc}.note-wrap .note-content ul:not([data-type=taskList]) li::marker{color:#f39c12}.note-wrap .note-content ol{list-style-type:decimal}.note-wrap .note-content ol li::marker{color:#f39c12;font-weight:600}.note-wrap .note-content a{color:#f39c12;text-decoration:none;border-bottom:1px solid rgba(243,156,18,.3);transition:all .2s;padding-bottom:1px}.note-wrap .note-content a:hover{color:#fbb034;border-bottom-color:#fbb034;background:#f39c120d}.note-wrap .note-content pre{background:linear-gradient(135deg,#0d0d0d,#1a1a1a);border:1px solid #333;border-left:4px solid #f39c12;border-radius:8px;padding:20px;overflow-x:auto;margin:2rem 0;font-family:Courier New,monospace;font-size:.9rem;color:#0f0;box-shadow:0 4px 12px #0000004d}.note-wrap .note-content pre::-webkit-scrollbar{height:8px}.note-wrap .note-content pre::-webkit-scrollbar-track{background:#0a0a0a;border-radius:4px}.note-wrap .note-content pre::-webkit-scrollbar-thumb{background:#333;border-radius:4px}.note-wrap .note-content pre::-webkit-scrollbar-thumb:hover{background:#444}.note-wrap .note-content code{background:#f39c121a;border:1px solid rgba(243,156,18,.3);border-radius:4px;padding:2px 8px;font-family:Courier New,monospace;font-size:.9em;color:#f39c12}.note-wrap .note-content pre code{background:none;border:none;padding:0;color:#0f0}.note-wrap .note-content strong,.note-wrap .note-content b{font-weight:700;color:#fff}.note-wrap .note-content em,.note-wrap .note-content i{font-style:italic;color:#ddd}.note-wrap .note-content u{text-decoration:underline;text-decoration-color:#f39c12;text-underline-offset:2px}.note-wrap .note-content strike,.note-wrap .note-content s{text-decoration:line-through;opacity:.6}.note-wrap .note-content mark{background:linear-gradient(120deg,#f39c124d,#f39c1226);border-radius:3px;padding:2px 4px;color:inherit;box-shadow:0 2px 4px #f39c121a}.note-wrap .note-content blockquote{border-left:4px solid #f39c12;padding:16px 24px;margin:2rem 0;color:#ccc;font-style:italic;background:#f39c1208;border-radius:0 8px 8px 0;font-size:1.05rem}.note-wrap .note-content table{width:100%;border-collapse:collapse;margin:2rem 0;background:#0003;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000004d}.note-wrap .note-content table tr:first-child{background:#f39c121a}.note-wrap .note-content table tr:first-child td{font-weight:700;color:#fff;border-bottom:2px solid #f39c12}.note-wrap .note-content table tr:hover{background:#ffffff08}.note-wrap .note-content table td{border:1px solid #333;padding:12px 16px;transition:background .2s}.note-wrap .note-content table td:hover{background:#f39c120d}.note-wrap .note-content hr{border:none;height:2px;background:linear-gradient(90deg,transparent 0%,#444 50%,transparent 100%);margin:3rem 0}.note-wrap .note-content img{max-width:100%;height:auto;border-radius:8px;margin:2rem 0;box-shadow:0 8px 24px #0000004d;transition:transform .3s}.note-wrap .note-content img:hover{transform:scale(1.02)}.note-empty-wrap{display:flex;justify-content:center;align-items:center;flex-direction:column;font-family:Source Sans Pro,sans-serif}.note-empty-wrap .empty-state-image{background-image:url(/assets/empty_state-CfZK8lbb.svg);background-size:cover;background-position:center;height:300px;width:300px;opacity:.7;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.note-empty-wrap h1{margin:30px 0 10px;color:#e5e5e5;font-weight:400;font-size:35px}.note-empty-wrap p{max-width:450px;text-align:center;margin:0;color:#858585;font-size:18px;line-height:1.6}@media(max-width:768px){.note-empty-wrap p{width:90%}}.note-empty-wrap .create-note-bt{background:linear-gradient(135deg,var(--primary-color) 0%,#03c3c6 100%);padding:14px 40px;border-radius:300px;margin-top:30px;color:#111;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s;border:none;text-decoration:none}.note-empty-wrap .create-note-bt:hover{transform:translateY(-2px);box-shadow:0 6px 20px #03c3c666}.note-empty-wrap .create-note-bt:active{transform:translateY(0)}.note-empty-wrap .version{margin-top:100px;font-size:12px;color:#444;letter-spacing:1px}.home-page{display:flex;flex-direction:row;min-height:100vh;background-color:#262626}