body { max-width: 900px; margin: 0 auto; padding: 20px; font-family: system-ui; }
#login { display: flex; flex-direction: column; gap: 10px; max-width: 300px; margin: 100px auto; }
#app { display: none; }
.note-item { padding: 10px; border: 1px solid #ddd; margin: 5px 0; cursor: pointer; display: flex; justify-content: space-between; }
#editor { display: flex; flex-direction: column; gap: 10px; margin-top: 20px; }
textarea { height: 300px; padding: 10px; }
button { padding: 8px 16px; cursor: pointer; }
.btn-group { display: flex; gap: 10px; }