@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Fira+Code:wght@400;500&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}#root,body,html{height:100%;overflow:hidden;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga" 1,"calt" 1;background-color:#131313;color:#e0e0e0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}#root{flex-direction:column}#root,.App{display:flex;height:100%}.App{background-color:#131313;color:#e0e0e0;flex:1 1;flex-direction:row;overflow:hidden;width:100%}.loader{border:4px solid #ffffff1a;border-left-color:#2296a8;height:40px;width:40px}.create-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.notes-list-container{scrollbar-color:#2d3748 #0000;scrollbar-width:thin}.notes-list-container::-webkit-scrollbar{width:6px}.notes-list-container::-webkit-scrollbar-track{background:#0000}.notes-list-container::-webkit-scrollbar-thumb{background:#2d3748;border-radius:3px}.notes-list-container::-webkit-scrollbar-thumb:hover{background:#4a5568}.user-section{gap:15px;margin-left:1rem}.user-info,.user-section{align-items:center;display:flex}.user-info{gap:10px}.user-avatar{border:2px solid #444;border-radius:50%;height:32px;object-fit:cover;width:32px}.user-name{color:#e0e0e0;font-size:.9rem;font-weight:500}.sign-out-button{align-items:center;background:#333;border:1px solid #444;border-radius:4px;color:#e0e0e0;cursor:pointer;display:flex;font-size:.85rem;gap:6px;padding:6px 12px;transition:all .2s ease}.sign-out-button:hover{background:#444}.sign-out-button:active{transform:translateY(1px)}.app-header{background-color:#1e1e1e;border-bottom:1px solid #333;box-shadow:0 2px 10px #0003;padding:.75rem 0;position:sticky;top:0;z-index:1000}.header-content{justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 2rem;width:100%}.header-content,.logo{align-items:center;display:flex}.logo-image{height:32px;object-fit:contain;width:auto}.logo span{margin-left:.75rem}.editor-container{background:#131313;flex:1 1;margin:0;overflow:hidden;padding:0}.editor,.editor-container{border:none;border-radius:0;width:100%}.editor{background-color:#131313;color:#e0e0e0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;height:100%;line-height:1.7;outline:none;padding:2rem;resize:none}.editor:focus{border-color:#2296a8;box-shadow:0 0 0 2px #2296a833;outline:none}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loader{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#2296a8;height:30px;width:30px}@media (max-width:768px){.header-content{padding:0 1rem}.user-section{gap:10px}.sign-out-button span,.user-name{display:none}.sign-out-button:after{content:"Sign Out"}}.modal-overlay{align-items:center;background-color:#131313e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background-color:#131313;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 6px #0003;max-width:500px;padding:2rem;width:90%}.modal h2{font-size:1.5rem;font-weight:600;letter-spacing:-.02em;line-height:1.3}.filename-input,.modal h2{color:#fff;margin-bottom:1.5rem}.filename-input{background-color:#131313;border:1px solid #fff3;border-radius:6px;font-family:Inter,sans-serif;font-size:1rem;font-weight:500;letter-spacing:-.01em;padding:.8rem 1rem;width:100%}.filename-input:focus{border-color:#2296a8;box-shadow:0 0 0 2px #2296a833;outline:none}.modal-buttons{display:flex;gap:1rem;justify-content:flex-end}.cancel-button,.confirm-button{border-radius:6px;cursor:pointer;font-family:JetBrains Mono,monospace;font-size:1rem;padding:.8rem 1.5rem;transition:all .2s}.cancel-button{background-color:initial;border:1px solid #fff3;color:#fff}.confirm-button{background-color:#2296a8;border:none;color:#fff}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.cancel-button:hover{background-color:#ffffff1a}.confirm-button:hover{background-color:#1a7a8a;transform:translateY(-1px)}.cancel-button:active,.confirm-button:active{transform:translateY(1px)}
/*# sourceMappingURL=main.44dcfaa0.css.map*/