:root{--bg-color:#f4f6f8;--text-color:#333;--card-bg:#fff;--primary-color:#4a90e2;--header-bg:#fff;--border-color:#e0e0e0;--shadow-color:#0000001a;--input-bg:#fff}[data-theme=dark]{--bg-color:#121212;--text-color:#e0e0e0;--card-bg:#1e1e1e;--primary-color:#bb86fc;--header-bg:#1f1f1f;--border-color:#333;--shadow-color:#00000080;--input-bg:#2d2d2d}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f4f6f8;background-color:var(--bg-color);color:#333;color:var(--text-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;transition:background-color .3s ease,color .3s ease}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}a{color:inherit;text-decoration:none}.App{display:flex;flex-direction:column;min-height:100vh}main{flex:1 1;margin:0 auto;max-width:1200px;padding:2rem;width:100%}.notes-wrapper{align-items:center;display:flex;margin-top:2rem;position:relative;width:100%}.notes-wrapper .note-list{flex:1 1;margin-top:0;scroll-behavior:smooth}.scroll-button{align-items:center;background-color:initial;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:50%;box-shadow:0 2px 4px var(--shadow-color);color:var(--text-color);cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .3s ease;width:40px;z-index:10}.scroll-button:hover{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff;transform:scale(1.1)}.scroll-button.left{margin-right:.5rem}.scroll-button.right{margin-left:.5rem}.scroll-button svg{stroke:currentColor}.NoteBox{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 6px var(--shadow-color);margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px;padding:1.5rem;transition:background-color .3s ease}.NoteBox form{display:flex;flex-direction:column;gap:1rem}.text-box,.title-box{width:100%}.NoteBox input,.NoteBox textarea{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-family:inherit;font-size:1rem;padding:.8rem;transition:border-color .2s,background-color .3s,color .3s;width:100%}.NoteBox input:focus,.NoteBox textarea:focus{border-color:var(--primary-color);outline:none}.sec-row{align-items:center;display:flex;gap:1rem;justify-content:space-between}.user-id{flex:1 1}.save-btn button{background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;padding:.8rem 1.5rem;transition:opacity .2s}.save-btn button:hover{opacity:.9}.error-msg{font-size:.9rem}.header{align-items:center;background-color:var(--header-bg);box-shadow:0 2px 4px var(--shadow-color);display:flex;justify-content:space-between;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;transition:background-color .3s ease;z-index:100}.header-left .home-icon{align-items:center;color:var(--text-color);display:flex;font-size:1.2rem;font-weight:700;text-decoration:none}.header-left img{height:40px;margin-right:10px}.header-right{align-items:center;display:flex;gap:1rem}.header-link{border-radius:4px;color:var(--text-color);font-weight:500;padding:.5rem 1rem;transition:background-color .2s}.header-link:hover{background-color:var(--shadow-color)}.sign-up-btn{background-color:var(--primary-color);color:#fff!important}.sign-up-btn:hover{opacity:.9}.header-btn{background:none;border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);cursor:pointer;font-family:inherit;font-weight:500;padding:.5rem 1rem;transition:all .2s}.header-btn:hover{background-color:var(--shadow-color)}.theme-toggle{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;padding:.2rem;transition:transform .2s;width:40px}.theme-toggle:hover{background-color:var(--shadow-color);transform:scale(1.1)}.footer{background-color:var(--card-bg);border-top:1px solid var(--border-color);color:var(--text-color);margin-top:auto;padding:1.5rem 0;text-align:center;transition:all .3s ease}.footer-content{align-items:center;display:flex;flex-direction:column;gap:.5rem}.footer-links{display:flex;font-size:.9rem;gap:1.5rem;opacity:.8}.footer-links span{cursor:pointer}.footer-links span:hover{text-decoration:underline}.NoteDisplay{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 4px var(--shadow-color);cursor:pointer;flex-shrink:0;margin-bottom:0;min-width:250px;padding:1rem;transition:transform .2s,box-shadow .2s}.NoteDisplay:hover{box-shadow:0 4px 8px var(--shadow-color);transform:translateY(-2px)}.NoteDisplay h3{color:var(--primary-color);margin:0 0 .5rem}.NoteDisplay small{color:var(--text-color);opacity:.7}.note-list{-ms-overflow-style:none;display:flex;flex-wrap:nowrap;gap:1.5rem;margin-top:2rem;overflow-x:auto;padding:1rem;scrollbar-width:none}.note-list::-webkit-scrollbar{display:none}.note-detail-container{animation:fadeIn .3s ease-in-out;margin:0 auto;max-width:800px;padding:2rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.back-button{align-items:center;background:none;border:none;color:var(--primary-color);cursor:pointer;display:flex;font-size:1rem;margin-bottom:1rem;padding:0;transition:transform .2s}.back-button:hover{transform:translateX(-5px)}.note-detail-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 6px var(--shadow-color);color:var(--text-color);padding:2rem}.note-detail-header{border-bottom:1px solid var(--border-color);margin-bottom:1.5rem;padding-bottom:1rem}.note-detail-header h1{color:var(--primary-color);font-size:2rem;margin:0 0 .5rem}.note-date{color:var(--text-color);font-size:.9rem;opacity:.7}.note-detail-content{font-size:1.1rem;line-height:1.6;white-space:pre-wrap}.note-detail-error,.note-detail-loading{color:var(--text-color);font-size:1.2rem;padding:2rem;text-align:center}.sign-up-container{align-items:center;background-color:var(--bg-color);display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 200px);padding:2rem}.sign-up-container h2{color:var(--text-color);margin-bottom:2rem}.sign-up-container form{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 6px var(--shadow-color);max-width:450px;padding:2.5rem;width:100%}.sign-up-container div{margin-bottom:1.25rem}.sign-up-container label{color:var(--text-color);display:block;font-weight:500;margin-bottom:-.5rem}.sign-up-container input{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-size:1rem;padding:.5rem;transition:all .2s;width:100%}.sign-up-container input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #4a90e233;outline:none}.sign-up-container button{background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;padding:.75rem;transition:opacity .2s;width:100%}.sign-up-container button:hover{opacity:.9}.error-msg{max-width:450px}.login-container{align-items:center;background-color:var(--bg-color);display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 200px);padding:2rem}.login-container h2{color:var(--text-color);margin-bottom:2rem}.login-container form{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 6px var(--shadow-color);max-width:400px;padding:2.5rem;width:100%}.login-container div{margin-bottom:1.5rem}.login-container label{color:var(--text-color);display:block;font-weight:500;margin-bottom:-.5rem}.login-container input{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-size:1rem;padding:.5rem;transition:all .2s;width:100%}.login-container input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #4a90e233;outline:none}.login-container button{background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem;transition:opacity .2s;width:100%}.login-container button:hover{opacity:.9}.error-msg{background-color:#ff6b6b1a;border-radius:4px;color:#ff6b6b;margin-bottom:1rem;max-width:400px;padding:.75rem;text-align:center;width:100%}
/*# sourceMappingURL=main.60ff1116.css.map*/