body{background:#f5f5f5;margin:0;font-family:Arial,sans-serif}.container{max-width:800px;margin:0 auto;padding:20px}header{gap:10px;margin-bottom:20px;display:flex}header input{flex-grow:1;padding:10px}header select{padding:10px}.note-form{background:#fff;border-radius:8px;flex-direction:column;gap:10px;margin-bottom:20px;padding:20px;display:flex;box-shadow:0 2px 5px #0000001a}.note-form input,.note-form textarea,.note-form select,.note-form button{padding:10px;font-size:16px}.note-form button{color:#fff;cursor:pointer;background:#007bff;border:none}.note-form button:hover{background:#0056b3}.notes-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;display:grid}.note-card{border:1px solid #ddd;border-radius:8px;flex-direction:column;gap:10px;padding:15px;display:flex;box-shadow:0 2px 5px #0000001a}.note-card.pinned{border:2px solid #000}.actions{gap:5px;margin-top:auto;display:flex}.actions button{cursor:pointer;padding:5px}