body{font-family:system-ui,sans-serif;margin:0;background:#f6f6f4;color:#1d1d1b}.wrap{max-width:560px;margin:40px auto;padding:0 16px}header{display:flex;justify-content:space-between;align-items:center}.row{display:flex;gap:8px}input{flex:1;padding:10px;font-size:16px;border:1px solid #ccc;border-radius:6px}button{padding:10px 14px;font-size:15px;border:0;border-radius:6px;background:#1d1d1b;color:#fff;cursor:pointer}.notes{list-style:none;padding:0}.notes li{display:flex;justify-content:space-between;background:#fff;padding:10px 12px;border-radius:6px;margin:8px 0}.notes li button{background:transparent;color:#999;padding:0 6px}.error{color:#b00020}.muted{color:#777}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}