*{box-sizing:border-box;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}body{margin:0;background:#191d2c;color:#fff}.notes-container{min-height:100vh;padding:40px 20px;text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:10px}.notes-title{font-size:20px;margin-bottom:10px}.add-btn{padding:10px 18px;border-radius:10px;border:none;cursor:pointer;font-size:14px;background:#04a8ba;font-weight:500;color:#000}.empty-text{margin-top:30px;opacity:.7}.notes-list{display:flex;justify-content:center;gap:20px;margin-top:30px;flex-wrap:wrap}.note-card{padding:25px;width:260px;text-align:left;background:#6e6e6e33;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3);display:flex;justify-content:center;align-items:center;flex-direction:column}.note{margin:0 0 10px;font-size:small}.small{opacity:.6;font-size:12px}.delete-btn{margin-top:12px;background:#ff4d4d;border:none;color:#fff;width:100%;padding:8px 12px;border-radius:8px;cursor:pointer}.editor-container{min-height:100vh;display:flex;justify-content:center;align-items:center}.editor-card{background:#6e6e6e33;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3);padding:30px;border-radius:18px;width:520px;display:flex;justify-content:center;align-items:center;flex-direction:column}.editor-card h2{margin-top:0}.editor-textarea{width:100%;height:220px;margin-top:15px;padding:12px;font-size:16px;border-radius:10px;color:#fff;border:none;outline:none;background-color:#4a4e59}.editor-actions{margin-top:15px;display:flex;gap:10px}.save-btn{background:#00d4ff;border:none;padding:10px 16px;border-radius:8px;cursor:pointer;font-weight:700}.back-btn{padding:10px 16px;border-radius:8px;border:none;cursor:pointer;font-weight:700}.status-text{margin-top:10px;font-size:14px;opacity:.7;align-self:end}.container{min-height:100vh;background:#0f1224;display:flex;justify-content:center;align-items:center;color:#fff}.card{background:#1c1f3a;padding:30px;border-radius:15px;width:500px}.textarea{width:100%;height:200px;margin-top:15px;padding:10px;font-size:16px}.actions{margin-top:15px;display:flex;gap:10px}.saveBtn{background:#00d4ff;border:none;padding:10px;cursor:pointer}.backBtn{padding:10px;cursor:pointer}.status{margin-top:10px;font-size:14px;opacity:.8}