body{background-color:#e8f5e9;display:flex;flex-direction:column;align-items:center;min-height:100vh;margin:0;font-family:system-ui,sans-serif;color:#333}main{width:100%;display:flex;justify-content:center;padding:1rem 0}.header{display:flex;flex-direction:column}.icon-btn img{width:2rem}.container{display:flex;flex-direction:column;justify-content:center;align-items:stretch;width:90vw;max-width:800px;gap:1rem;margin-top:5rem}.note-item{display:flex;justify-content:space-between;align-items:center;background-color:#fff;padding:12px 16px;border-radius:12px;box-shadow:0 2px 6px #0000001a;cursor:pointer}.note-text{font-size:1.1rem}.primary{background-color:#2e7d32;color:#fff}.secondary{background-color:#fff;border:1px solid #81C784;color:#2e7d32}button{border-radius:8px;font-size:1rem;padding:6px 12px;cursor:pointer;border:none;transition:all .2s ease}button:hover{box-shadow:0 3px 6px #0003;transform:translateY(-1px)}.icon-btn{background-color:transparent}.note-container{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:1rem;padding:0}.note-container:has(>:only-child){grid-template-columns:1fr}@media(max-width:600px){.note-container{grid-template-columns:1fr}}.addNote-container{display:flex;flex-direction:column;align-items:stretch;gap:10px}textarea{border-radius:10px;padding:8px 12px;border:1px solid #ccc;resize:vertical;font-size:1rem}textarea:focus{outline:none;border-color:#2e7d32;box-shadow:0 0 5px #2e7d3266}.note-item.collapsed .note-text{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.note-item{gap:12px}.note-body{flex:1;display:grid;gap:8px}.icon-btn{background:transparent;border:none;padding:6px;border-radius:8px;cursor:pointer}.icon-btn:hover{box-shadow:none}.timestamps{color:#666}.searchBar{border:1px solid #ccc;border-radius:10px;padding:5px 10px;margin-bottom:1rem}.searchBar:focus{outline:none;border-color:#2e7d32;box-shadow:0 0 5px #2e7d3266}input{border:1px solid #ccc;border-radius:10px;padding:5px 10px;margin-bottom:1rem}input:focus{outline:none;border-color:#2e7d32;box-shadow:0 0 5px #2e7d3266}.note-overlay{position:fixed;inset:0;background:#00000073;display:grid;place-items:center;z-index:1000}.note-overlay-content{background:#fff;width:min(900px,92vw);max-height:85vh;overflow:auto;border-radius:14px;padding:16px;box-shadow:0 10px 30px #00000040;display:grid;gap:12px}.overlay-header{display:flex;align-items:center;justify-content:space-between}.note-text.large{font-size:1.125rem;line-height:1.5}.btn-row{display:flex;gap:8px;justify-content:flex-end}.note-item .note-text{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.navbar{padding:1rem;color:#fff;font-family:monospace;font-size:1.2rem;position:absolute;top:0;left:0;right:0;z-index:1000;margin-bottom:1rem}.navbar ul{list-style:none;display:flex;justify-content:flex-end;padding:0;margin:0;gap:1rem}.icon{width:40px}.icon-btn{background-color:transparent;border:none;cursor:pointer}.spin{animation:spin .6s ease}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.password-container{position:relative;display:flex;align-items:center}.password-container input{padding-right:2.5rem;width:100%}.toggle-password{position:absolute;right:-.5rem;bottom:.5rem;background-color:transparent;border:none}.toggle-password:hover{outline:none;box-shadow:none}.toggle-password img{width:1.5rem;height:1.5rem}.password-container{width:100%}input[type=checkbox]{accent-color:#4caf50;width:1.2rem;height:1.2rem;cursor:pointer}.note-item{cursor:grab}.note-item.dragging{opacity:.6;cursor:grabbing}.note-container.dragging{user-select:none;-webkit-user-select:none;-webkit-touch-callot:none}