body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;transition:background-color .3s ease}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{align-items:center;display:flex;justify-content:space-between;padding:1rem 0}.dark-mode{background-color:#1a1a1a;color:#fff}.dark-mode h1{color:#fff}.dark-mode .note{background-color:#2d2d2d;color:#fff}.dark-mode .note.new,.dark-mode textarea{background-color:#3a3a3a}.dark-mode textarea{color:#fff}.dark-mode .search{background-color:#2d2d2d}.dark-mode .search input{background-color:#2d2d2d;color:#fff}.dark-mode .save{background-color:#4a4a4a;color:#fff}.dark-mode .save:hover{background-color:#5a5a5a}.dark-mode .save:disabled{background-color:#2d2d2d;color:#666;cursor:not-allowed}.container{margin-left:auto;margin-right:auto;max-width:960px;min-height:100vh;padding-left:15px;padding-right:15px}.notes-list{grid-gap:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.note.new,textarea{background-color:#67d7cc}textarea{border:none;font-family:inherit;font-size:1rem;resize:none}textarea:focus{outline:none}.save{background-color:#e1e1e1;border:none;border-radius:15px;padding:5px 10px;transition:background-color .2s ease}.save:hover{background-color:#ededed;cursor:pointer}.save:disabled{background-color:#ccc;cursor:not-allowed}.note{background-color:#fef68a;border-radius:10px;display:flex;flex-direction:column;justify-content:space-between;min-height:170px;padding:1rem;transition:transform .2s ease,box-shadow .2s ease;white-space:pre-wrap}.note:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.note-footer{align-items:center;display:flex;justify-content:space-between}.delete-icon{cursor:pointer;transition:color .2s ease}.delete-icon:hover{color:#f44}.search{align-items:center;border-radius:10px;display:flex;margin-bottom:1.5em;padding:5px;position:relative}.search,.search input{background-color:#e9e9e9}.search input{border:none;flex:1 1;font-size:1rem;padding:8px}.search input:focus{outline:none}.clear-icon{cursor:pointer;margin-right:8px;transition:color .2s ease}.clear-icon:hover{color:#666}.warning{color:#ff6b6b;font-weight:700}@media (max-width:768px){.container{padding-left:10px;padding-right:10px}.notes-list{grid-template-columns:1fr}.header{flex-direction:column;gap:1rem;text-align:center}}.error-message{align-items:center;background-color:#ffebee;border:1px solid #ffcdd2;border-radius:8px;color:#c62828;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem}.dark-mode .error-message{background-color:#3e2723;border-color:#5d4037;color:#ff8a80}.error-message button{background:none;border:none;color:inherit;cursor:pointer;font-size:1.2rem;margin-left:1rem;padding:0}.loading{color:#666;font-size:1.1rem;padding:2rem;text-align:center}.dark-mode .loading{color:#ccc}
/*# sourceMappingURL=main.0957e7ef.css.map*/